enuygunaraba.com

Neden önemli: Favicon, sekmede ve arama sonuçlarında markanızı temsil eder; eksikliği özensiz görünüm verir.

Çözüm: Kök dizine favicon.ico koyun ve <link rel="icon" href="/favicon.ico"> etiketiyle bildirin.

Neden önemli: Kısa açıklama alanı boşa harcar; uzun açıklama sonuçlarda "..." ile kesilir.

Çözüm: Açıklamayı 120-160 karakter aralığında yazın; her sayfa için benzersiz olsun.

Neden önemli: Varsayılan sunucu hata sayfası ziyaretçiyi çıkmaza sokar; özel 404 sayfası kullanıcıyı sitede tutar.

Çözüm: Site tasarımınızla uyumlu, arama kutusu ve önemli bağlantılar içeren özel bir 404 sayfası hazırlayın.

Neden önemli: LCP (en büyük içerik boyaması) sayfanın ana içeriğinin ne kadar hızlı göründüğünü ölçer; Google'ın resmi sıralama sinyalidir.

Çözüm: LCP'yi 2.5 sn altına indirin: ana görseli optimize edin/önyükleyin (preload), sunucu yanıtını hızlandırın, render engelleyen kaynakları azaltın.

Neden önemli: INP, kullanıcı etkileşimine tepki gecikmesini ölçer; yavaş tepki site "donuk" hissettirir.

Çözüm: Uzun JavaScript görevlerini bölün, ağır işlemleri web worker'a taşıyın, gereksiz üçüncü parti betikleri kaldırın.

Neden önemli: Aşırı büyük DOM (çok sayıda HTML öğesi) belleği şişirir, stil hesaplamalarını ve etkileşimi yavaşlatır.

Çözüm: Gereksiz sarmalayıcı öğeleri kaldırın; uzun listeleri sayfalayın ya da sanallaştırın (~800 öğe altını hedefleyin).

Neden önemli: Yanlış font yüklemesi metnin geç görünmesine (FOIT) ya da zıplamasına neden olur.

Çözüm: font-display: swap kullanın, fontları preload edin, WOFF2 biçimini tercih edin, kullanılmayan ağırlıkları yüklemeyin.

Neden önemli: Üçüncü parti alan adlarına bağlantı kurulumu (DNS+TLS) her istekte zaman kaybettirir.

Çözüm: Kritik üçüncü parti kaynaklar için <link rel="preconnect" href="https://ornek-cdn.com"> ekleyin.

Neden önemli: LCP adayı görsel önceliklendirilmezse tarayıcı onu geç indirir.

Çözüm: Ana görsele <link rel="preload"> ya da fetchpriority="high" ekleyin; CSS arkaplanı yerine <img> tercih edin.

Neden önemli: Küçültülmemiş JavaScript indirme ve ayrıştırma süresini uzatır.

Çözüm: Yayın sürecinde JS'i minify edin (terser, esbuild); büyük satır içi blokları harici sürümlenmiş dosyalara taşıyın.

Neden önemli: Ağır HTML dokümanı ilk yüklemeyi ve ayrıştırmayı yavaşlatır; mobilde veri harcar.

Çözüm: Satır içi devasa CSS/JS/SVG bloklarını harici dosyalara taşıyın, gereksiz işaretlemeyi azaltın, 100KB altı HTML hedefleyin.

Neden önemli: Kırık iç bağlantılar kullanıcıyı çıkmaza sokar ve tarama bütçesini boşa harcar; site kalitesi sinyalini düşürür.

Çözüm: Listelenen bağlantıları düzeltin ya da kaldırın; taşınan sayfalara 301 yönlendirmesi kurun.

Neden önemli: Sayfa başına yüzlerce bağlantı her birinin değerini seyreltir ve kullanıcıyı boğar.

Çözüm: Gezinme ve içerik bağlantılarını sadeleştirin; en önemli hedeflere odaklanın.

Neden önemli: "resim1", "logo" gibi alt metinleri hiçbir bilgi taşımaz.

Çözüm: Alt metnini görselin içeriğini tarif edecek şekilde yazın (5+ karakter, anahtar kelime doğal biçimde geçebilir).

Neden önemli: width/height verilmeyen görseller yüklenince sayfa zıplar (CLS artar).

Çözüm: Tüm <img> etiketlerine gerçek en-boy oranını koruyan width ve height öznitelikleri ekleyin.

Neden önemli: Ekran altındaki görsellerin hemen yüklenmesi ilk yüklemeyi gereksiz şişirir.

Çözüm: Ekran altında kalan görsellere loading="lazy" ekleyin (ilk görünümdekilere eklemeyin).

Neden önemli: WebP/AVIF, JPEG/PNG'ye göre %25-50 küçüktür; eski formatlar bant genişliği israfıdır.

Çözüm: Görselleri WebP ya da AVIF'e dönüştürün; eski tarayıcılar için <picture> ile yedek sunabilirsiniz.

Neden önemli: Tek boyut görsel, mobil cihazlara masaüstü boyutunda iner.

Çözüm: <img srcset="..." sizes="..."> ile cihaz genişliğine uygun görsel sürümleri sunun.

Neden önemli: IMG_1234.jpg gibi dosya adları görsel aramada hiçbir sinyal vermez.

Çözüm: Dosya adlarını içeriği anlatan tireli kelimelerle yazın (ör. kirmizi-kosu-ayakkabisi.webp).

Neden önemli: Bu başlık olmadan siteniz başka sitede iframe içine alınıp tıklama korsanlığında (clickjacking) kullanılabilir.

Çözüm: X-Frame-Options: SAMEORIGIN başlığı ya da CSP frame-ancestors yönergesi ekleyin.

Neden önemli: MIME sniffing ile tarayıcı, dosyayı beyan edilenden farklı türde çalıştırabilir; bu bir saldırı vektörüdür.

Çözüm: X-Content-Type-Options: nosniff başlığını ekleyin.

Neden önemli: HTTP sürümü yönlendirilmezse kullanıcılar ve botlar güvensiz kopyada gezinmeye devam eder.

Çözüm: Sunucu düzeyinde tüm HTTP isteklerini 301 ile HTTPS eşleniğine yönlendirin.

Neden önemli: Content-Security-Policy, XSS saldırılarında enjekte edilen betiklerin çalışmasını engelleyen en güçlü savunmadır.

Çözüm: CSP başlığı tanımlayın; önce Content-Security-Policy-Report-Only ile test edip kaynak listenizi (script-src vb.) netleştirin.

Neden önemli: Permissions-Policy, kamera/mikrofon/konum gibi API'lere erişimi sınırlar; yoksa gömülü içerikler bunları isteyebilir.

Çözüm: Kullanmadığınız özellikleri kapatan bir Permissions-Policy başlığı ekleyin (ör. camera=(), microphone=()).

Neden önemli: Referrer başlığı ziyaretçinin geldiği tam URL'yi dış sitelere sızdırabilir.

Çözüm: Referrer-Policy: strict-origin-when-cross-origin başlığını ekleyin.

Neden önemli: Canonical'ın yönlendiren ya da hata veren URL'yi göstermesi asıl sayfa sinyalini boşa düşürür.

Çözüm: Canonical'ı 200 dönen nihai URL'ye güncelleyin.

Neden önemli: Sitemap'teki tekrar eden URL'ler dosyayı şişirir ve özensizlik sinyali verir.

Çözüm: Sitemap üretimini tekilleştirin; her URL bir kez listelensin.

Neden önemli: Zorunlu alanları eksik şema zengin sonuç üretmez; önerilen alanlar sonucu zenginleştirir.

Çözüm: Uyarıda listelenen alanları şemaya ekleyin (ör. Organization için sameAs, address).

Neden önemli: Etiketsiz form alanları ekran okuyucuda "boş kutu" olarak okunur.

Çözüm: Her inputa <label for> bağlayın ya da aria-label verin; placeholder tek başına yeterli değildir.

Neden önemli: Etiketi olmayan etkileşimli öğeler ekran okuyucu kullanıcıları için anlamsızdır.

Çözüm: Metinsiz düğme ve bağlantılara aria-label ekleyin ya da görünür metin verin.

Neden önemli: Atlayan başlık seviyeleri (H1→H4) ekran okuyucu gezinme yapısını bozar.

Çözüm: Başlıkları hiyerarşik sırayla kullanın; seviye atlamayın.

Neden önemli: header/main/nav/footer işaret bölgeleri ekran okuyucuda hızlı gezinmeyi sağlar.

Çözüm: Sayfayı semantik öğelerle yapılandırın: <header>, <nav>, <main>, <footer>.

Neden önemli: "Tıkla" gibi bağlamsız bağlantılar ekran okuyucunun bağlantı listesinde anlamsızdır.

Çözüm: Bağlantı metnini hedefi tarif edecek şekilde yazın.

Neden önemli: Atlama bağlantısı olmadan klavye kullanıcısı her sayfada tüm menüyü geçmek zorunda kalır.

Çözüm: Sayfa başına gizli "içeriğe atla" bağlantısı ekleyin (odaklanınca görünür olsun) ve ana içeriğe hedefleyin.

Neden önemli: Küçük dokunma hedefleri mobilde yanlış tıklamalara yol açar.

Çözüm: Tıklanabilir öğeleri en az 44×44 px yapın; aralarına boşluk koyun.

Neden önemli: Aynı kelimenin aşırı tekrarı doğal olmayan metin sinyalidir; sıralama düşüşüne yol açabilir.

Çözüm: Listelenen kelimelerin tekrarını azaltın; eş anlamlılar ve doğal anlatım kullanın (%2 altı yoğunluk hedefleyin).

Neden önemli: Metnin HTML koduna oranı çok düşükse sayfa "içerikten çok kod" taşıyor demektir.

Çözüm: Gereksiz sarmalayıcı ve satır içi kod bloklarını azaltın; gerçek metin içeriğini artırın.

Neden önemli: Hiç bağlantısız makale, içeriğinizi sitenin geri kalanına ve kaynaklara bağlamaz.

Çözüm: Metin içinden ilgili iç sayfalara ve güvenilir dış kaynaklara bağlantı verin.

Neden önemli: Karışık başlık yapısı içeriğin taslağını hem kullanıcı hem arama motoru için bozar.

Çözüm: H1→H2→H3 sırasını koruyun; görsel boyut için başlık seviyesi seçmeyin, CSS kullanın.

Neden önemli: Aşırı uzun başlıklar taranabilirliği düşürür.

Çözüm: Başlıkları kısa ve öz tutun (~70 karakter altı).

Neden önemli: Küçük og:image büyük kart yerine küçük küçük görüntülenir.

Çözüm: En az 1200×630 piksel görsel kullanın (1.91:1 oran).

Neden önemli: Paylaşım düğmesi olmadan içeriğin sosyal yayılımı okuyucunun zahmetine kalır.

Çözüm: Makale sayfalarına hafif (script'siz) paylaşım bağlantıları ekleyin.

Neden önemli: Sosyal profil bağlantıları marka doğrulaması ve güven sinyalidir.

Çözüm: Üstbilgi ya da altbilgiye aktif sosyal medya profillerinizin bağlantılarını ekleyin.

Neden önemli: Hakkında sayfası, sitenin arkasında kimin olduğunu göstererek güven (E-E-A-T) sinyali verir.

Çözüm: Kim olduğunuzu, uzmanlığınızı ve misyonunuzu anlatan bir Hakkında sayfası ekleyip menü/altbilgiden bağlayın.

Neden önemli: Yazarsız içerik, özellikle uzmanlık gerektiren konularda anonim ve güvensiz görünür.

Çözüm: Makalelere görünür yazar adı ekleyin; yazar adını author şemasıyla da işaretleyin.

Neden önemli: İletişim yolu sunmayan site anonim ve sorumsuz görünür; güven sinyali eksilir.

Çözüm: İletişim sayfası ekleyin (form ya da e-posta) ve altbilgiden bağlayın.

Neden önemli: Editoryal süreç şeffaflığı içerik kalitesine dair güven verir.

Çözüm: İçeriklerin nasıl üretilip doğrulandığını anlatan bir editoryal politika sayfası yayınlayın.

Neden önemli: Gizlilik politikası hem yasal zorunluluk (KVKK/GDPR) hem güven işaretidir.

Çözüm: Hangi verileri nasıl işlediğinizi anlatan bir gizlilik sayfası ekleyip altbilgiden bağlayın.

Neden önemli: 12px altı metin mobilde okunmak için yakınlaştırma gerektirir; Google mobil uyumsuzluk sayar.

Çözüm: Gövde metnini en az 16px yapın; hiçbir metin 12px altına inmesin.

Neden önemli: Çerez kullanan sitelerde onay mekanizması KVKK/GDPR yükümlülüğüdür.

Çözüm: Zorunlu olmayan çerezleri onaydan önce çalıştırmayan bir çerez onay çözümü ekleyin.

Neden önemli: JS yönlendirmesi botlarca geç ya da hiç işlenmeyebilir.

Çözüm: Yönlendirmeleri HTTP 301/302 ile sunucu tarafında yapın.

Neden önemli: Semantik HTML (article, section, nav…) AI sistemlerinin ve arama motorlarının içeriği doğru parçalamasını sağlar.

Çözüm: div yığını yerine anlamlı öğeler kullanın: <main>, <article>, <section>, <nav>, <header>, <footer>.

Neden önemli: AI botlarını (GPTBot vb.) engellemek, içeriğinizin AI aramalarında görünmesini engeller.

Çözüm: robots.txt'te AI botlarına izin verin — bilinçli olarak engellemek istiyorsanız bu uyarıyı yok sayabilirsiniz.

Neden önemli: llms.txt, sitenizi AI sistemlerine tanıtan yeni bir standarttır; erken benimseyenler avantajlıdır.

Çözüm: Kök dizine sitenizi ve önemli sayfalarınızı özetleyen bir /llms.txt dosyası ekleyin (bkz. llmstxt.org).