trendyol.com

Neden önemli: H1, sayfanın ana konusunu hem kullanıcıya hem arama motoruna bildiren en üst düzey başlıktır.

Çözüm: Sayfaya içeriği özetleyen tek bir <h1> ekleyin; title ile benzer ama birebir aynı olmak zorunda değil.

Neden önemli: Birden çok H1, sayfanın ana konusunu bulanıklaştırır; hiyerarşi bozulur.

Çözüm: Tek H1 bırakın; diğer başlıkları önem sırasına göre H2/H3'e dönüştürün.

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: Canonical zinciri ya da döngüsü arama motorunun asıl sayfayı çözmesini engeller.

Çözüm: Canonical hedefinin başka bir adrese canonical/yönlendirme yapmadığından emin olun; doğrudan nihai URL'yi gösterin.

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: 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: /sayfa ve /sayfa/ ikisinin de çalışması aynı içeriğe iki URL demektir; sinyaller bölünür.

Çözüm: Tek biçim seçin ve diğerini 301 ile ona yönlendirin; iç bağlantılarda hep seçtiğiniz biçimi kullanın.

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: 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: Ç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: 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: 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: Büyük satır içi JavaScript her sayfa yüklemesinde yeniden indirilir ve önbelleklenemez.

Çözüm: Satır içi betikleri harici dosyalara taşıyın; böylece tarayıcı önbelleğinden servis edilirler.

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: 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: TTFB, sunucunun ilk baytı gönderme süresidir; tüm diğer metriklerin tabanıdır.

Çözüm: Sunucu tarafı önbellekleme, hızlı hosting/CDN ve veritabanı optimizasyonu ile 800 ms altını hedefleyin.

Neden önemli: FCP, ekranda ilk içeriğin göründüğü andır; kullanıcının "yükleniyor" algısını belirler.

Çözüm: Kritik CSS'i satır içine alın, render engelleyen kaynakları erteleyin, sunucu yanıtını hızlandırın.

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: Ö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: 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: GIF'ler aynı animasyonun MP4/WebM sürümünden 5-10 kat büyüktür.

Çözüm: Animasyonlu GIF'leri <video autoplay loop muted playsinline> ile MP4/WebM'e ya da animasyonlu WebP/AVIF'e çevirin.

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: 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: Aşırı sayıda dış bağlantı sayfa değerini dağıtır ve spam görünümü verebilir.

Çözüm: Yalnızca içeriğe değer katan dış bağlantıları tutun; şablon kaynaklı toplu dış bağlantıları azaltın.

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: Yönlendirme üzerinden geçen her iç bağlantı gereksiz bir HTTP isteği ekler ve değer aktarımını zayıflatır.

Çözüm: İç bağlantıları yönlendirmenin nihai hedefine güncelleyin (listede → ile gösterilen adres).

Neden önemli: CSS arkaplan görselleri arama motorlarınca "görülmez"; anlam taşıyan görsel içerik kaybolur.

Çözüm: İçeriksel görselleri <img> etiketiyle sunun; CSS arkaplanını yalnızca dekorasyon için kullanı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: 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: 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: Aşırı uzun alt metinleri ekran okuyucularda kullanım zorluğu yaratır.

Çözüm: Alt metnini ~125 karakter altında tutun; uzun açıklamaları görsel altı metne taşıyı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: 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: // 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: 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'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: robots.txt'te sitemap bildirimi, tüm arama motorlarının sitemap'inizi bulmasını sağlar.

Çözüm: robots.txt'e "Sitemap: https://siteniz/sitemap.xml" satırı ekleyin.

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: Organization şeması markanızın bilgi panelini besler.

Çözüm: logo, url ve sosyal profilleri içeren sameAs alanlarını ekleyin.

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: 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: 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: 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: 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: 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: Uzun açıklamalar sonuç sayfasında "..." ile kesilir; mesajınız yarım kalır.

Çözüm: Açıklamayı ~920 piksel (yaklaşık 155 karakter) altında tutun; ana mesajı başa koyun.

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: 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: 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: 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: 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: Satış ortaklığı bağlantılarının açıklanmaması hem yasal risk hem güven kaybıdır.

Çözüm: Ortaklık bağlantısı içeren sayfalara açık bir bilgilendirme metni 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: Sağlık/finans (YMYL) içeriklerinde sorumluluk reddi eksikliği hem yasal hem güven sorunudur.

Çözüm: Uzman tavsiyesinin yerini tutmadığını belirten açık bir uyarı metni ekleyin.

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: Çok dilli sitelerde hreflang, her kullanıcıya doğru dil sürümünü göstermeyi sağlar.

Çözüm: Her dil sürümü için karşılıklı hreflang etiketleri tanımlayın (x-default dahil).

Neden önemli: Tek yönlü hreflang (dönüş bağlantısı eksik) Google'ca yok sayılır.

Çözüm: Her dil sürümü diğer TÜM sürümlere ve kendisine hreflang versin.

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: Aşırı büyük HTML ayrıştırmayı yavaşlatır; bazı botlar kesip eksik işler.

Çözüm: Satır içi devasa içerikleri harici dosyalara taşıyın; işaretlemeyi sadeleştirin.

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

Neden önemli: Şemada bildirilen ad/başlık sayfada hiç görünmüyorsa yapısal veri "sayfanın anlattığından farklı şey" iddia ediyor demektir; güven sorunu doğar.

Çözüm: Şemadaki name/headline değerini sayfanın görünür bir alanında (başlık, logo metni, altbilgi) birebir kullanın ya da şemayı görünür marka adıyla güncelleyin.