JavaScript SEO Temelleri | SEMrush Academy Ders 33/34

JavaScript SEO Temelleri | SEMrush Academy Ders 33/34

İçindekiler:

1. Giriş
2. JavaScript ve SEO'nun Temelleri
3. Google'ın JavaScript'i Anlaması
4. Google'ın İndeksleme Süreci
5. JavaScript'in SEO'ya Etkisi
6. Chrome Tarayıcısı ve Google'ın Rendering Süreci
7. JavaScript Framework'leri ve SEO
8. JavaScript'i SEO Perspektifinden Kullanmak
9. JavaScript ile SEO'da Karşılaşılan Sorunlar
10. JavaScript ve SEO İçin İpuçları

📝 JavaScript ve SEO'nun Temelleri

Günümüzde web sitelerinin %97'sinden fazlası JavaScript kullanmaktadır. Bu durum, Google'ın düzenli tarayıcısının, JavaScript tarafında gerçekleşen olayları görmemesine neden olur çünkü JavaScript istemci tarafında çalışır. Bu yüzden, tarayıcıya giderseniz, sunucu tarafında değil, tarayıcı içinde gerçekleşen değişiklikleri görürsünüz ve bu nedenle Google, bu değişikliklerin tümünü kaçırır.

Google'ın JavaScript ile ilgili sorunu çözmek için yapması gereken şey, JavaScript'i yürütebilen ve işleyebilen bir tarayıcı geliştirmekti. Bu şekilde, Google, web sitenizi tararken modern bir web tarayıcısında karşılaşacağınızı da görmek istedi. Yani, önceki yıllarda HTML işaretlemesine baktığınızda, tarayıcının gördüğü şeyi görürdünüz, ancak bu artık tamamen farklı.

Eğer herhangi bir istemci tarafı JavaScript veya front-end framework kullanan bir web sitesine bakarsanız, sadece bazı çok karışık şeyler görürsünüz, ancak gerçek içeriği görmezsiniz. Bunun yerine, web sitesini renderlarsanız, içerik dinamik olarak eklenir. Bu, Google'ın endişelendiği bir durumdu çünkü önemli içeriği kaçırabilirlerdi.

Şu anda gerçekleşen sürece bir göz atalım. Şu anda hala eski ve klasik bir tarayıcının taraması devam ediyor.:

• Klasik tarayıcı taraması verileri temel alınarak anında birinci dalga dizine eklenir.
• Daha fazla kaynak kullanıma sunulduğunda, Google aynı web sitesini render etmeye ve renderleme sürecinden elde edilen ek verileri klasik tarama sürecinde topladıkları ilk verilere eklemeye başlar.
• Bu süreç, düzenli eski moda tabanlı taramayı hala yapar ve buna ek olarak, yeni ve güzel JavaScript renderlamayı kullanır. Böylece, web sitenizi tararken neler olup bittiğini ve başlangıçta taramalarında kaçırdıkları gizli herhangi bir şey olup olmadığını görebilirler.

Google'ın elbette JavaScript tarafı, onlar için ekstra bir iş anlamına gelir. Bu nedenle, süreç çeşitli adımlardan oluşur ve ikinci dalga daha yavaş bir şekilde ilerler, bu da nihayetinde gecikmiş bir dizinleme sürecine yol açar. Optimal senaryo, ana içeriğin ve tüm kritik bağlantıların doğrudan HTML kaynak kodunda mevcut olmasıdır. Canonical ilişkileri ("rel equals canonical") ve amp html de işaretlemelerde bulunmalıdır, böylece Google onları hemen tespit edebilir.

JavaScript sayfa işlevselliğini geliştirebilir, ancak tamamen onunla değiştirilmemelidir. Ayrıca, Google'ın şu anda tarayıcı olarak çok eski bir Chrome sürümü kullandığını unutmamak önemlidir. Bu sürüm mart 2015'te piyasaya sürülmüş ve gerçekten eski bir sürümdür. Dolayısıyla, mevcut tarayıcınızda hata ayıklama yapsanız bile, Google'ın hala çok eski bir sürümü kullandığını ve farklılıklar olabileceğini unutmamak önemlidir.

JavaScript ile SEO arasında bazı uyum sorunları vardır ve konu günlük olarak değişebilir. Elephan isimli bir şirketin JavaScript framework'leri hakkında çok iyi bir araştırması bulunmaktadır. JavaScript ve SEO ile uğraşıyorsanız bu dokümanı mutlaka okumanızı öneririm.