Şu yazıyı okuyorsunuz: JavaScript Tabanlı Web Siteleri için SEO (Google IO 18 Özeti)
Muhtemelen son Google I/O 18’de Google’ın SEO’ya ışık tuttuğunu duymuşsunuzdur.
Google’dan Tom Greenaway ve John Muller şu konuda bir oturum sundu: modern JavaScript web sitelerinizin aranmasını kolaylaştırın.
Aslında Google’ın bazı en iyi uygulamalarını, yararlı araçlarını ve politika değişikliklerini listelediler.
İşte olay:
İkili, Google’dan oldukça farklı bir şekilde, javascript web siteleri için gerçek tarama ve dizine ekleme sürecinin nasıl çalıştığına da ışık tuttu.
Videoyu buradan izleyin:
Ancak kaydı izleyerek 40 dakika harcamak istemiyorsanız.
Bekle, çünkü burada bir hızlı özet oturumun önemli kilit noktalarından biri.
Sunucular hakkında kısa bir tanıtım…
Tom Greenaway Avustralya’dan Kıdemli Geliştirici Avukatıdır. Sırasında Juan Mueller (aka johnmu, tanıdık geliyor mu?), İsviçre’nin Zürih kentinden Google’ın Web Yöneticisi Trendleri Analistidir.
JavaScript içeren web sitelerinde tarama, oluşturma ve dizine ekleme nasıl çalışır?
Tom konuşmaya arama motorlarıyla ilgili bazı arka planları paylaşarak başladı.
İşte anlaşma
Arama motorlarının amacı, kullanıcı sorgularına cevap verecek alakalı bir liste sağlamaktır. Yanıtların alındığı bir web sayfaları kütüphanesi derlenir.
Bu kütüphane indekstir.
Bir dizin oluşturmak şu şekilde başlar: izlenebilir URL.
Artık tarayıcı, taranacak içeriği bulacak şekilde tasarlandı.
Ancak bunu yapabilmek için içeriğin bir URL aracılığıyla alınabilmesi gerekir. Tarayıcı bir URL’ye ulaştığında sayfayı dizine eklemek için HTML’de arama yapar ve taranacak yeni bağlantılar arar.
Peki Googlebot’un içeriğinize erişebildiğinden nasıl emin olabilirsiniz?
İşte bilmeniz gerekenler. Tom web sitenizin dizine eklenmesini sağlamak için altı adımı paylaştı.
1.URL’nizin taranabilir olduğundan emin olun
– Robots.txt dosyasını sitenizin üst düzey alanına ayarlayın. Robots.txt, Googlebot’un hangi URL’lerin taranacağını ve hangilerinin yok sayılacağını bilmesi açısından faydalıdır.
2. Kanonik etiketleri kullanın
– Gösterimi en üst düzeye çıkarmak için içeriğin farklı sitelere dağıtıldığı içerik sendikasyonu durumunda. Kaynak belge standart belge olarak etiketlenmelidir.
3. URL’nin temiz ve benzersiz olduğundan emin olun.
– URL’ye oturum bilgilerini eklemeyin.
4.Googlebot’a bir site haritası sağlayın
– Bu şekilde, tarayıcının tarayacak bir URL listesi olur ve web sitenizin doğru şekilde tarandığını bilerek geceleri daha iyi uyuyabilirsiniz.
5. Geçmiş API’sini kullanın
– Kullanıldığı takdirde artık indekslenmeyecek olan hashbang(#!) etiketinin yerini alır.
6. Bağlantılarınızın HREF özelliklerine sahip bağlantı etiketlerine sahip olduğundan emin olun
– Googlebot yalnızca HEM bağlantı etiketlerine hem de HREF özelliklerine sahip bağlantıları tanır; aksi takdirde taranmayacaklar ve bu nedenle hiçbir zaman dizine eklenmezler.
Daha da önemlisi,
Tom, Google’ın Javascript ile oluşturulan web sitelerini taramaya ve dizine eklemeye çalışırken bir dizi sorunla karşılaştığını söyledi.
Web sitelerini JavaScript ile dizine eklerken en sık karşılaşılan sorunların listesi:
İyice baktığınızdan emin olun, aynı hataları tekrarlamak istemiyorum.
1. Sunucudan gönderilen HTML’de herhangi bir içerik yok…
– Bu da Googlebot’un dizine eklenecek hiçbir şey olmadığını varsaymasına neden olur.
2. Geç yüklenen görseller yalnızca bazen indekslenebilir
– Doğru şekilde indekslendiklerinden emin olun, noscript etiketleri veya yapılandırılmış veriler kullanın – Dikkatli olun, yalnızca CSS tarafından referans verilen görseller indekslenmez.
3. Etkileşim yoluyla etkinleştirilen hiçbir içerik dizine eklenmez.
-Googlebot etkileşimli bir robot değildir; bu, web sitenizdeki sekmelere tıklamayacağı anlamına gelir. İçeriği önceden yükleyerek veya CSS kullanarak görünürlüğü açıp kapatarak botun tüm öğelerinize erişebildiğinden emin olun. – Daha da iyisi, kullanıcıyı ve Googlebot’u bu sayfalara ayrı ayrı yönlendirmek için ayrı URL’ler kullanın.
4. İşleme zaman aşımı
– Gömülü kaynakların sayısını sınırlayarak ve geçiş reklamlarının zamanlaması gibi yapay gecikmelerden kaçınarak sayfanızın verimli olduğundan ve iyi performans gösterdiğinden emin olun.
5. Yerel bilgileri saklayan API’ler desteklenmez.
– Bunun yerine Googlebot sayfanızı durum bilgisi olmadan tarar ve oluşturur.
Artık JavaScript kullanımının artması nedeniyle tarama ve indeksleme arasına bir adım daha eklendi. Bu görüntü oluşturmadır.
Oluşturma, HTML’nin kendisinin yapısıdır.
Yukarıda belirtildiği gibi tarayıcının sayfanızı dizine ekleyebilmesi için HTML’nizi incelemesi gerekir. JavaScript tabanlı web sitelerinin dizine eklenmeden önce oluşturulması gerekir.
Tom ve John’a göre Googlebot halihazırda onların JavaScript web sitelerini işliyor.
Bir JavaScript web sitesinin oluşturma sürecinden ve indeksleme sürecinden çıkarabileceğimiz şeyler şunlardır.
1. Googlebot, oluşturmak için Chrome 41 tarayıcısını kullanır
-Chrome 41 2015’tendir ve Chrome 41’den sonra eklenen hiçbir API desteklenmemektedir.
2. JavaScript web sitelerinin aramada görüntülenmesi ertelenir
– Web sayfalarının oluşturulması yoğun kaynak gerektiren bir işlemdir, dolayısıyla Google’ın ücretsiz kaynakları bulunana kadar oluşturma işlemi birkaç gün gecikebilir.
3. İki aşamada indeksleme
– İlk indeksleme, render işlemi tamamlanmadan önce gerçekleşir. Son oluşturma geldikten sonra ikinci bir indeksleme yapılacaktır – İkinci indeksleme kanonik etiketi kontrol etmez, bu nedenle başlangıçta oluşturulan sürüm kanonik bağlantıyı içermelidir; aksi takdirde Googlebot bunu tamamen kaçıracaktır. – İki aşamalı indekslemenin doğası gereği, web sayfalarınızın indekslenebilirliği, meta verileri, kanonik etiketleri ve HTTP kodları etkilenebilir.
John Mueller görevi devralıyor ve bazı temel işleme bilgilerini bizimle paylaşıyor.
Önemli olan, Google’ın tercih ettiği görüntü oluşturma yönteminin ne olduğunu kalabalıkla paylaşmış olmasıdır.
İstemci tarafı, sunucu tarafı, hibrit ve dinamik oluşturma.
-
1. İstemci tarafı oluşturma– Bu, oluşturmanın kullanıcıların tarayıcısında veya bir arama motorunda gerçekleştiği geleneksel durumdur.
2. Sunucu tarafı oluşturma– Sunucunuz oluşturma işlemini üstlenir ve hem kullanıcılara hem de statik HTML arama motoruna hizmet eder.
3. Hibrit oluşturma (uzun vadeli öneri)– Önceden oluşturulmuş HTML, kullanıcılara ve arama motoruna gönderilir. Daha sonra sunucu bunun üzerine JavaScript’i ekler. Arama motoru için önceden oluşturulmuş HTML içeriğini seçeceklerdir.
4. Dinamik oluşturma (Google’ın politika değişikliği ve tercih edilen yolu)– Bu yöntem kullanıcılara istemci tarafında oluşturulan içeriği gönderirken, arama motorları sunucu tarafında oluşturulan içeriği alır. – Bu, sitenizin bir arama motorundan gelen tarayıcı isteği olup olmadığını dinamik olarak algılaması şeklinde çalışır.– Cihaz merkezli içerikler teslim edilmelidir buna göre (masaüstü izleyici için masaüstü sürümü ve mobil izleyici için mobil sürüm).
Artık Google’ın sitenizi taramasına, oluşturmasına ve dizine eklemesine yardımcı olmak için (YENİ) dinamik oluşturma yöntemini tercih ettiği biliniyor. John ayrıca dinamik oluşturmanın nasıl uygulanacağına ilişkin bazı öneriler de veriyor.
Dinamik oluşturmayı uygulama yolları
-
1. Kuklacı– Sayfaları kendi sunucunuzda oluşturmanıza olanak tanıyan, Google Chrome’un başsız bir sürümünü kullanan bir Node.js kitaplığı.
2. rendertron– İçeriğinizi sizin tarafınızdan işleyen ve önbelleğe alan bir yazılım veya hizmet olarak çalışabilir.
Her ikisi de özelleştirmenin bol olduğu açık kaynaklı projelerdir.
Juan ayrıca şunu tavsiye ediyor Oluşturma kaynak yoğundur.bu yüzden bunu normal web sunucunuzdan bant dışı yapın ve gerektiğinde önbelleğe almayı uygulayın.
Dinamik renderlemenin en önemli kilit noktası şudur:
yeteneğine sahiptir bir arama motoru isteğini normal bir kullanıcı isteğinden tanımak.
Peki bir Googlebot isteğini nasıl tanıyabilirsiniz?
John oturum sırasında önerilen görüntü oluşturma yöntemlerinin uygulanmasının önemli olduğunu vurguluyor HAYIR indeksleme için bir gerekliliktir.
Yaptığı şey Googlebot için tarama ve dizine ekleme sürecini kolaylaştırmaktır.
Sunucu tarafı oluşturmayı çalıştırmak için gereken kaynağı göz önünde bulundurarak, bunu uygulamadan önce maliyeti göz önünde bulundurmak isteyebilirsiniz.
Peki ne zaman dinamik işlemeye ihtiyacınız var?
Bu nedir
sahip olduğunda büyük ve sürekli güncellenen web sitesi Bir haber portalı gibi çünkü hızlı ve doğru bir şekilde indekslenmek istiyorsunuz.
Veya birçok kişiye bağımlı olduğunuzda modern JavaScript işlevselliği bu, Chrome 41’de desteklenmemektedir; bu, Googlebot’un bunları doğru şekilde oluşturamayacağı anlamına gelir.
Ve son olarak, siteniz sohbet veya sosyal medya uygulamaları sayfanızın içeriğine erişim gerektiren.
Şimdi bakalım ne zaman HAYIR Dinamik oluşturmayı kullanmak gereklidir.
Cevap basit,
eğer Googlebot bunu yapabilirse sayfalarınızı doğru şekilde dizine ekleyinhiçbir şey uygulamaya gerek yok.
Peki Googlebot’un işini doğru yapıp yapmadığını nasıl anlayabilirsiniz?
Aşamalı bir kontrol kullanabilirsiniz.
Testlerin tüm web sayfalarında çalıştırılmasının gerekli olmadığını unutmayın. İyi çalıştıklarından emin olmak için bir şablondan belki iki tane deneyin.
Sayfalarınızın dizine eklenip eklenmediğini nasıl kontrol edeceğiniz aşağıda açıklanmıştır.
1. Google gibi keşfedin özelliği doğruladıktan sonra Google Search Console’da, Googlebot tarafından herhangi bir işlem yapılmadan önce size HTTP yanıtı gösterilir.
2. Çalıştırın Google Mobil Uyumluluk Testi.
Çünkü?
nedeniyle mobil öncelikli indeksleme Google bunu uyguluyor ve mobil sayfalar indekslemenin ana odağı olacak. Sayfalar testte iyi görünüyorsa bu, Googlebot’un sayfanızı Arama için görüntüleyebileceği anlamına gelir.
3. Yeni özelliğe dikkat edin mobil uyumluluk testi. Size Googlebot’un oluşturulmuş sürümünü ve doğru şekilde oluşturulmaması durumunda açılış sorunuyla ilgili tüm bilgileri gösterir.
4. Her zaman kontrol edebilirsiniz. geliştirici Konsolu sayfanız bir tarayıcıda çöktüğünde. Geliştirici konsolunda, Googlebot bir şeyi oluşturmaya çalıştığında konsol günlüğüne erişebilirsiniz. Bu da birçok sorunu kontrol etmenize olanak tanır.
5. Tüm teşhisler aynı zamanda zengin sonuçlar testi masaüstü sürümü siteleri için.
Seansın sonunda John, gerçekleşecek bazı değişikliklerden de bahsediyor.
İlk mutlu haber
Google, oluşturmayı tarama ve dizine eklemeye yaklaştıracak.
Bu, ikinci indekslemenin öncekinden çok daha hızlı gerçekleşeceği anlamına geleceğini rahatlıkla varsayabiliriz.
İkinci mutlu haber,
Google yapacak Googlebot, Chrome’un daha modern bir sürümünü kullanıyor. Bu, daha geniş API desteği anlamına gelir.
Bu değişikliklerin en azından yıl sonuna kadar gerçekleşmeyeceğini açıkça belirtiyorlar.
İşleri kolaylaştırmak için, JavaScript web sitenizin arama dostu olmasını sağlayacak dört adımı burada bulabilirsiniz.
Böylece oturum sonlandırılır. Hızlı bir bilgi tazelemesi için slayt gösterimize göz atın.
Sonuçta Google mikrofonu alır ve size tam olarak ne istediğini söyler.
Not alsan iyi olur.
Çok dilli bir kişi, SEO’nun ve gelen pazarlamanın masmavi dünyasına daldı ve mektuplara karşı yakıcı bir tutku ve World Wide Web’de işlerin nasıl yürüdüğüne dair bir hayranlıkla donandı.
