Geliştiriciler için SEO: tarayıcıların okuyabildiği HTML, doğru HTTP kodları, temel head etiketleri, Core Web Vitals ve yapay zekada görünürlük.

Kısaca
bir geliştirici için SEO, her önemli sayfanın tarayıcılar için erişilebilir, render edilebilir ve açık olmasını sağlamaktır. Ana içeriği ilk HTML'de sunun (sunucu tarafı render veya statik üretim), dürüst HTTP durum kodları döndürün, title, meta description, canonical ve robots yönergelerini sunucu yanıtına koyun, gerçek <a href> öğeleriyle bağlantı verin, Core Web Vitals eşiklerini karşılayın ve JSON-LD yapılandırılmış veri ekleyin. Yapay zeka tarayıcılarının çoğu JavaScript çalıştırmaz: yalnızca hidrasyondan sonra var olan içerik ChatGPT, Claude ve Perplexity için görünmezdir.
Daha fazlasını mı istiyorsunuz? Sorun:
Kısa test
SEO size uygun mu ve nasıl başlamalısınız?
Google'ın size müşteri getirip getiremeyeceğini görmek için 4 kısa soru.
Size önerimiz
Sorank sizin için doğru çözüm
İnsanlar sattığınız şeyi arıyor ve birkaç ay bekleyebilirsiniz: Sorank doğru aramaları bulur, makaleleri yazıp yayınlar ve size bağlantı kazandırır.
Sorank yanıtlarınıza uyuyor
Kendi sitenizde 3 gün deneyin ya da nerede olduğunuzu görmek için ücretsiz bir denetimle başlayın.
3 gün ücretsiz, sonra istediğiniz zaman bırakın. 90 gün para iade garantisi.
Geliştiriciler için SEO, arama optimizasyonunun kodda yaşayan kısmıdır: şablonlar, yönlendirme (routing), render, başlıklar ve performans. Pazarlama ekibi anahtar kelimeleri seçer ve içerik yazar, ancak yanlış bir durum kodu, yalnızca istemci tarafında çalışan bir rota veya unutulmuş bir noindex bu emeği tek bir dağıtımla silebilir. Google'ın JavaScript SEO temel bilgileri üç aşamayı (tarama, render, dizine ekleme) anlatır ve her aşamanın yalnızca geliştiricilerin düzeltebileceği arızaları vardır. Bu rehber onları bozulma sırasına göre ele alır.
| Alan | Geliştiricinin sorumluluğu | Bozulduğunda tipik belirti |
|---|---|---|
| Render | Ana içerik ve bağlantılar sunucu HTML'inde | Sayfalar boş veya eksik dizine ekleniyor |
| Durum kodları | 200, 301, 404, 410, 5xx doğru şekilde döndürülüyor | Soft 404'ler, dizine eklenen hata sayfaları, silinen sayfaların hâlâ sıralanması |
| Head etiketleri | Benzersiz title, description, canonical, robots, hreflang | Kopyalar, yanlış URL'nin sıralanması, dizinde olmayan sayfalar |
| Tarama kontrolü | robots.txt, XML site haritası, iç bağlantılar, parametreler | Önemli sayfalar keşfedilmiyor, tarama filtrelerde harcanıyor |
| Performans | Gerçek mobil kullanıcılarda Core Web Vitals | Zayıf sayfa deneyimi, daha az dönüşüm |
| Yapılandırılmış veri | Görünen içerikle uyumlu, geçerli JSON-LD | Zengin sonuç yok, varlık belirsiz |
| Yapay zeka erişimi | İzin verilen yapay zeka kullanıcı aracıları, JavaScript olmadan okunabilir içerik | Marka ChatGPT ve Perplexity yanıtlarında yok |
Googlebot JavaScript'i render eder, ancak gecikebilen ikinci bir adımda; Google da sunucu tarafı render veya ön render'ın hâlâ çok iyi bir fikir olduğunu yazar, çünkü kullanıcılar ve tarayıcılar için daha hızlıdır ve her bot JavaScript çalıştırmaz. Bu son nokta artık her zamankinden önemli: Vercel, Aralık 2024 tarihli The rise of the AI crawler analizinde büyük yapay zeka tarayıcılarının hiçbirinin şu anda JavaScript render etmediğini tespit etti ve aralarında GPTBot, OAI-SearchBot, ChatGPT-User, ClaudeBot ve PerplexityBot'u saydı. Google altyapısını kullanan Gemini bunun istisnasıdır.
| Render modu | Tarayıcıların aldığı | SEO uygunluğu |
|---|---|---|
| İstemci tarafı render (CSR) | Neredeyse boş bir HTML kabuğu, içerik JavaScript'ten sonra | Zayıf: Google için gecikmeli, çoğu yapay zeka tarayıcısı için görünmez |
| Sunucu tarafı render (SSR) | Her istekte tam HTML | Dinamik sayfalar için güçlü |
| Statik üretim (SSG) | Dağıtımda oluşturulan tam HTML | Seyrek değişen içerik için en güçlü |
| Artımlı yeniden üretim (ISR) | Zamanlanmış veya isteğe bağlı yenilenen statik HTML | Büyük kataloglar ve bloglar için güçlü |
Çerçeve ne olursa olsun iki kural geçerlidir. Bağlantılar href özniteliği olan <a> öğeleri olmalıdır: Google bağlantıları yalnızca bu biçimde keşfettiğini belirtir, dolayısıyla tıklama işleyicili düğmeler ve parça tabanlı rotalar çıkmaz sokaktır. Ayrıca her rotanın, içeriğini doğrudan döndüren ve # içermeyen kendi URL'si olmalıdır. JavaScript SEO, tek sayfalık uygulamalar için SEO ve Next.js SEO rehberlerimiz çerçeveye özgü ayrıntılara girer.
Durum kodları tarayıcılara verilen talimatlardır. Google'ın HTTP durum kodları ve ağ hataları belgesi her grubun nasıl işlendiğini anlatır:
Sunucunuzun gerçekte ne gönderdiğini bir HTTP başlık denetleyicisi ile kontrol edin ve yönlendirme zincirlerini tek adımda tutun: SEO yönlendirmeleri yazımız taşıma senaryolarını ele alır.
Dizine eklenebilir her sayfanın benzersiz bir title ve description'a, kendini gösteren bir canonical'a ve çok dilli sitelerde hreflang işaretlerine ihtiyacı vardır. Bunları sunucu yanıtında tutun:
<title>Running shoes for flat feet | Example</title>
<meta name="description" content="Tested picks, sizes and prices.">
<link rel="canonical" href="https://example.com/running-shoes-flat-feet">
<link rel="alternate" hreflang="fr" href="https://example.com/fr/chaussures-pieds-plats">
<meta name="robots" content="index, follow">Canonical etiketi, sıralanmasını istediğiniz URL'yi sitenizin kullandığı protokol, ana makine ve sondaki eğik çizgi kuralıyla birebir göstermelidir.
Dikkat
Bir noindex'i kaldırmak için asla JavaScript'e güvenmeyin. Google, noindex etiketi bulduğunda render adımını atlayabileceğini belirtir: HTML'de noindex ile gelen ve bunu istemci tarafında kaldıran bir sayfa dizin dışında kalabilir.
Arama motorları URL'leri dizine ekler, bu yüzden URL şeması bir SEO kararıdır. Küçük harfli, kısa çizgiyle ayrılmış, okunabilir yollar kullanın; sondaki eğik çizgi için tek bir kural seçip diğerini yönlendirin; her içerik için tek bir URL tutun. Filtreler, sıralamalar ve takip parametreleri içerik eklemeden URL sayısını katlar: bunların canonical'ını temiz sürüme yönlendirin ve taranmasını istemediğiniz parametre kombinasyonlarına bağlantı vermeyin.
İç bağlantılar hem keşif hem de önem sırası taşır. Gezinmeyi, içerik haritasını (breadcrumb) ve ilgili içerik bloklarını sunucuda render edin, sayfalı listelere her sayfaya giden düz bağlantılar verin ve arkasında sayfalı URL'ler olmayan sonsuz kaydırmadan kaçının. Yalnızca site içi arama veya bir JavaScript filtresiyle ulaşılabilen bir ürün ya da makale, bir tarayıcı için yetim sayfadır.
robots.txt dizine eklemeyi değil, taramayı kontrol eder: engellenmiş bir URL, başka sayfalar ona bağlantı veriyorsa yine sonuçlarda görünebilir. Bir sayfayı dizin dışında tutmak için taranmasına izin verin ve noindex döndürün. XML site haritasını rotalarınızdan veya veritabanınızdan üretin, yalnızca 200 döndüren kanonik URL'leri listeleyin ve lastmod değerini yalnızca içerik gerçekten değiştiğinde güncelleyin. Kurallarınızı her sürümden önce bir robots.txt denetleyicisi ile test edin ve "Disallow: /" içeren bir test robots.txt dosyasını asla canlıya almayın.
Google, Core Web Vitals'ı sayfa deneyimi sinyallerinin bir parçası olarak kullanır. web.dev'e göre bir sayfa, gerçek sayfa yüklemelerinin 75. yüzdelik diliminde, mobilde ve masaüstünde bu eşikleri karşıladığında iyidir:
| Metrik | Ölçtüğü | İyi eşik | Yaygın geliştirici düzeltmeleri |
|---|---|---|---|
| LCP (Largest Contentful Paint) | Yükleme | 2,5 sn veya daha az | Ana görseli önceden yükleyin, ekranın üst kısmını sunucuda render edin, CDN kullanın |
| INP (Interaction to Next Paint) | Yanıt verme | 200 ms veya daha az | Uzun görevleri bölün, üçüncü taraf betikleri erteleyin, hidrasyon maliyetini düşürün |
| CLS (Cumulative Layout Shift) | Görsel kararlılık | 0,1 veya daha az | Medyaya genişlik ve yükseklik verin, reklam ve gömülü içerik için alan ayırın |
INP, 2024'te First Input Delay'in yerini kararlı bir Core Web Vital olarak aldı. Değerlendirmeyi saha verileriyle (Search Console, Chrome UX Report) yapın, hata ayıklamayı laboratuvar araçlarıyla. Core Web Vitals sözlük maddemiz araçları listeler.
Sayfada görünenleri anlatan, sunucuda render edilmiş bir script etiketi içinde JSON-LD kullanın:
<script type="application/ld+json">
{"@context": "https://schema.org", "@type": "Article",
"headline": "Running shoes for flat feet",
"datePublished": "2026-10-01",
"author": {"@type": "Person", "name": "Jane Doe"}}
</script>İkisi hiç ayrışmasın diye sayfayla aynı verilerden üretin, CI'da doğrulayın ve bir etiket yöneticisiyle enjekte etmekten kaçının. Bir schema oluşturucu yaygın türler için başlangıç şablonu sunar.
İpucu
Dağıtım hattınıza SEO kontrolleri ekleyin: dizine eklenebilir bir şablonda title veya canonical yoksa, bir rota bilinmeyen bir slug için 200 döndürüyorsa ya da canlı robots.txt "Disallow: /" içeriyorsa build başarısız olsun. Bu gerilemeleri dağıtımdan önce yakalamak ucuz, sonra yakalamak pahalıdır.
Yapay zekada görünürlük erişimle başlar. Hangi yapay zeka kullanıcı aracılarına izin verdiğinize karar verin (GPTBot, OAI-SearchBot, ClaudeBot, PerplexityBot ve diğerleri) ve robots.txt'ye açık kurallar yazın; yapay zeka tarayıcıları için robots.txt rehberimiz eğitim botlarıyla arama botları arasındaki farkı açıklar. Ardından metinlerin, fiyatların, teknik özelliklerin ve SSS'nin ilk HTML'de olduğundan emin olun, görsel içinde metin yerine anlamsal başlıklar ve tablolar kullanın ve sayfaları hızlı indirilecek kadar hafif tutun. Bir llms.txt dosyası önemli sayfalarınızı yapay zeka araçları için özetleyebilir, ancak büyük asistanların hiçbiri onu kullandığını doğrulamadı: isteğe bağlı kabul edin.
Sorank bizim ürünümüzdür: autopilot çalışan bir SEO ve GEO yazılımı. Geliştiriciler onunla çoğunlukla entegrasyonlar üzerinden karşılaşır: kurulum sayfasında anlatıldığı gibi WordPress, Shopify, Webflow veya Wix'e ya da webhook ile herhangi bir özel altyapıya makale yayımlar. SEO Chat siteniz hakkındaki soruları sohbet içinde yanıtlar, Yapay Zeka Anma Takibi ise ChatGPT, Claude ve Gemini'nin markanızı anıp anmadığını her hafta kontrol eder.

Özetle: sunucudan eksiksiz HTML, dürüst durum kodları ve doğru etiketler gönderin, ardından performansı gerçek kullanıcılarda ölçün. Bu, hem Googlebot'a hem de JavaScript çalıştırmayan yapay zeka tarayıcılarına hizmet eder. İyi kurulmuş bir siteyi sıralama alan içeriklerle doldurmak için Sorank planlarına göz atın; aylık $49'dan başlar ve 3 günlük ücretsiz deneme sunar.
JavaScript'i render eden Google için her zaman değil, ancak gecikme ve risk ekler; yapay zeka tarayıcılarının çoğu ise JavaScript'i hiç çalıştırmaz. Sıralama alması veya alıntılanması gereken sayfalarda ana içeriği ve bağlantıları sunucu tarafı render, statik üretim veya ön render ile ilk HTML'de sunun, istemci tarafı render'ı etkileşimli bölümlere bırakın.
İkisi de Google'a sayfanın artık olmadığını söyler ve iki durumda da Google zamanla URL'yi kullanmayı bırakır. 410, kaldırmanın bilinçli ve kalıcı olduğunu belirtir; bazı ekipler bilerek silinen içerik için bunu tercih eder. Asıl önemli olan, soft 404'e yol açan hata mesajlı bir 200 döndürmemektir.
Google'ın birçok etkenden biri olarak tanımladığı sayfa deneyimi sinyallerinin parçasıdır; alaka düzeyi ve içerik kalitesi daha ağır basar. Çoğunlukla benzer sayfalar arasında belirleyici olur ve dönüşümleri güçlü biçimde etkiler, bu yüzden eşikleri yakalamaya değer.
SORANK'I SİZDEN ÖNCE DENEDİLER
