Arama motorları için Single Page Application (SPA) yönlendirmesini optimize etmek, gezinmenizin standart HTML çapa (anchor) etiketleri aracılığıyla erişilebilir olduğundan emin olmayı içerir. Googlebot bir SPA’yı ziyaret ettiğinde, yeni içeriği keşfetmek için takip edebileceği geçerli bağlantılar bulmayı bekler. Yönlendirme sisteminiz düzgün URL yapıları olmadan tamamen JavaScript olaylarına dayanıyorsa, arama motorları site mimarinizi haritalamakta zorlanır, bu da indeksleme gecikmelerine veya kaçırılan sayfalara yol açar.
Yaygın bir yanlış kanı, arama motorlarının her etkileşimi bir kullanıcının yapacağı gibi oluşturduğudur (render ettiğidir). Gerçekte, Googlebot belirli kaynak kısıtlamaları dahilinde çalışır. Gezinme, tarayıcı adresini güncellemeyen karmaşık komut dosyalarının arkasında kaldığında, tarayıcı sitenizin derinliğini etkili bir şekilde kataloglayamaz. Standart web ilkelerine odaklanarak, teknik mimarinizi arama motorlarının web’i işleme biçimiyle uyumlu hale getirirsiniz.
Googlebot JavaScript uygulamalarını nasıl işler?
Google Arama, web uygulamalarını üç farklı aşamada işler: tarama, oluşturma (render) ve indeksleme. Süreç, tarayıcı bir sayfanın ham HTML’sini getirdiğinde başlar.
Google Arama, web uygulamalarını üç ana aşamada işler: Tarama Oluşturma İndeksleme
Google Search Central
İçerik ilk HTML’de mevcut değilse, sayfa bir oluşturma kuyruğuna yerleştirilir. Web Oluşturma Hizmeti (WRS), JavaScript’i yürütmek için Chromium tarayıcısının her zaman güncel bir sürümünü kullanır. Ancak bu yürütme tamamlandıktan sonra motor, gezinme öğelerini ve bağlantı yollarını tanımlayabilir.
Bu oluşturma kuyruğu, bir sayfanın keşfi ile nihai indekslenmesi arasında bir gecikme yaratır. Bir site sayfayı çizmek için ağır komut dosyalarına güveniyorsa, Googlebot DOM’u oluşturmak için önemli miktarda hesaplama kaynağı ayırmalıdır. Komut dosyalarınız bu aşamada başarısız olursa veya zaman aşımına uğrarsa, indeksleyici yalnızca boş bir şablon görebilir, bu da sayfalarınızın arama sonuçlarından düşmesine neden olur.
İstemci tarafı gezinme neden arama keşfi için bir risktir?
İstemci tarafı yönlendirme, genellikle standart tarayıcı gezinmesinin yerini dahili durum değişiklikleriyle alır. Bu değişiklikler tarayıcı adres çubuğunu güncellemezse veya benzersiz bir URL sağlamazsa, arama tarayıcıları farklı görünümler arasında ayrım yapamaz. İçeriği yüklemek için komut dosyalarına güvenmek genellikle bu özel teknik zorluklara yol açar:
- Belirli içerik durumlarına doğrudan bağlantı verememe.
- URL statik kaldığında meta veri güncellemelerinin eksikliği.
- Daha fazla kaynak tüketen oluşturma kuyruğuna artan bağımlılık.
- Eski tarayıcıların veya sosyal medya botlarının içeriği algılayamaması.
Bir sayfanın alt bölümleri için benzersiz URL’leri olmadığında, tarayıcılar için etkili bir şekilde görünmez hale gelir. Bir arama motoru, doğrudan bir bağlantı aracılığıyla ulaşamadığı bir ‘durumu’ indeksleyemez. Ayrıca, sayfa başlıkları ve açıklamaları gibi meta veriler genellikle ilk yükleme durumunda takılı kalır, bu da alakasız arama parçacıklarına yol açar.
Düzgün URL yönetimi olmadan, dahili bağlantı stratejiniz çöker. Googlebot, bağlantıları takip ederek bir sayfanın otoritesini izler; bu bağlantılar esasen standart olmayan tıklama işleyicilerinin arkasında gizliyse, tarayıcı bu sayfaların var olmadığını varsayar. Bu, alan adınız boyunca PageRank akışını engelleyen yetim bir sayfa yapısıyla sonuçlanır.
SPA’larda SEO dostu yönlendirme nasıl uygulanır?
SPA’nızın erişilebilir kalmasını sağlamak için, bir kullanıcı yeni bir görünüme gittiğinde URL’yi güncellemek için History API’sini kullanmalısınız. Her sayfanın, Googlebot’un ilk açılış sayfasından bağımsız olarak tarayabileceği benzersiz, erişilebilir bir URL’si olmalıdır. İstemci tarafı oluşturma aşamasına olan bağımlılığı en aza indirmek için mümkün olan yerlerde sunucu tarafı oluşturma veya statik oluşturma uygulamanızı öneririz.
Bağlantı yapısı için en iyi uygulamalar
- Gezinme için her zaman etiketlerini kullanın.
- Sayfa yönlendirmeleri gerçekleştirmek için düğmeler veya div’ler üzerinde tıklama olaylarını kullanmaktan kaçının.
- Mümkün olduğunda tüm kritik içeriği ilk HTML’ye dahil edin.
- URL Denetleme aracını kullanarak dahili bağlantı yapınızı doğrulayın.
Temel çapa etiketlerinin ötesinde, sunucu yapılandırmanızın derin bağlantıları (deep linking) desteklediğinden emin olun. Bir kullanıcı veya bot belirli bir URL istediğinde, sunucunuz doğru içeriği hemen döndürebilmelidir. Sunucunuz kök yolundan başka herhangi bir şey için 404 hatası döndürürse, Googlebot tüm sitenizi tek sayfalık bir varlık olarak ele alacak ve tüm derin içeriği etkili bir şekilde görmezden gelecektir.
Ayrıca, hidratasyon (hydration) kullanımını düşünün. İlk içeriği sunucu tarafı oluşturma yoluyla sağlayarak ve ardından istemci tarafı çerçevesinin kontrolü ele almasına izin vererek, kullanıcılar için hızlı bir deneyim ve tarayıcılar için okunabilir bir belge sağlarsınız. Bu yaklaşım, etkileşim ihtiyacı ile arama motoru erişilebilirliği gerekliliği arasında bir denge kurar.
Alien Road SPA yönlendirme stratejilerini nasıl uygular
Alien Road’da, SPA projelerine JavaScript çerçevesi ile arama motoru arasındaki köprüyü denetleyerek yaklaşıyoruz. Tipik bir çalışmada, ham kaynak kodunu nihai oluşturulan çıktıyla karşılaştırmak için Google Search Console URL Denetleme aracını kullanıyoruz. Bu, temel bağlantıların tetiklenmeyen komut dosyalarının arkasında gizli olup olmadığını tespit etmemizi sağlar.
Daha sonra sitedeki her önemli şablon için oluşturma davranışını belgeliyoruz. Hangi bölümlerin aşırı oluşturma kaynağı gerektirdiğini belirleyerek, geliştirme ekiplerine hidratasyon veya sunucu tarafı oluşturma uygulamak için net bir yol haritası sunuyoruz. Bu, içeriğin oluşturma kuyruğuna güvenmeden indeksleyiciye ulaşmasını sağlar, bu da site performansını korumak için önemli bir faktördür.
Sürecimiz ayrıca tüm dahili bağlantıların ham HTML’de keşfedilebilir olduğunu doğrulamayı içerir. Çerçevelerin menüleri genellikle uzun bir yükleme süresinden sonra dinamik olarak oluşturduğunu görüyoruz. Bu bileşenleri sunucu düzeyinde oluşturulacak şekilde yeniden düzenleyerek, tarama bütçesi verimliliğini artırıyor ve Googlebot’un daha kısa sürede daha fazla içerik keşfetmesini sağlıyoruz.
JavaScript indekslemesinde yaygın tuzaklar
Birçok ekip, bir sayfanın yerel tarayıcılarında çalıştığı için Googlebot için de çalıştığını varsayma tuzağına düşer. Ancak, tarayıcı ortamı arama motorları tarafından kullanılan otomatik ortamdan çok farklıdır. Bellek sızıntıları, optimize edilmemiş komut dosyası yürütme ve üçüncü taraf izleme komut dosyalarına ağır bağımlılık, oluşturma sürecinin erken başarısız olmasına neden olabilir.
Bir diğer yaygın sorun, gezinme için ‘parça tanımlayıcıları’ (hash’ler) kullanılmasıdır. Bunlar erken SPA geliştirmede yaygın olsa da, modern SEO için ideal değildir. Googlebot, hash içeren bir sayfayı temel URL ile aynı olarak ele alabilir, bu da yalnızca ana sayfanın indekslendiği, tüm alt sayfaların ise görmezden gelindiği sorunlara yol açar.
Bu hafta nereden başlamalı
SPA’nızdan beş temsili URL seçerek ve Google Search Console’da ‘Canlı URL’yi Test Et’ özelliğini çalıştırarak başlayın. Tüm dahili bağlantıların standart HTML etiketleri olarak mevcut olduğunu doğrulamak için oluşturulan DOM’u görüntüleyin. Bağlantılarınızın yalnızca önemli kullanıcı etkileşiminden sonra göründüğünü fark ederseniz, bu öğeleri sayfa ilk yüklendiğinde görünür olacak şekilde yeniden düzenlemeyi planlayın.
Bulguları basit bir elektronik tabloda belgeleyin. Her URL için ‘Taranan’ ve ‘Oluşturulan’ HTML’yi karşılaştırın. İçeriğiniz eksikse, en önemli sayfalarınız için sunucu tarafı oluşturmaya veya ön oluşturmaya geçişe öncelik verin. Yönlendirme mantığınızdaki küçük ayarlamalar, arama görünürlüğünde önemli kazanımlara yol açabilir.