JavaScript SEO temel kavramlarını anlama

JavaScript, web'i güçlü bir uygulama platformuna dönüştüren birçok özellik sağlamasından dolayı web platformunun önemli bir parçasıdır. JavaScript destekli web uygulamalarınızı Google Arama aracılığıyla bulunabilir hale getirmek, yeni kullanıcılar bulmanıza ve web uygulamanızın sağladığı içeriği ararlarken mevcut kullanıcılarla yeniden etkileşime geçmenize yardımcı olabilir. Google Arama, JavaScript’i Chromium’un evergreen sürümüyle çalıştırırken birkaç şeyi optimize edebilirsiniz.

Bu kılavuzda, Google Arama'nın JavaScript'i nasıl işlediği ve Google Arama için JavaScript web uygulamalarını iyileştirmeye yönelik en iyi uygulamalar açıklanmaktadır.

Googlebot JavaScript'i nasıl işler?

Googlebot, JavaScript web uygulamalarını üç ana aşamada işler:

  1. Tarama
  2. Oluşturma
  3. Dizine ekleme

Googlebot bir sayfayı tarar, oluşturur ve dizine ekler.

Googlebot, tarama kuyruğundan bir URL'yi alır, tarar, ardından işleme aşamasına geçirir. İşleme aşamasında bağlantılar ayıklanarak tekrar tarama sırasına gönderilir ve sayfa, oluşturma için sıraya alınır. Sayfa, oluşturma sırasından oluşturucuya gider, ardından oluşturulan HTML, tekrar işleme alınarak içeriğin dizine eklenmesi ve bağlantıların ayıklanıp tarama sırasına eklenmesi sağlanır.

Googlebot, bir HTTP isteğinde bulunarak tarama sırasından bir URL getirdiğinde öncelikle taramaya izin verip vermediğinizi kontrol eder. Googlebot, robots.txt dosyasını okur. URL'yi izin verilmiyor olarak işaretlerse Googlebot, bu URL için bir HTTP isteği oluşturmayı ve URL'yi atlar.

Googlebot, daha sonra HTML bağlantılarının href özelliğindeki diğer URL’lerin yanıtlarını ayrıştırır ve URL’leri tarama sırasına ekler. Bağlantının keşfedilmesini engellemek için nofollow mekanizmasını kullanın.

Bir URL'nin taranması ve HTML yanıtının ayrıştırılması, klasik web sitelerinde veya HTTP yanıtındaki HTML'nin tüm içeriği barındırdığı sunucu tarafında oluşturulmuş sayfalarda iyi sonuç verir. Bazı JavaScript siteleri, ilk HTML'nin asıl içeriği barındırmadığı uygulama kabuğu modelini kullanabilir ve Googlebot'un, JavaScript'in oluşturduğu asıl sayfa içeriğini görebilmesi için önce JavaScript'i yürütmesi gerekir.

Bir robots meta etiketi veya başlığı Googlebot'un sayfayı dizine eklememesi gerektiğini bildirmedikçe, Googlebot tüm sayfaları oluşturmak üzere sıraya alır. Sayfanın sırada kalma süresi birkaç saniye olabilir ancak bundan daha uzun da sürebilir. Googlebot’un kaynakları izin verdiğinde, bir gözetimsiz Chromium sayfayı oluşturur ve JavaScript’i yürütür. Googlebot, oluşturulan HTML’yi bağlantılar için tekrar ayrıştırır ve bulduğu URL’leri taramak üzere sıraya alır. Googlebot, oluşturulan HTML'yi sayfanın dizine eklenmesi için de kullanır.

Sunucu tarafı veya ön oluşturma işleminin hâlâ iyi bir fikir olduğunu unutmayın. Böylece web siteniz kullanıcılar ve tarayıcılar için daha hızlı hale gelir ve tüm botlar JavaScript'i çalıştıramaz.

Sayfanızı benzersiz başlıklar ve snippet'ler ile açıklayın

Benzersiz, açıklayıcı başlıklar ve faydalı meta tanımlar, kullanıcıların hedefleri için en iyi sonucu hızlı bir şekilde belirlemelerine yardımcı olur. İyi başlıklar ve açıklamaların nasıl olacağı yönergelerimizde açıklanmaktadır.

JavaScript'i, başlığın yanı sıra meta tanımı ayarlamak veya değiştirmek için de kullanabilirsiniz.

Uyumlu kod yazın

Tarayıcılar birçok API sunar ve JavaScript hızlı gelişen bir dildir. Googlebot’un desteklediği API’ler ve JavaScript özellikleri konusunda bazı sınırlamalar vardır. Kodunuzun Googlebot ile uyumlu olduğundan emin olmak için JavaScript sorunlarını gidermeye yönelik yönergelerimizi uygulayın.

Anlamlı HTTP durum kodları kullanın

Googlebot, sayfayı tararken bir şeylerin ters gidip gitmediğini öğrenmek için HTTP durum kodlarını kullanır.

Googlebot’a, bir sayfanın taranmaması veya dizine eklenmemesi gerektiğini bildirmek için anlamlı bir durum kodu kullanmanız gerekir. Bunu, örneğin bulunamayan bir sayfa için 404 veya bir giriş arkasındaki sayfalar için 401 kodunu kullanarak yapabilirsiniz. Googlebot’a bir sayfanın yeni bir URL’ye taşındığını bildirmek için HTTP durum kodlarını kullanabilir ve böylece, dizinin uygun şekilde güncellenmesini sağlayabilirsiniz.

HTTP durum kodlarının listesini ve bunların ne zaman kullanılacağını aşağıda görebilirsiniz:

HTTP durumu Ne zaman kullanılır?
301 / 302 Sayfa yeni bir URL’ye taşınmıştır.
401 / 403 Sayfa, izin sorunları nedeniyle kullanılamaz.
404 / 410 Sayfa artık mevcut değildir.
5xx Sunucu tarafında bir şeyler ters gitmiştir.

Meta robot etiketlerini dikkatli kullanın

Googlebot’un bir sayfayı dizine eklemesini veya bağlantıları izlemesini meta robots etiketi aracılığıyla engelleyebilirsiniz. Örneğin, sayfanızın en üst kısmına aşağıdaki meta etiketi eklediğinizde, Googlebot'un sayfayı dizine eklemesi engellenir:

    <!-- Googlebot won't index this page or follow links on this page -->
    <meta name="robots" content="noindex, nofollow">

Googlebot, robots meta etiketinde "noindex" ile karşılaştığında, sayfayı oluşturmaz veya dizine eklemez.

Resimleri ve geç yüklenen içeriği düzeltin

Resimler, bant genişliği ve performans açısından oldukça maliyetli olabilir. Resimleri yalnızca kullanıcı görmek üzereyken yüklemek için geç yükleme özelliğini kullanmak iyi bir stratejidir. Geç yüklemeyi aramaya uygun bir şekilde uyguladığınızdan emin olmak için geç yükleme yönergelerimizi uygulayın.

Şunun hakkında geri bildirim gönderin...