otelyg.com

Neden önemli: Canonical etiketi, aynı içeriğe birden çok URL ile erişilebildiğinde hangi adresin "asıl" olduğunu bildirir; kopya içerik sorununu önler.

Çözüm: <head> içine <link rel="canonical" href="asıl-URL"> ekleyin; her sayfa kendi tam URL'sini göstersin.

Neden önemli: Çok kısa title değerlendirilebilir sinyal taşımaz; çok uzunu arama sonuçlarında kesilir.

Çözüm: Başlığı 30-60 karakter aralığında tutun; önemli kelimeleri başa alın, marka adını sona koyun.

Neden önemli: Bozuk ya da göreli canonical, arama motorunun yanlış adresi asıl sayfa sanmasına yol açar.

Çözüm: Canonical değerini protokol dahil mutlak URL yapın (https://... ile başlasın) ve çalışan bir adresi göstersin.

Neden önemli: Söz dizimi bozuk robots.txt yanlış yorumlanabilir; istemeden tüm siteyi taramaya kapatabilirsiniz.

Çözüm: Dosyayı User-agent, Allow/Disallow ve Sitemap yönergeleriyle standart biçimde yazın; Google Search Console robots test aracıyla doğrulayın.

Neden önemli: Sitemap, arama motorunun tüm sayfalarınızı keşfetmesini hızlandırır; özellikle derin sayfalar için önemlidir.

Çözüm: /sitemap.xml oluşturun (CMS eklentileri otomatik üretir) ve robots.txt içinde "Sitemap: https://siteniz/sitemap.xml" satırıyla bildirin.

Neden önemli: www'lu ve www'suz sürümün ikisi de yanıt veriyorsa site iki kopya olarak değerlendirilebilir.

Çözüm: Bir sürümü asıl seçin, diğerini sunucu düzeyinde 301 ile yönlendirin.

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: Geçersiz XML yapılı sitemap arama motorlarınca okunamaz; varlığı bir işe yaramaz.

Çözüm: Sitemap'i XML şemasına uygun üretin; <urlset>/<url>/<loc> yapısını ve UTF-8 kodlamayı doğrulayın.

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: Ç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: Üçü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: <head> içindeki eş zamanlı script/CSS, sayfa çiziminin başlamasını bloke eder.

Çözüm: Script'lere defer/async ekleyin, kritik olmayan CSS'i medya sorgusu ya da geç yükleme ile erteleyin.

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: Brotli, gzip'e göre metinde ~%15-20 daha iyi sıkıştırır; aynı içerik daha hızlı iner.

Çözüm: Sunucu/CDN yapılandırmasında brotli'yi etkinleştirin (Apache: mod_brotli, Nginx: brotli modülü, çoğu CDN'de tek tık).

Neden önemli: Boşluk ve yorumlarla şişmiş CSS gereksiz bayt taşır.

Çözüm: Yayın sürecinde CSS'i minify edin (cssnano, esbuild, CMS eklentileri).

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: HTTP/2-3 çoklama sayesinde çok sayıda kaynağı tek bağlantıda paralel indirir; HTTP/1.1 kuyruk bekletir.

Çözüm: Sunucu/CDN'de HTTP/2 veya HTTP/3'ü etkinleştirin (günümüz sunucularında yapılandırma meselesi).

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: Erişilemeyen dış bağlantılar kullanıcı deneyimini bozar ve bakımsız içerik izlenimi verir.

Çözüm: Listelenen dış bağlantıları güncelleyin, arşiv sürümüne (web.archive.org) bağlayın ya da kaldırın.

Neden önemli: "Tıkla", "buraya" gibi bağlantı metinleri hedef sayfanın konusu hakkında hiçbir sinyal taşımaz.

Çözüm: Bağlantı metnini hedef sayfayı tarif edecek şekilde yazın (ör. "buraya tıklayın" yerine "SEO rehberini inceleyin").

Neden önemli: HTTPS sayfadan HTTP kaynağa bağlantı kullanıcıyı güvensiz sürüme taşır.

Çözüm: Bağlantıları https:// sürümlerine güncelleyin; hedefin HTTPS'i yoksa bağlantıyı gözden geçirin.

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: Alt metni ekran okuyucular ve arama motorları için görselin tek açıklamasıdır; Google Görseller trafiğinin anahtarıdır.

Çözüm: Her anlamlı <img> etiketine içeriği tarif eden alt="..." ekleyin; dekoratif görsellere boş alt="" verin.

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: 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: 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: target="_blank" bağlantılarda rel="noopener" yoksa açılan sayfa window.opener üzerinden sayfanıza erişebilir.

Çözüm: Yeni sekmede açılan tüm bağlantılara rel="noopener noreferrer" ekleyin.

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: Sitemap'te farklı alan adına ait URL'ler geçersizdir ve yok sayılır.

Çözüm: Sitemap'te yalnızca kendi alan adınızın tam URL'lerini listeleyin.

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: 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: 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: "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: Başlıksız tablolar ekran okuyucuda satır-sütun ilişkisiz ham veri olarak okunur.

Çözüm: Tablolara <th> başlıkları ve gerekirse scope öznitelikleri ekleyin.

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: Düşük kontrast metni az gören kullanıcılar için okunmaz kılar; WCAG zorunluluğudur.

Çözüm: Metin/arkaplan kontrastını en az 4.5:1 yapın (büyük metinde 3:1); kontrast kontrol araçlarıyla test edin.

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: 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: 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: 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: 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: 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: Kaynaksız iddialar doğrulanamaz; güven ve otorite sinyali zayıflar.

Çözüm: İstatistik ve iddialar için güvenilir kaynaklara bağlantı verin.

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: Fiziksel adres, özellikle yerel işletme ve e-ticarette gerçeklik kanıtıdır.

Çözüm: Altbilgi ya da iletişim sayfasında işletme adresinizi yayınlayı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: Yatay kaydırma mobil kullanım deneyimini ciddi bozar.

Çözüm: Sabit genişlikli öğeleri (tablo, görsel, embed) max-width:100% ve overflow kurallarıyla dizginleyin.

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 ile eklenen canonical güvenilir işlenmez; Google ilk HTML'dekini tercih eder.

Çözüm: Canonical etiketini sunucu tarafında ilk HTML'e ekleyin.

Neden önemli: Yönlendirme döngüsü sayfayı hem kullanıcı hem bot için tamamen erişilmez kılar.

Çözüm: Yönlendirme zincirini izleyip döngüyü kıran kuralı düzeltin.

Neden önemli: Hata veren adrese yönlendirme kullanıcıyı çıkmaza taşır.

Çözüm: Yönlendirme hedeflerini 200 dönen sayfalara güncelleyin.

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: Başlıklar, listeler ve tablolar AI aramalarının içeriğinizden alıntı yapabilmesini kolaylaştırır.

Çözüm: İçeriği başlık hiyerarşisi, madde listeleri (<ul>/<ol>) ve uygun yerde tablolarla yapılandırın.

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