nazelasansor.com

Neden önemli: Meta açıklama sıralama faktörü olmasa da arama sonucundaki özet metni belirler ve tıklanma oranını doğrudan etkiler.

Çözüm: <meta name="description"> ekleyin: sayfanın değerini anlatan, harekete geçiren 120-160 karakterlik bir özet yazın.

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: CLS (düzen kayması) sayfa yüklenirken öğelerin zıplamasını ölçer; yüksek değerler yanlış tıklamalara yol açar.

Çözüm: Görsel ve iframe'lere width/height verin, dinamik içerik için yer ayırın, fontları font-display: swap ile yükleyin.

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: Çok sayıda/büyük CSS dosyası indirme ve işleme süresini uzatır.

Çözüm: CSS dosyalarını birleştirip küçültün, kullanılmayan kuralları ayıklayın (PurgeCSS vb.), 3 dosyadan azı 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: Ekranın ilk görünümündeki (hero) görsele lazy loading vermek LCP'yi bilerek geciktirmek demektir.

Çözüm: İlk görünümdeki görsellerden loading="lazy" özniteliğini kaldırın; isterseniz fetchpriority="high" 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: Önbellek başlığı olmayan statik dosyalar her ziyarette yeniden indirilir.

Çözüm: Statik varlıklara uzun Cache-Control verin (ör. max-age=31536000, immutable) ve dosya adlarını sürümleyin.

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: Yavaş sunucu yanıtı tüm yükleme zincirini geciktirir.

Çözüm: Önbellekleme, OPcache/objeler, sorgu optimizasyonu ve gerekirse daha güçlü hosting ile 500 ms altını hedefleyin.

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: javascript:, boş href gibi sahte bağlantılar tarayıcılar için anlamsızdır, erişilebilirliği de bozar.

Çözüm: Eylemler için <button> kullanın; gerçek gezinme için geçerli URL içeren <a href> bırakın.

Neden önemli: Hatalı biçimli tel:/mailto: bağlantıları mobil kullanıcıda hiçbir şey yapmaz.

Çözüm: Biçimleri düzeltin: tel:+905551112233 ve mailto:ornek@site.com (boşluksuz, uluslararası format).

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: Gösterim boyutundan çok daha büyük görseller gereksiz veri indirtir.

Çözüm: Görselleri gösterildikleri boyuta göre yeniden ölçekleyin ve sıkıştırın; srcset ile farklı boyutlar sunun.

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: <figure> içindeki görsellerde <figcaption> içerik bağlamı ekler ve erişilebilirliği artırır.

Çözüm: Anlamlı görselleri <figure> + <figcaption> ile açıklayın.

Neden önemli: HSTS başlığı tarayıcıya "bu siteye yalnızca HTTPS ile bağlan" der; ilk istek dahil düşürme saldırılarını engeller.

Çözüm: Strict-Transport-Security: max-age=31536000; includeSubDomains başlığını ekleyin (emin olunca preload da).

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: 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: // ile başlayan protokol-göreli URL'ler eski bir tekniktir; HTTP bağlamında güvensiz yüklenir.

Çözüm: Kaynak URL'lerini açıkça https:// ile yazın.

Neden önemli: JSON-LD yapısal veri, arama motoruna içeriğinizi "anlatır" ve zengin sonuçların (yıldız, SSS, fiyat) kapısını açar.

Çözüm: Sayfa türünüze uygun JSON-LD ekleyin (Article, Product, Organization…); Google'ın Rich Results Test aracıyla doğrulayın.

Neden önemli: Söz dizimi bozuk JSON-LD tamamen yok sayılır; emek boşa gider.

Çözüm: JSON'u doğrulayın (virgül/tırnak hataları tipiktir); Rich Results Test ile kontrol edin.

Neden önemli: Bilinmeyen ya da yanlış @type değeri şemanın işlenmemesine neden olur.

Çözüm: schema.org'da tanımlı doğru türü kullanın (ör. BlogPosting, Product, LocalBusiness).

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: WebSite şemasındaki potentialAction, arama sonucunda site içi arama kutusu (sitelinks searchbox) çıkarabilir.

Çözüm: WebSite şemasına SearchAction tanımı ekleyin (urlTemplate ile site içi arama adresiniz).

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: "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: 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: Sayfalar arası kopya meta açıklamalar her sayfanın kendine özgü değerini gizler.

Çözüm: Her sayfaya içeriğine özel açıklama yazın; şablon kaynaklı tekrarları kaldırın.

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: Çok kısa içerik konuyu karşılamıyor izlenimi verir; rekabetçi sorgularda zayıf kalır.

Çözüm: İçeriği kullanıcı sorusunu tam yanıtlayacak derinliğe çıkarın; kelime saymak için değil, değer için yazın.

Neden önemli: Aşırı karmaşık dil geniş kitlenin içeriği anlamasını zorlaştırır.

Çözüm: Cümleleri kısaltın, sade kelimeler kullanın, paragrafları bölü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: Kapanmamış/iç içe bozuk etiketler sayfanın farklı tarayıcılarda farklı bozulmasına yol açar.

Çözüm: HTML'i W3C validator ile denetleyip bildirilen yapısal hataları düzeltin.

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: Aynı metinli birden çok başlık gezinmeyi ve içerik taslağını karıştırır.

Çözüm: Her başlığı bölümünün içeriğine özgü yazın.

Neden önemli: og:title olmadan paylaşımlarda sayfa başlığı rastgele seçilir.

Çözüm: <meta property="og:title" content="..."> ekleyin; paylaşım için çekici bir başlık yazın.

Neden önemli: og:description, paylaşım kartındaki özet metni belirler.

Çözüm: <meta property="og:description"> ekleyin; meta açıklamadan farklı, paylaşıma yönelik olabilir.

Neden önemli: og:image olmadan paylaşım kartı görselsiz ya da rastgele görselli çıkar; tıklanma ciddi düşer.

Çözüm: 1200×630 boyutunda bir paylaşım görseli hazırlayıp <meta property="og:image"> ile mutlak URL olarak bildirin.

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: twitter:card etiketi olmadan X/Twitter paylaşımı düz bağlantı olarak görünür.

Çözüm: <meta name="twitter:card" content="summary_large_image"> ekleyin.

Neden önemli: og:url, paylaşım sinyallerinin tek kanonik adreste toplanmasını sağlar.

Çözüm: <meta property="og:url"> ile sayfanın canonical URL'sini bildirin.

Neden önemli: og:url ile canonical farklıysa paylaşım sinyalleri iki adrese bölünür.

Çözüm: og:url değerini canonical URL ile aynı yapın.

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: 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: Tarihsiz içerikte güncellik değerlendirilemez; okuyucu bayat bilgiyle karşılaşabilir.

Çözüm: İçeriklere görünür yayın/güncelleme tarihi ekleyin; şemada datePublished/dateModified kullanı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: Ekranı kaplayan pop-up'lar mobilde içeriğe erişimi engeller; Google bunun için ceza uygular.

Çözüm: İçeriği örten geçiş reklamlarını kaldırın; küçük banner ya da yasal zorunlu bildirimlerle sınırlayın.

Neden önemli: JS ile eklenen meta açıklama ilk HTML'de yoktur; bazı araçlar hiç görmez.

Çözüm: Meta açıklamayı sunucu tarafında üretin.

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).