JavaScript Arama Motoru Optimizasyonu (SEO): Arama Motorları için JavaScript Sayfalarını Optimize Etme

Köprü metni biçimlendirme dili (HTML), web siteleri geliştirmek için kullanılan tek kod türü değildir. Tüm web siteleri HTML içerirken, birçoğu JavaScript de içerir. W3Techs tarafından hazırlanan bir rapor , en azından bazı JavaScript kodlarının web sitelerinin yüzde 97'sinden fazlasına güç sağladığını buldu. Bu programlama dilini web geliştirme amacıyla kullanıyorsanız, web sitenizin JavaScript sayfalarını arama motorları için optimize etmeniz gerekir.

JavaScript'in Temelleri

JavaScript , metin tabanlı komut dosyalarından oluşan akıcı, istemci tarafı bir programlama dilidir. Bu komut dosyaları, ziyaretçiler ve sayfalar arasındaki etkileşimlere izin verir. Ziyaretçiler, JavaScript sayfalarında görüntülenen içeriği temel olarak değiştirebilir.

İstemci tarafı programlama dili olarak JavaScript, web tarayıcılarında çalışır. Ziyaretçiler, bir sayfadaki etkileşimli öğeye tıklayabilir veya kaydırabilir; bu noktada web tarayıcıları JavaScript'i yürütür. Ziyaretçilerin web tarayıcıları daha sonra sayfanın içeriğini değiştirecektir.

JavaScript'in SEO Engelleri

JavaScript, etkileşimli sayfalar geliştirmeye yardımcı olmakla birlikte, arama motoru optimizasyonu (SEO) için sorunlar oluşturabilir. Arama motorları, sayfaları sıralamadan önce oluşturmalıdır. Oluşturma, arama motorlarının sayfaları bir ziyaretçinin bakış açısından görüntülemeye çalıştığı, taramayla ilgili bir süreçtir. JavaScript ile, arama motorları sayfaları yanlış oluşturarak arama sıralamalarının düşmesine neden olabilir.

Yalnızca HTML ve Basamaklı Stil Sayfaları (CSS) içeren sayfalar, arama motorlarının oluşturması için kolaydır. Arama motorları, sayfaların içeriğini belirlemek için HTML'yi okuyacak ve içeriğin nasıl sunulduğunu belirlemek için CSS'yi analiz edecek. Bir sayfa JavaScript içeriyorsa, arama motorları içeriğin bir kısmını gözden kaçırabilir.

Bir sayfada çok fazla JavaScript kullanmak veya JavaScrip'ini optimize edememek sayfayı yavaşlatabilir. Bir sayfada ne kadar çok JavaScript varsa, web tarayıcılarının onu yüklemek için o kadar zor çalışması gerekir. Yavaş yüklenen sayfalar, elbette, genellikle hızlı yüklenen sayfalardan daha alt sıralarda yer alır.

Bağlantılar için HTML Kullanın

Bağlantılar için HTML kullanmak, JavaScript sayfalarınızın SEO'sunu iyileştirecektir. Bağlantılar farklı kod türleri ile tanımlanabilir. Bağlantı elemanını kullanarak bunları HTML ile tanımlayabilir veya onclick olayını kullanarak JavaScript ile bağlantılar tanımlayabilirsiniz.

JavaScript tanımlı bağlantılarla ilgili sorun, arama motorlarının bunları görememesidir. Örneğin Google, yalnızca HTML tanımlı bağlantıları taradığını söylüyor. Bağlantıları görüntülemek için JavaScript kullanabilirsiniz, ancak bağlantıları tanımlamak için JavaScript yerine HTML kullanmalısınız. Onclick JavaScript etkinliğini içeren bağlantılar Google tarafından fark edilmeyebilir.

JavaScript Dosyalarını Arama Motorlarına Erişilebilir Hale Getirin

Sitenizin tüm JavaScript dosyaları arama motorunu erişilebilir hale getirmelisiniz. Bir JavaScript sayfasını doğru bir şekilde oluşturmak için, arama motorlarının JavaScript kodunun tamamına erişebilmesi gerekir. Kod harici bir dosyaya yerleştirilirse ve arama motorlarının buna erişmesini engellerseniz, sayfayı oluşturamazlar.

Elbette JavaScript'in harici bir dosyaya yerleştirilmesi gerekmez. CSS'de olduğu gibi, doğrudan sayfalara gömülebilir. Satır içi JavaScript olarak bilinir, ayrı ve harici bir dosyaya olan ihtiyacı ortadan kaldırır. Arama motorları sayfaya erişebildiği sürece JavaScript koduna erişebileceklerdir. Ancak, harici JavaScript dosyaları kullanıyorsanız, arama motorlarının bunlara erişebilmesini sağlamak için web sitenizin robot yönergelerini kullanmalısınız.

Başlık ve Açıklama SEO Meta Etiketlerini Unutmayın

JavaScript sayfaları, HTML ve CSS sayfalarıyla aynı SEO meta etiketlerinin çoğunu gerektirir. En önemli SEO meta etiketleri arasında başlık ve açıklama yer alır. Başlık SEO meta etiketi web tarayıcılarında görüntülenir ve arama motorları bunu genellikle dizine eklenmiş sayfalar için başlık oluşturmak için kullanır. Açıklama SEO meta etiketi web tarayıcılarında görüntülenmese de, arama motorları dizine eklenmiş sayfalar için metin parçacıkları veya açıklamalar oluşturmak için bunu kullanabilir.

Başlık ve açıklama SEO meta etiketlerini tanımlamak için JavaScript kullanmanın yanlış bir tarafı yoktur. Google'a göre JavaScript, bu SEO meta etiketlerinin her ikisini de değiştirmek için bile kullanılabilir. Sonuç olarak, tüm sayfaların, çoğunlukla JavaScript'te geliştirilenler de dahil olmak üzere, bir başlık ve açıklama meta SEO metasına sahip olması gerektiğidir.

Sayfalandırma ile Sonsuz Kaydırmayı Tamamlayın

JavaScript için yaygın bir kullanım, sonsuz kaydırma oluşturmaktır. Sonsuz kaydırma olarak da bilinen bu, ziyaretçiler sayfayı aşağı kaydırdıkça dinamik olarak yeni içerik yükleyen etkileşimli bir özelliktir. Sonsuz kaydırma, blog besleme sayfalarında ve ziyaretçi yorum sayfalarında yaygın olarak kullanılır. Birden fazla blog beslemesi veya ziyaretçi yorumu sayfası oluşturmak yerine, sonsuz kaydırma ile tek bir sayfa oluşturabilirsiniz.

Kendi başına, sonsuz kaydırma SEO için korkunçtur. Arama motorları sayfaları oluştururken kaydırma yapmaz. Bu nedenle, yalnızca ziyaretçilerin aşağı kaydırmasını gerektirmeyen içeriği görürler. Sonsuz kaydırma ile gizlenen herhangi bir içerik, sayfanın arama sıralamasını etkilemez.

Gelişmiş SEO için sayfalandırmayı sonsuz kaydırma ile birlikte kullanabilirsiniz. Sayfalandırma, tek bir uzun biçimli sayfayı birden çok kısa biçimli sayfaya ayırmayı içeren bir gezinme işlemidir. Sonsuz kayan sayfalar uzun biçimlidir. Bu sayfalardaki gizli içeriği öne çıkaran diğer kısa biçimli sayfalara sayfalama bağlantıları ekleyebilirsiniz.

Minification ile Optimize Edin

Minification, JavaScript sayfalarınızın SEO'sunu iyileştirebilir. JavaScript'i küçültmek, anlamsız karakterleri ortadan kaldırarak daha temiz ve daha özlü komut dosyaları oluşturur. Herhangi bir amaca hizmet etmeyen harfler, boşluklar ve özel karakterler kaldırılacaktır. Daha az toplam karakterle, komut dosyaları daha hızlı yüklenir. Ayrıca arama motorlarının işlemesi daha kolay olacaktır.

Her komut dosyasını gözden geçirip gereksiz karakterleri kaldırarak JavaScript'i manuel olarak küçültebilirsiniz. Alternatif olarak, bir araç kullanarak JavaScript'i otomatik olarak küçültebilirsiniz. Fast Velocity Minify, JavaScript ve CSS için küçültme sunan bir WordPress eklentisidir. Sitenizin WordPress çalıştırdığını varsayarsak, web sitenizdeki her iki kod türünü de küçültür. Ve jscompress.com'da tüm web sitesi platformları için çalışan bir JavaScript küçültme aracı var.

Bazı Son Düşünceler

JavaScript sayfaları yine de ilk sayfada sıralanabilir, ancak yalnızca onları optimize ederseniz. Arama motorları, aksi takdirde bunları doğru bir şekilde oluşturmayabilir. JavaScript SEO, bağlantılar için HTML kullanmaktan, sayfalardaki SEO meta etiketleri dahil olmak üzere JavaScript dosyalarını arama motorunun erişilebilir hale getirmekten, sonsuz kaydırma ve küçültme ile sayfalandırma kullanmaktan oluşur. Daha fazla SEO ipucu için aşağıdaki blog makalelerine göz atın:

iFrame'ler WordPress Web Sitenizin SEO'suna Zarar Verebilir mi?

SEO'yu Geliştirmek için Anahtar Kelime Eşleme Nasıl Kullanılır?

Web Sitesi Barındırma ve SEO: Bağlantı Nedir (ve Neden Önemlidir)

Yoast'tan En İyi Şekilde Yararlanmak İçin Profesyonel İpuçları

WordPress Web Sitesi İçin Özel Meta Etiketleri Nasıl Oluşturulur