Labrika ile JavaScript sitesindeki SEO hatalarını kontrol etme

Kataloğu React veya Vue’ya taşıdıktan sonra ürünler tarayıcıda doğru görünebilir; buna rağmen aynı başlıkları, yanlış canonical etiketlerini veya adres içermeyen bağlantıları kullanabilir. Labrika’nın JavaScript işleme modu, betikler çalıştıktan sonraki içeriği denetleyip geliştiriciye somut URL’ler vermenizi sağlar. Yeni bir şablonu teslim alırken ve dinamik bir site için SEO çalışmalarına başlamadan önce bu kontrolden yararlanabilirsiniz.

JavaScript işlemeyi açın

Site ayarlarında “Gelişmiş ayarlar” → “Tarayıcı Ayarları” yolunu açın. “JavaScript Ayrıştır (Her sayfa için 1 yerine 2 sayfa ayrıştırma kredisi düşülecektir)” seçeneğini etkinleştirip ayarları kaydedin.

1. “SEO” → “Site ayarları” yolundan başlayın. “Gelişmiş ayarlar” içinde tarama ayarlarını açın, JavaScript’i etkinleştirin ve kaydedin. Görsel, örnek verilerle arayüzün ilgili bölümünü gösterir.

Bu mod, önemli içerik gerçekten betiklerle oluşturuluyorsa gereklidir. Sunucu başlıkları, bağlantıları ve metni hazır gönderiyorsa yalnızca React veya Vue kullanılması, her denetimde JavaScript’i açmayı gerektirmez.

Analiz edilecek klasörleri ve istisnaları ayarlayın

Aynı “Tarayıcı Ayarları” bölümünde iki liste bulunur: “URL kısıtlamaları” ve “URL istisnaları”. Bunlarla ilgili bölümleri denetleyip gereksiz yardımcı sayfaları atlayabilirsiniz. Örneğin React katalog güncellemesinden sonra ürün ve aksesuarları kontrol ederken karşılaştırma sayfalarını ve sıralama varyasyonlarını hariç tutun. Böylece JavaScript denetimi kredilerini SEO açısından önemli sayfalara ayırırsınız.

İlgili klasörleri analize ekleyin

“URL kısıtlamaları” listesine her yolu ayrı satıra yazın: örneğin /coffee/ ve /accessories/. https://shop.example/coffee/ gibi tam adresler de kullanabilirsiniz. Labrika belirtilen adreslerden taramaya başlar ve bu klasörlerde bulduğu sayfaları denetler. Örneğin /coffee/ kuralı, /coffee/model-a adresini de kapsar.

Klasörleri alt sayfalarıyla birlikte analiz etmek için “Diğer tüm sayfaları atla” kutusunu işaretsiz bırakın. Yalnızca listedeki belirli URL’ler gerekiyorsa, örneğin şablon düzeltmesinden sonra birkaç ürünü kontrol edecekseniz, bu kutuyu işaretleyin. Bu durumda ürün sayfalarının tam adreslerini listeleyin.

Gereksiz sayfaları hariç tutun

“URL istisnaları” listesine de her kuralı ayrı satırda ekleyin. Örneğin /coffee/compare/ bu klasördeki karşılaştırma sayfalarını, *sort=* ise sort= sıralama parametresini içeren URL’leri hariç tutar. Kurallar robots.txt mantığıyla çalışır; istisnalar analize seçilen klasörlerin içinde de geçerlidir.

Gereksiz bölümleri atlayarak tüm siteyi denetlemek istiyorsanız “URL kısıtlamaları” listesini boş bırakıp yalnızca istisnaları doldurun. Belirli bölümleri, içlerindeki bazı sayfaları hariç tutarak kontrol etmek için aşağıdaki örnekte olduğu gibi iki listeyi de kullanın.

2. Örnekte iki klasör alt sayfalarıyla birlikte analiz edilir; ürün karşılaştırmaları ve sort= parametreli URL’ler hariç tutulur. Taramanın üst listedeki iki adresle sınırlı kalmaması için kutu işaretsizdir.

“Kaydet”, ardından “Raporu başlat” seçeneğine tıklayıp tam denetimi çalıştırın. Örneğimizde sonuçlar /coffee/ ve /accessories/ içindeki ürün sayfalarını da kapsamalı; karşılaştırma ve sıralama sayfaları ise dışarıda kalmalıdır. İlgili ürün /products/ gibi başka bir klasördeyse bu yolu da tarama listesine ekleyin.

Uygulamanın oluşturduğu öğeleri kontrol edin

“SEO denetimi” → “TITLE kopyaları” ve “Meta etiket ve h1 hataları” raporlarıyla başlayın. Örneğin ekranda farklı ürün adları görünmesine rağmen yirmi ürün sayfasının Title değeri “Katalog” olarak kalmış olabilir. URL listesini geliştiriciye verin: şablon, Title değerini ilgili ürünün verilerinden oluşturmalıdır. Ardından “Teknik denetim” → “rel=canonical etiketli sayfalar” bölümünde ürünlerin tamamının kategoriye değil, seçilen kendi asıl adreslerine işaret ettiğini kontrol edin.

3. Açıklayıcı örnek: betik çalıştıktan sonra başlık, açıklama ve başka bir ürüne giden bağlantı oluşur.

“Bağlantılar” bölümünde “Dahili bağlantılar” raporunu açıp kategoriden ürünlere geçişleri kontrol edin. Ürün yalnızca bir JavaScript olay işleyicisiyle açılıyorsa geliştiriciden normal adresli bağlantı eklemesini isteyin: <a href="/coffee/model-a">Model A</a>. Google, sayfaların keşfedilebilmesi için href içeren bağlantıları önerir. Ayrıntılar JavaScript SEO belgelerinde yer alır.

Düzeltmeden sonra aynı JavaScript ayarları ve tarama kapsamıyla kontrolü tekrarlayın. Şablon doğru çalıştığında denetimi ilgili kataloğun tamamına genişletin.

Tekrar kontrolde aynı raporları açın: ortak Title artık yinelenenler arasında bulunmamalı, canonical doğru sayfalara gitmeli ve bağlantılar gezinme yapısında görünmelidir. Sürüm teslimini değerlendirmek için sonuçları saklayın; ardından aynı şablonu kullanan diğer kategorileri de denetleyin.