JavaScript SEO, JavaScript kullanan sitelerde içeriğin, bağlantıların ve meta bilgilerin arama motorları tarafından erişilebilir ve anlaşılır olmasını sağlamaktır. JavaScript kullanmak sorun değildir; kritik sayfanın hata veya gecikme nedeniyle boş kalması sorundur.
Tarama ve render
Google önce sunucudan HTML alır, gerektiğinde JavaScript’i çalıştırarak son görünümü oluşturur. İlk HTML boşsa içerik render aşamasına bağımlıdır.
İlk HTML kontrolü
Title, ana metin, canonical ve önemli linklerin sayfa kaynağında bulunup bulunmadığına bakın. Tarayıcı DOM’u ile kaynak kodu aynı değildir.
Bağlantılar
Gezinme öğeleri gerçek a href bağlantıları kullanmalıdır. Yalnız tıklama olayına bağlı öğeler keşfi zorlaştırabilir.
Yaygın hatalar
Başarısız API, engellenen dosya, sonsuz yükleme, yanlış durum kodu ve istemci tarafında geç değişen canonical sık görülür.
Render yöntemleri
Sunucu tarafında oluşturma, statik üretim veya hydration ihtiyaca göre kullanılabilir. Her site için tek doğru teknoloji yoktur.
Nasıl test edilir?
Search Console canlı test, oluşturulan HTML, ekran görüntüsü ve Chrome geliştirici araçlarını kullanın. Farklı şablonlardan örnek seçin.
Destek için teknik SEO sayfamıza göz atabilirsiniz.
Uygulama kontrol listesi
- İlk HTML içinde ana içeriği kontrol edin
- Bağlantıların gerçek href kullandığını doğrulayın
- JavaScript kapalıyken temel sayfayı inceleyin
- API ve konsol hatalarını kaydedin
- Google render ekran görüntüsünü karşılaştırın
- Ürün ve kategori şablonlarını ayrı test edin
Sık yapılan hata
Tarayıcıda sayfa göründüğü için Google’ın da aynı içeriği gördüğünü varsaymak ve yalnız ana sayfayı test etmek yaygın hatadır.
İlgili alt konular ve karar notları
Bu bölüm, aynı kullanıcı ihtiyacını parçalayan kısa sayfalardaki yararlı noktaları tek rehber altında toplar. Böylece konu, birbirine rakip URL’ler yerine tek ve güncellenebilir kaynak üzerinden izlenebilir.
Client-Side Rendering SEO Rehberi: Tarayıcıda Oluşan İçerik
Sunucudan gelen kaynakta başlık, ana metin ve linkler bulunmuyorsa bunların JavaScript çalıştıktan sonra oluşturulması gerekir. Arama motorları JavaScript işleyebilir, fakat işleme gecikebilir veya hata nedeniyle tamamlanmayabilir. Hayır. Kendi tarayıcınızda çalışan sayfa, botun kullandığı kaynak ve izinlerle aynı sonucu vermeyebilir. Oturum, coğrafya, çerez veya API kısıtları farklı içerik üretebilir. Search Console renderı ve canlı URL birlikte incelenmelidir. Gezinme bağlantıları gerçek href değerleri taşımalıdır. Yalnız tıklama olayıyla çalışan butonlar tarayıcı tarafından link olarak keşfedilmeyebilir. Sayfalama, filtre ve ürün kartları özellikle kontrol edilmelidir. Title, description, robots ve canonical JavaScript ile değiştiriliyorsa işlenmiş HTML’de son değer doğrulanmalıdır. İlk kaynakta farklı canonical bulunması veya etiketin geç eklenmesi çelişkili sinyal oluşturabilir.
JavaScript Performans Optimizasyonu Rehberi: Ana İş Parçacığını Rahatlatma
Tema, paket ve eklentiler her sayfaya kullanılmayan JavaScript gönderebilir. Coverage ve paket analizleri aday kodu gösterir. Otomatik silme yapmadan önce farklı şablonlar, menüler ve formlar test edilmelidir. Bütün uygulama kodunu ilk yüklemede indirmek yerine sayfa veya özellik bazında parçalar yüklenebilir. Kullanıcı hiç açmayacağı yönetim bileşenini ürün sayfasında indirmemelidir. Çok sayıda küçük parça da ağ ve yönetim maliyeti doğurabilir. defer scripti HTML ayrıştırması bittikten sonra sırayla çalıştırır; async hazır olduğunda çalışabilir ve sıra garantisi vermez. Bağımlı dosyalarda yanlış async kullanımı hata çıkarabilir. Kritik olmayan kodun yükleme yöntemi test edilerek seçilir. 50 milisaniyeyi aşan ana iş parçacığı görevleri kullanıcı etkileşimini geciktirebilir. Büyük işler parçalanır, gereksiz tekrarlar kaldırılır.
Server-Side Rendering SEO Rehberi: Sunucuda Oluşturulan HTML
İstek geldiğinde sunucu veriyi alır ve HTML üretir. Kullanıcı temel içeriği JavaScript paketinin tamamen çalışmasını beklemeden görebilir. Daha sonra istemci kodu sayfayı etkileşimli hale getirebilir. Title, ana metin, canonical ve iç bağlantılar ilk HTML’de bulunabilir. Bu, client-side render gecikmesi ve hata riskini azaltır. SSR kullanılması içeriğin kaliteli veya otomatik olarak indekslenebilir olduğu anlamına gelmez. Her istekte ağır işlem yapılırsa TTFB yükselir. Veri sorguları, önbellek, streaming ve statik üretim seçenekleri değerlendirilir. Bot ve kullanıcıya aynı temel içerik sunulmalıdır. Sunucunun ürettiği HTML ile tarayıcının beklediği yapı farklıysa içerik yeniden çizilebilir veya etkileşim bozulabilir. Konsol hataları, düğmeler, formlar ve iç linkler gerçek cihazlarda test edilir.