JavaScript SEO için Nihai Rehberiniz

Bir bütün olarak SEO'nun son zamanlarda farklı ön uç dillerinin kullanımına doğru ilerlediği bir sır değil. Google Etiket Yöneticisi'nin (GTM) kullanımı, temel düzeyde HTML ve (bazen) Vanilla JavaScript bilgisi gerektirir.

JavaScript'ten bahsetmişken, Google tarayıcılarının JavaScript'i neden ve nasıl okuduğuyla ilgili yakın zamanda bir tartışma oldu. Ortaya çıkan bazı ilgili sorular:

• Google, JavaScript'i okur mu?
• Sitem yoğun bir şekilde JavaScript kullanıyorsa tam olarak neyi değiştirmeliyim?
• Sunucu Tarafı Oluşturma nedir?
• Sitemdeki her bir JavaScript çerçevesi için kullanmalı mıyım?

Bu soruları aşağıda inceledik ve her birini ayrıntılı olarak yanıtlamaya çalıştık:

SEO'ya Uygulanan Modern JavaScript'e Kısa Bir Giriş

Ön uç geliştirme konusunda bilgili değilseniz, JavaScript, (bugün) DOM Yöntemleri adı verilen yöntemlerle animasyon amacıyla kullanılan bir işleme programlama dilidir. Daha sofistike biçiminde, React ve Vue gibi çerçevelerle yerel web uygulamaları oluşturmak için kullanılır. React ve Vue çok popüler olsa da ve birçok site bu çerçeveleri kullanmaya başlasa da, bir SEO uzmanı olarak, Vanilla ve jQuery ile çalışan WordPress gibi eski mimarilerle karşılaşma olasılığınız daha yüksektir. Kesin olmak gerekirse, JavaScript'in bu tür CMS'lerde uygulanması ağırlıklı olarak slayt gösterileri, akordeonlar ve diğer metin animasyon biçimleriyle ilgilidir.

JavaScript neden bir SEO Konusudur?

Google, Googlebot'un herhangi bir JavaScript biçiminde bulunan her içeriği tarayabileceğini, dizine ekleyebileceğini ve sıralayabileceğini belirtmektedir. Ancak gerçekte konu çok daha karmaşıktır. Googlebot gerçekten de statik dilleri (ör. HTML ve CSS) tarayabilir, ancak nesneye hazır programlama dilleri söz konusu olduğunda farklı davranır. 2017'de teknik SEO'lar, bugün işleme kuyruğu olarak bilinen şeye işaret etmeye başladı. Bu, Googlebot'un herhangi bir istemci tarafı JavaScript'inde yer alan herhangi bir metin biçimini dizine eklemek için kullandığı varsayımsal bir zaman çerçevesidir (buna biraz sonra geleceğiz).

Bunu akılda tutarak, JavaScript'in neden SEO'lar için hassas bir konu haline geldiğini anlamak oldukça kolaydır. Oluşturma kuyruğunda olduğu için hayati içeriğin engellenmesi, sıralamanızı anında yavaşlatabilir. Bu sorun, JavaScript'e oldukça bağımlı olan WordPress gibi CMS mimarilerinde telaffuz edilir.

Bu Benim Önceliğim Olmalı mı?

Hayır, ama aynı zamanda evet: JavaScript'e dahil olanların Google tarafından otomatik olarak silindiği yaygın bir yanılgıdır, ancak bu doğru değildir. Bir içeriğin JavaScript'e dahil edilmesi, sıralamaya girmeyeceği anlamına gelmez, sadece daha uzun sürebilir. Şu anda, ilk taramadan sonra basit metin parçaları için bir işleme kuyruğu 72 saat civarında dalgalanıyor. Ancak, jQuery tabanlı bir akordeonda sıkışıp kaldıkları için içeriğin Google tarafından dizine eklenmesinin yaklaşık beş ila altı hafta sürdüğü durumlar olmuştur. Yani evet, anahtar kelimeye dayalı içeriğinizi JavaScript'ten kaldırın, ancak yalnızca oluşturma sırasının çok uzun olduğundan yüzde 100 eminseniz.

Çerçeveler ve İşleme Hızı

JavaScript yakın geçmişte çok gelişti. 2014/15'te ECMA betiklerinin tanıtılması, daha hızlı, daha verimli çerçevelerin tanıtılmasına yol açtı. React, (hala) UI çerçeveleri için en popüler JavaScript kitaplığıdır. Google'ın bakış açısından, oluşturma hızı açısından hangi kitaplığın daha iyi performans gösterdiğini izlemek zor. Açıklanacak düzinelerce değişken var; kullanılan CMS türü, çoklu işlev birleştirme ve gerçekten SEO ile ilişkilendirilmemesi gereken diğer çok teknik yönler.

Son veriler göz önüne alındığında, basitliği nedeniyle React çerçevesinin işleme açısından en hızlı olduğunu rahatlıkla söyleyebiliriz. Bir kez daha, içerik animasyonları ve benzerleri çoğunlukla jQuery/Vanilla tabanlıdır. Teknik bir SEO uzmanının, UI ve yerel uygulamalarda daha yaygın olan React mimarilerinin aksine, bu çerçevelerle karşılaşması daha kolay olacaktır.

Red Cow olarak biz, web uygulamaları oluştururken her zaman React bileşenlerinin kullanılmasını öneriyoruz, bu nedenle en güvenilir Manchester SEO ajansıyız.

Google Olarak Oluşturun/Getirin: Kesin mi?

Ne yazık ki değil. Sayfanızın JavaScript'ini ve oluşturma kuyruğunu test etmek için en iyi yaklaşım, sitenizin erişim günlük dosyalarını analiz etmektir. Bu şekilde, tarayıcıların sayfalarınıza gelen isabet sayısını doğru bir şekilde değerlendirebilir, dolayısıyla hangi sayfaların daha iyi bir oluşturma kuyruğuna sahip olduğunu anlayabilirsiniz. Search Console'daki eski "Google gibi getir" özelliği, sayfanızın HTML hiyerarşisini kontrol etmek için hala yararlı olabilir, ancak iş JavaScript'i anlamaya geldiğinde kesinlikle kesin değildir. Ayrıca Search Console, bağımsız çerçevelerin harici CDN'lerde barındırıldığını her zaman tanımaz. Veya bir içeriğin JavaScript nedeniyle oluşturulmadığını söyleyerek, bu tür komut dosyasının harici olarak barındırıldığı gerçeğini gözden kaçırırsınız; bu, PWA ve diğer veri odaklı eklenti biçimleri için yaygın bir uygulamadır .

İçeriği JavaScript Kaynaklarıyla Yapılandırmanın En İyi Yolu

İçeriği JavaScript'ten ayırmak tamamen yapılabilir ve birçok şekilde tamamlanır. Örneğin, JavaScript'ten her türlü içeriği kurtarmak için geliştiricilerinizden tüm DOM yöntemleri animasyonlarınızı ve özelliklerinizi HTML Olmayan etiketlere taşımalarını isteyebilirsiniz. JavaScript'in mimariler ve motorlar için kullanılması durumunda (örn. Düğüm, bazı React, Vue), İstemci Tarafı İşleme'nin (CSR) aksine Sunucu Tarafı işleme kitaplıklarını (SSR) kullanmayı düşünebilirsiniz. Bu işlem, seçtiğiniz tarayıcı yerine sunucunuzdaki JavaScript ve dinamik kaynakları yürütür. Bu, yalnızca oluşturma sıranıza önemli ölçüde fayda sağlamakla kalmaz, aynı zamanda sayfa yükleme sürenizi de büyük ölçüde hızlandırır.

Sarma

JavaScript, ön uç açısından karmaşık bir konudur ve SEO açısından uygulamaları açısından çok daha karmaşıktır. Ne yazık ki günümüzde internetin yüzde 90'ından fazlası JavaScript ile çalışıyor veya kodunda en az beş komut dosyası kullanıyor. SEO gibi sürekli gelişen bir sektörde, sitenizin JavaScript'ini analiz edebilmenin ve değerlendirebilmenin önemini kabul etmek zorunludur.