JavaScript SEO şimdiye kadar çözülmüş bir sorun olmalı. Değil.
E-ticaret siteleri, beş yıl önce yaşadıkları aynı tarama, oluşturma ve dizine ekleme sorunlarıyla karşılaşmaya devam ediyor; artık denetimsiz yapılar, yapay zeka destekli öneriler ve kritik içeriği Google'dan gizleyebilecek çerçevelerin üzerine yığılmış durumda.
Bu en iyi e-ticaret oyuncuları, organik görünürlükten ödün vermeden hızlı, modern JavaScript'in nasıl gönderileceğini bulmuşlardır. İşte çalmaya değer beş ders.
1. Chewy, UX için JavaScript kullanıyor
Chewy, ABD'deki en büyük çevrimiçi evcil hayvan maması ve malzemeleri perakendecilerinden biridir. Sunucu oluşturma, statik oluşturma ve tam yığın geliştirme özellikleri için yerleşik desteğe sahip web siteleri oluşturmak için bir React çerçevesi olan Next.js'yi kullanıyorlar.
Bu, önemli içeriği ilk HTML yanıtına yerleştirebileceğiniz anlamına geliristemci tarafı JavaScript'e güvenmedenHer gün
Benebone Wishbone Çiğneme Oyuncağı gibi bir ürün sayfasına bakalım.
Şuraya git:Sayfa Kaynağını Görüntüleve ürün başlığını, açıklamasını, fiyatlandırmasını, incelemelerini, Soru-Cevap ve kırıntı navigasyonunun tamamının ilk HTML'de bulunduğunu göreceksiniz. Googlebot ona ilk geçişte erişebilir,render almayı beklemedenHer gün
Bu önemlidir, çünkü Googlebot gibi bir web tarayıcısı sayfanızı oluştururken sorunlarla karşılaşırsa, önemli içerik yine de ilk taramada ayrıştırılabilir. Yapay zeka sohbet robotlarının yükselişiyle birlikte, bunlardan bazıları hâlâJavaScript oluşturma, bu daha da önemli hale geldi.
Ancak her şeyin ilk HTML'de olması gerekmez. İstemci tarafı JavaScript olmasaydı sayfa statik ve hantal görünürdü.
"Benzer Ürünleri Karşılaştır" atlıkarıncasını kullanın. Müşteri tarafında yüklü, özellikle alışveriş yapanlar için. Dahili bağlantılar SEO açısından bazı faydalar sağlayabilir ancak bu sayfanın başlık, açıklama ve fiyatlandırma gibi dizine eklenmesi açısından kritik öneme sahip değildir.
Chewy bu dengeyi doğru şekilde sağlıyor. Dizine ekleme için en önemli içerik ilk yüklemede kullanılabilir. İstemci tarafı JavaScript, dizine eklenmesi gereken içeriği sunmak yerine deneyimi geliştirir.
2. Myprotein navigasyonu taranabilir hale getirir
Myprotein takviyeleri, beslenme ürünleri ve bazı spor kıyafetleri satıyor.
Siteleri, React, Vue veya Svelte bileşenlerini desteklerken varsayılan olarak sıfır JavaScript sunmak için Islands Mimarisini kullanan içerik öncelikli bir çerçeve olan Astro üzerine inşa edilmiştir.
Myprotein'in navigasyonu çalışmaya değer kısımdır. Bu, e-ticaret siteleri için önemli bir SEO alanıdır ve bunu doğru yapıyorlar.
Kaynağı herhangi bir Myprotein sayfasında görüntüleyin ve gezinme bağlantılarının (kategoriler, açılır öğeler ve alt bilgi bağlantıları) tümü ilk HTML yanıtında bulunur. Astro bunu mümkün kılıyorada mimarisiHer gün
Navigasyon etkileşimli bir ada olarak gönderilir; bu, Astro'nun tarayıcı hazır olur olmaz onu JavaScript ile nemlendireceği anlamına gelir. Ancak JavaScript, açılır menüleri etkileşimli hale getirir. Onları yaratmaz.
Bu bağlantılar da uygundurGooglebot gibi tarayıcıların ihtiyaç duyduğu href özelliklerine sahip öğelerbağlantıları keşfedin ve takip edin. Gezinmeyi simüle etmek için JavaScript tıklama işleyicilerini kullanmaktan kaçının, örneğin:
Bir tarayıcı bunu takip etmeyecektir. Bunun yerine standart bir bağlantı öğesi kullanın:
Her site bunu doğru anlamıyor. Gezinme tamamen istemci tarafı görüntülemeye bağlı olduğunda görünmez veya boş bir pencere vardır.
GooglebotJavaScript'i işlerilk taramanın gerisinde kalabilecek ayrı bir oluşturma geçişinde; bu, tarama verimliliği ve bağlantı eşitliği dağıtımı için kritik olan dahili bağlantıların gecikmiş keşfi anlamına gelebilir.
3. Harrods, yapılandırılmış verileri HTML'ye yerleştirir
Harrods moda, güzellik ve ev eşyaları satan lüks bir mağazadır.
Siteleri, yerleşik yönlendirme, sunucu oluşturma ve statik oluşturmanın yanı sıra görüşlü bir proje yapısına sahip web siteleri oluşturmaya yönelik bir Vue çerçevesi olan Nuxt üzerine inşa edilmiştir.
Yapılandırılmış verileri ilk HTML yanıtında iletilir. Kaynağı herhangi bir yerde görüntüleyinürün sayfasıve yapılandırılmış verileri bir
