JavaScript SEO Nedir? En ince ayrıntısına kadar [JS SEO]

JavaScript SEO Nedir? En ince ayrıntısına kadar [JS SEO]
JavaScript SEO Nedir? En ince ayrıntısına kadar [JS SEO]

JavaScript SEO: en iyi uygulamalar ve hata ayıklama araçları JavaScript’i doğru kullanmanın faydaları vardır. JavaScript SEO hata ayıklaması için JS SEO en iyi uygulamaları ve araçları hakkında buradan bilgi edinin.

JavaScript, web sitesi sayfalarını daha etkileşimli ve sıkıcı hale getirmek için harika bir seçimdir. Bununla birlikte, bu aynı zamanda uygunsuz uygulama durumunda web sitesi SEO’sunu öldürmenin iyi bir yoludur.

JavaScript SEO
JavaScript SEO

Ayrıca şu Haberimizi de Okuyunuz: SEO Hizmeti


Bu basit bir gerçektir: Dünyadaki en iyi şeyleri bile bulabilir. Web siteniz ne kadar harika olursa olsun, Google JavaScript sorunları nedeniyle dizine ekleyemezse, trafik fırsatlarını kaybedersiniz. Bu makalede, JavaScript SEO en iyi uygulamaları ve JavaScript sorunlarını ayıklamak için kullanılabilecek araçlar hakkında her şeyi öğreneceksiniz.

JavaScript SEO Nedir?

JavaScript SEO için Neden Kötü derler: Pratik Örnekler React’i başka herhangi bir JS çerçevesiyle değiştirebilirsiniz; önemli değil. SEO’nun etkisi dikkate alınmadan uygulanırsa, herhangi biri siteye zarar verebilir. JavaScript ile ilgili olası sorunların bazı örnekleri aşağıda verilmiştir.

“Web sitemizi React’te yeniden tasarladığımızdan beri, trafiğimiz önemli ölçüde düştü. Ne oldu?” Bu, forumda duyduğum veya gördüğüm birçok sorudan sadece biri.

Örnek 1: Web sitesinde gezinme taranamıyor

Burada neler oluyor: Göz atma bağlantısı Web standartlarına uymuyor. Sonuç olarak, Google bunları göremez veya izleyemez.Neden yanlış: Google’ın dahili sayfaları bulması zordur. Web sitesi içerisindeki izinler doğru dağıtılmamaktadır. Sitedeki sayfalar arasındaki ilişkinin net bir göstergesi yoktur. Bu nedenle, Googlebot’un izleyemediği bağlantılara sahip web siteleri, dahili bağlantıların güçlü işlevlerinden yararlanamayacaktır. Seo için Linklerin önemi Çok fazladır.

Örnek 2: Uygun olmayan gönderi yüklemesinden sonra daha az görsel arama

Burada neler oluyor: Geç yükleme, sayfa yükleme süresini azaltmanın iyi bir yolu olsa da, yanlış uygulanırsa tehlikeli olabilir. Bu örnekte geç yükleme, Google’ın sayfadaki resmi görmesini engeller.

Neden yanlış: Google geç yükleme durumunda (uygulama hatalı olduğunda) “gizli” içeriği bulamayabilir. Google içeriği bulamazsa, içeriği sıralamayacaktır. Sonuç olarak, görsel arama trafiği büyük bir kayıp yaşayabilir. Bu, özellikle görsel aramaya büyük ölçüde dayanan herhangi bir işletme için önemlidir. Seo Resim Optimizasyonu JS SEO için de çok önemlidir.

Örnek 3: Web sitesi, SEO dikkate alınmadan tepki verecek şekilde değiştirildi

Burada neler oluyor: Bu, bir süre önce kontrol ettiğim sitede en sevdiğim örnek. Tüm trafik dolduktan sonra usta bana geldi. Sanki istemeden siteyi öldürmeye çalışmışlar gibi:

  • URL taranabilir değil.
  • Resim taranamadı.
  • Tüm web sitesi sayfalarındaki başlık etiketleri aynıdır.

Dahili sayfada metin içeriği yok. Neden yanlış: Google sayfada herhangi bir içerik görmezse, sayfayı sıralamayacaktır. Googlebot’ta birden çok sayfa aynı görünüyorsa, yalnızca birini seçip kalan sayfaları standart hale getirebilir. Bu örnekte, web sitesi sayfaları Google ile aynı görünüyor, bu yüzden onları tekilleştiriyor ve ana sayfayı standart sürüm olarak kullanıyor.


Ayrıca şu Haberimizi de Okuyunuz: SEO Fiyat Teklifi


SEO

Google ve JavaScript arasındaki ilişki JavaScript SEO; Google’ın içeriğinizi nasıl işlediği hakkında bilmeniz gereken bazı temel şeyler var. Google, içeriğinizle etkileşimde bulunmayacak.

Googlebot sayfadaki düğmeleri tıklayamaz, içeriği genişletemez / daraltamaz vb.

JavaScript SEO
JavaScript SEO

Googlebot, başka herhangi bir etkileşim olmadan yalnızca oluşturulan HTML’de bulunan içeriği görebilir. Örneğin, genişletilebilir bir metin bölümünüz varsa ve bu metin kaynak kodunda veya oluşturulan HTML’de mevcutsa, Google onu dizine ekler. Tersine, içeriği başlangıçta sayfa kaynak kodunda veya DOM’da bulunmayan ve yalnızca kullanıcı onunla etkileşim kurduktan sonra (örneğin, bir düğmeyi tıkladıktan sonra) yüklenen bir bölümünüz varsa.

Googlebot

Googlebot, sitede normal bir kullanıcı gibi davranmaz, sayfalara göz atmaz. Bu nedenle, içeriğiniz sınırsız miktarda kaydırmanın arkasında “gizli” ise, Google onu görmez. Bakınız: Google’dan Martin Splitt “Sonsuz Kaydırmalı Sayfaları Dizine Ekleme” konusunda. Google yalnızca tarayıcıda veya sunucuda oluşturulan içeriği görmeyecektir. Dolayısıyla, Google’ın web sitenize dizin ekleme ve sıralamasını istiyorsanız (ve trafiğe ve satışa ihtiyacınız varsa), bir müşteri oluşturmak kötü bir fikirdir.

Tamam, JavaScript gerçekten o kadar kötü mü?

JavaScript web sitesinde en iyi uygulamalar kullanılarak uygulanırsa, uygulanmaz. Bu tam olarak aşağıda bahsedeceğim şey;

JS SEO

Web standartlarına göre bağlantılar ekleyin “Web Standartları” göz korkutucu görünse de, aslında bu, HREF işlevini yalnızca dahili sayfalara bağlanmak için kullanmanız gerektiği anlamına gelir:

<a href=” your-link-goes-here”> İlgili bağlantı metniniz </a>

Bu şekilde, Google bağlantıları kolayca bulabilir ve izleyebilir (bunlara nofollow özelliğini eklemediğiniz sürece, ancak bu başka bir konudur). Web sitenize dahili bağlantılar eklemek için aşağıdaki teknikleri kullanmayın: window.location.href = ‘/ page-url’ #Sayfa URL’si Bu arada, insanları bu sayfanın belirli bir bölümüne getirmek istiyorsanız, son seçenek yine de sayfada başarıyla kullanılabilir.

Ancak Google, URL’nizin tüm varyasyonlarını “#” ile birlikte dizine eklemeyecektir.

Web standartlarına göre görseller ekleyin

Dahili bağlantılarda olduğu gibi, Googlebot’un resimleri kolayca bulabilmesi ve dizine ekleyebilmesi için resimlerin kullanımı web standartlarına uygun olmalıdır. Keşfedilmesi için, “src” HTML etiketindeki görüntünün bağlanması gerekir:

<img src = ”image- link-here.png” />

JavaScript tabanlı yükleme sonrası kitaplıkların çoğu, gerçek görüntü URL’sini depolamak ve “src” etiketini hızlı yüklenen bir yer tutucu görüntü veya gif ile değiştirmek için “data-src” özelliğini kullanır. Örneğin:

<img data-src = "image-link-here.png" class = "inline lazyloaded" src = "placeholder-imge.gif"> </div>

resimle ilgili diğer bilgileri depolar. Sayfa hızını optimize etmeye yardımcı olur ve doğru uygulandığında iyi çalışır. Google’ın bir yer tutucu yerine gerçek görüntünüzü almasını istiyorsanız, yer tutucu görüntüyü hedef görüntüyle değiştirin, böylece hedef görüntünün yolunu görüntüler. Son Google Search Central Live etkinliğinde, daha sonra yüklenen görüntülerde hata ayıklamak için JavaScript kitaplığını nasıl kullanacağımı öğrenmek için canlı bir vaka çalışması yaptım. Ek olarak, JavaScript’i ortadan kaldırmak için yerel yavaş yüklemeyi kullanabilirsiniz. Artık birçok tarayıcı bunu destekliyor.

Sunucu tarafı oluşturmayı kullanın

Google’ın içeriği okumasını ve sıralamasını istiyorsanız, içeriğin yalnızca kullanıcının tarayıcısında değil, aynı zamanda sunucuda da bulunduğundan emin olmalısınız. Ayrıca, tarayıcılarında HTML + JavaScript içeriği sağlarken, arama motorlarını tespit etmek ve kullanıcılara statik HTML sayfaları sağlamak anlamına gelen dinamik oluşturmayı da kullanabilirsiniz.

Oluşturulan HTML’nin Google’ın okumasını istediğiniz tüm ana bilgileri içerdiğinden emin olun
  • Sayfayı kopyalayın.
  • Görüntüler.
  • Kanonik etiket.
  • Başlık ve meta açıklama.
  • Meta robot etiketi.
  • Yapılandırılmış veriler.
  • hreflang.
  • Diğer önemli etiketler.

SEO JavaScript uygulaması hata ayıklama aracı

Sayfanın doğru içeriğe sahip olup olmadığını kontrol etmek için yalnızca kaynak koda bakmanız gereken günler geride kaldı. JavaScript, farklı öğeleri ekleyebileceği, silebileceği veya değiştirebileceği için bunu daha karmaşık hale getirir. Sadece kaynak koduna bakmak yeterli değil. Bunun yerine, oluşturulan HTML’yi kontrol etmeniz gerekir.

Yardıma ihtiyacınız olursa bizimle iletişime geçmek için “yorumlarda sorularınızı belirtin. JavaScript SEO Sorunuzu da bu şekilde yanıtlamış oluruz. Bizleri sosyal medya adreslerimizden Takip edebilirsiniz. Ayrıca Diğer Seo Çalışması Bültenimize de Göz gezdirmenizi İsteriz.


Ayrıca şu Haberimizi de Okuyunuz: SEO Uzmanı nasıl Olunur


Bu sitede kopyalama izin yok! Anlayışınız için teşekkürler.