JavaScript SEO: Sunucuda Çizim ve Dizine Ekleme Rehberi

Süreç kabaca üç adımdır: arama motoru adresi tarar ve ham HTML'i alır, sayfa bir çizim kuyruğuna girer, sıra geldiğinde JavaScript çalıştırılarak sayfanın son hali elde edilir ve dizine bu son hal eklenir. Google bu çizim adımını güncel bir tarayıcı motoruyla yapar, ama adım ayrıdır ve araya bir bekleme girebilir.

Bu yüzden ham HTML'de hiçbir şey olmayan bir sayfa, arama motoruna ilk bakışta boş görünür. İçerik sonradan gelir, ama kuyruk süresi sayfadan sayfaya değişir. Sık güncellenen bir haber ya da stok sayfası için bu bekleme, içeriğin geç görünmesi demektir.

Her arama motoru ve her yapay zekâ tarayıcısı aynı çizim yeteneğine sahip değildir. Bazıları JavaScript'i hiç çalıştırmaz ya da kısmen çalıştırır. İçeriğinizin yalnızca çizimden sonra görünmesi, yalnızca bir arama motorunu değil, sitenizi okuyan tüm araçları riske atar.

İstemcide çizimde sunucu boş bir sayfa kabuğu gönderir, içeriği tarayıcı JavaScript ile oluşturur. Sunucuda çizimde sayfa istek anında sunucuda hazırlanır ve içeriği dolu halde gelir; tarayıcıda JavaScript sonradan etkileşimi devralır. Önceden üretimde ise sayfa yayın sırasında bir kez hazırlanır ve hazır dosya olarak sunulur.

Sık değişmeyen sayfalar için önceden üretim en hızlı ve en sağlam çözümdür: kurumsal sayfalar, hizmet sayfaları, blog yazıları. Fiyat, stok ya da kişiselleştirilmiş veri taşıyan sayfalar için sunucuda çizim daha uygundur. Giriş yapmış kullanıcının gördüğü panel gibi arama motorunun zaten görmemesi gereken alanlarda istemcide çizim sorun değildir.

Çoğu modern çatı bu üç yöntemi aynı sitede birlikte kullanmaya izin verir. Karar sayfa türü bazında verilir, tüm site için tek bir yöntem seçmek gerekmez.

En basit sınama, sayfanın kaynağını görüntülemektir. Tarayıcıda sayfa kaynağına baktığınızda başlığı, ana metni ve bağlantıları görüyorsanız temel sorun yoktur. Yalnızca boş bir kök öğe ve betik etiketleri görüyorsanız içerik tarayıcıda oluşuyor demektir.

İkinci sınama, Google Search Console içindeki adres denetimi aracıdır; arama motorunun sayfayı çizdikten sonra gördüğü hali ve alınan HTML'i gösterir. Gerçek sayfayla arama motorunun gördüğü sayfa arasındaki fark burada ortaya çıkar. Sitenizin başlık, açıklama ve içerik yapısını ücretsiz sayfa içi SEO denetimimizle de hızlıca kontrol edebilirsiniz.

Üçüncü belirti dizin raporlarındadır: 'taranmış, şu anda dizine eklenmemiş' durumundaki sayfaların çokluğu, ya da başlık ve açıklaması sayfanın gerçek içeriğiyle uyuşmayan sonuçlar, çizim sorununa işaret edebilir.

• Sayfa kaynağında ana metin ve bağlantılar görünüyor mu
• Adres denetiminde çizilmiş HTML ile gerçek sayfa aynı mı
• Başlık ve meta açıklama ilk HTML'de mi, yoksa sonradan mı ekleniyor
• Menü ve sayfa içi bağlantılar gerçek bağlantı etiketiyle mi kurulmuş
• Betik ve stil dosyaları robots.txt ile engellenmiş mi

En sık hata, bağlantıların gerçek bağlantı etiketi yerine tıklama olayıyla çalışan öğelerle kurulmasıdır. Arama motoru yalnızca adres taşıyan bağlantıları izler; bir düğmeye tıklayınca sayfa değiştiren yapı, o sayfaların keşfedilmesini engeller.

İkinci hata, içeriği kullanıcı etkileşimine bağlamaktır. Sekmeye tıklayınca, aşağı kaydırınca ya da 'daha fazla göster' düğmesine basınca yüklenen içerik, arama motorunun görmediği içeriktir. Sayfanın temel metni bu tür etkileşimlerin arkasında kalmamalıdır.

Üçüncü hata, betik ve stil dosyalarını robots.txt ile engellemektir. Arama motoru sayfayı çizemez ve düzeni ya da içeriği yanlış yorumlar. Dördüncüsü, sayfa adreslerinde parça işareti (#) kullanıp ayrı sayfaları tek adrese sıkıştırmaktır; bu durumda her sayfa ayrı bir adres olarak görülmez. Beşincisi, var olmayan sayfaya doğru hata durumu döndürmemektir. Tek sayfa uygulamalar geçersiz adreste bile başarılı durum kodu verip 'sayfa bulunamadı' yazısı gösterebilir; arama motoru bunu gerçek bir sayfa sanır ve dizine almaya çalışır.

Eklenebilir, ama riskini bilerek. Google çizim sonrası başlık ve meta etiketleri okuyabilir; ancak bunlar ilk HTML'de yoksa her tarayıcı ve her sosyal medya önizleyicisi bunları göremez. Bağlantı paylaşıldığında önizleme kartının boş çıkması çoğu zaman bu yüzdendir.

Aynı mantık yapılandırılmış veri için de geçerlidir. Sayfa verisini JavaScript ile ekleyebilirsiniz, ama ilk HTML'de yer alması daha güvenlidir ve daha az bağımlılık taşır. Kanonik adres ve robots yönergesi gibi kritik etiketler ise ilk HTML'de bulunmalıdır; çizimden sonra değiştirilen bir yönerge, arama motorunun ilk okuduğu değerle çelişebilir.

Bu alan hızlı değişiyor ve tek bir cevap yok. Yapay zekâ asistanlarının ve arama özetlerinin kullandığı tarayıcılar genellikle klasik arama motoru kadar güçlü bir çizim yapmaz; bir kısmı ham HTML'le yetinir. Bu yüzden önemli içeriği ilk HTML'de bulundurmak, olası okuyucuların tamamı için en güvenli yoldur.

Yapay zekâ görünürlüğü hedefliyorsanız, sayfanın ana cevabını ve temel bilgilerini sunucuda çizilen HTML'e koyun. Sitenizin bu araçlara nasıl göründüğünü ücretsiz yapay zekâ görünürlük kontrolümüzle sınayabilirsiniz.

Her JavaScript sitesinin yeniden yazılması gerekmez. Arama trafiğine ihtiyaç duymayan bir müşteri paneli, bir randevu aracı ya da girişin arkasındaki bir uygulama için istemcide çizim yeterlidir. Dizine girmesini istemediğiniz alanları zaten arama motorundan saklamak istersiniz.

Mevcut sitenizde sayfa kaynağında içerik görünüyor, bağlantılar gerçek bağlantı etiketi ve adres denetimi sorun göstermiyorsa, çizim yöntemini değiştirmek için bir neden yoktur. Çalışan bir yapıyı arama motoru endişesiyle yeniden kurmak, yeni hatalar üretir. Önce ölçün, sonra karar verin.