İçindekiler
Bir web sitesi geliştirdiğimizde, birden çok istemci tarafı işlevine sahip yenilikçi web siteleri oluşturmak için ideal olduğu için genellikle JavaScript kullanırız. En çok kullanılan teknolojilerden biri AJAX'tır.Vasıtasıyla çerçeveler Ne Jquery, Prototip, Mootools ve sunucuya istekte bulunmaya, sonucu almaya ve web'i yenilemeden ve kullanıcı için tamamen şeffaf olan belirli içeriğin sayfaya yüklenmesini etkinleştirmeye izin veren diğerleri.
Şu anda çoğu web sayfası, istemci tarafı etkileri ve işlevleri oluşturmak için JavaScript'e güçlü bir bağımlılık gösteriyor; bu, SEO, bağlantı sorunları veya uyumsuzluklar, teknik hatalar, indirme hızı vb. açısından iyi bilinen riskleri beraberinde getiriyor.
Bu eğitimde bazılarını göreceğiz AJAX web siteleri ve uygulamaları geliştirmek için stratejiler SEO dalında sorun yaşamamak.
AJAX kullanmanın Avantajları ve Dezavantajları
Kullanıcı deneyimi açısından avantajlar açıktır: hızlı sayfalar, yalnızca siparişi işleyen ve kullanıcı için gerekli içeriği döndüren sunucu için daha az ek yük. Pek çok yeni nesil web işlevselliği, kullanıcının web'in bir öğesine tıklaması ve tarayıcının tüm sayfayı değil, yalnızca bir içerik bloğunu güncellemesini sağladığı için JavaScript veya Jquery kullanmadan kolayca yapılamaz. farklı kullanıcılar için farklı bilgiler görüntüler.
Dezavantajı ise döndürülen içeriğin arama motorları tarafından görülemeyebilmesi ve botun genellikle Jquery veya Ajax kodunu ayrıştırmamasıdır. Sorunlardan biri, bir sayfanın içeriğinin yalnızca tarayıcı tarafından görülebilmesi, ancak sunucuda görünmemesidir, robotların izleme yöntemi, bazı içerikleri görmemelerine veya robot çok karmaşık JavaScript'leri anlayamadığından bazı bağlantıların başarısız olmasına neden olabilir. .
Google, robotlarının Ajax ve Javascript tarama yeteneklerini sürekli olarak geliştirirken, Bing ve Yahoo fazla gelişmedi.
Arama motorları bile bir arama sorgusu için en alakalı içeriği doğru bir şekilde gösteremez, bu nedenle bu teknolojinin aşırı kullanımı arama sonuçlarında kötü konumlandırmaya yol açabilir.
SEO'yu iyileştiren html öğeleri ve blok örnekleri
Bir blok oluşturmamız gerekiyorsa, sınıflara anlamsal adlar uygulayalım, yani içeriği açıklayan bir anlamla:
Bazı içeriği gösteren bir blok örneği Robotların hangi içeriği göstereceklerini anlayabilmeleri için her html kodu bloğuna daha semantik bir anlam vermek daha iyi olurdu: İçerik HTML'de oluşturulmamış olsa bile yapı izlenebilecek kadar açıktır. Anlamsal biçimlendirme anahtar sözcükler içerdiğinden, içerik için uygun HTML etiketlerini kullanmak önemlidir, şüpheye düştüğümüzde W3school Html kılavuzuna başvurabiliriz.
Sıralı veya sırasız listeler gibi, tanım listelerinin bir amacı, yukarıdaki durumda olduğu gibi, hedeflenen içeriğin listesini görüntülemektir, haber veya ürün listesi olabilir. Bu, daha fazla anahtar kelime yoğunluğuna, daha az kod karmaşasına izin verir.
En önemli yönlerden biri, Javascript'in kullanıcı için oluşturduğu içeriğin, arama motorlarına veya arama robotlarına gösterilen içerikle tamamen aynı olmasıdır.
Google olası bir çözüm olarak, web sitemizin JavaScript veya Ajax gibi arama motorlarının erişemediği veya yorumlayamadığı teknolojileri içermesi durumunda, bu öğelerin hangi içeriğe karşılık geldiğini gösterebilmesi için açıklayıcı metin veya yer imleri kullanmamız gerektiğini belirtir. Böylece sitenin erişilebilirliğini iyileştirin. Çoğu kullanıcı mobil cihazlar, standart olmayan tarayıcılar, güncel olmayan yazılımlar ve yavaş bağlantılar kullanır, bu nedenle içeriği görüntülerken veya bazı işlevleri kullanırken aksaklıklar yaşayabilirler.
URL'ye göre bağlantılar ve parametre
Google kullanmayı tercih ediyor hashbang çünkü bu şekilde siteye bir hastabang'ı parametre olarak ilettiğimizde bağlantılarınızı yorumlamanız daha kolay olacaktır.
Yaygın olarak kullanılan bir örnek Twitter web sitesindedir. Google, bu statik sayfanın içeriğini saklamak ve istemek için kullanır. Yeniden yazılan URL'lerin neler içerdiğini göstermek için bazı örnekler aşağıda verilmiştir:
Bazı sorgular tarafından oluşturulan bu URL daha iyi ve daha anlamsal SEO'dur
www.miweb.com/#!madrid/productos
Bu iki url'yi robotların anlaması daha zordur, ancak şüphesiz sonuncusu anlambilimi biraz geliştirir.
www, miweb, com /? tmp = madrid / ürünler
www.miweb.com/?ciudad=madrid&seccion=productos
Yapabildiğimiz kadar Oluşturulan içeriğe Semantik SEO ve bir kullanıcının arama motorlarında göreceği içeriğin aynısını gösterin, bu büyük bir sorun değil.
Kaydırılabilir gezinme çubukları ve sekmeleri
İçeriğin, kendimizi konumlandırdığımız sekmeye bağlı olarak jquery veya başka bir çerçeve kullanılarak değiştiği sekmeler halinde dağıtılması durumunda, her sekme için bağımsız bir url olmalıdır, kullanıcı bir sekmeye tıkladığında bir istek yapabilir. tamamen yeni içerik oluşturmak için sunucuya da yapılabilir. Her bağlantının yapısı şöyle olabilir:
www.miweb.com?tab= satış
www.miwebe.com/?tab=clientes
www.miweb.com/?tab=ürünler
Sekmelerin hilesi CSS ve Javascript ile üretilir, sunucu ilk sayfa isteği ile tüm sekmelerin içeriğini döndürür. Kullanıcı bir sekmeye tıkladığında, CSS'de tanımlanan sınıflar, tarayıcının bir sekme ile ilişkili içeriği gizlemesini ve yalnızca tıklanan sekme ile ilgili içeriği göstermesini sağlarken, diğerleri gizlenir, ancak bu kodda bulunurlar. , bu yüzden yapıya anlamsal bir anlam vermek iyidir.
Ayrıca web sitemizin robots.txt dosyasında Javascript veya CSS dosyalarının taranmasına izin verilmemesi, içeriğinizin konumlandırılmasına ve dizine eklenmesine zarar verebileceğinden ve tarama istatistiklerinin başarısız olmasına neden olabileceğinden çok önemlidir.
Yönergelerinden biri Google web yöneticisi Özellikle bu dosyaların izlenmesine izin verilmediğini, ancak ne onları engellemediğini ne de botlardan gizlemediğini söylüyor.
Taramayı doğrulamak ve analiz etmek için Google Web Yöneticisi Araçları
Google Web Yöneticisi Araçları bize web sitemizin sahipliğini doğrulayarak google'ı bilgilendirme fırsatı verir. Lütfen Google veya Gmail hesabınızla giriş yapın, ardından web sitemizi doğrulayabiliriz.
Robotun, bağlantıların Google Arama'da doğru bir şekilde görünmesi yaklaşık iki hafta sürer.
Her şeyin çalıştığından emin olmanın kolay bir yolu yoktur, ancak neler olup bittiğini görmenize yardımcı olacak bazı araçlar vardır. En iyisi, Google'ın web sitesini tararken tam olarak ne gördüğünü bize gösteren Googlebot olarak Keşfet aracını kullanmaktır. Google Web Yöneticisi Araçları'na Teşhis'ten erişebilirsiniz.
Web Yöneticileri Araçları için Google araçlarını kullanarak, dizine eklenmiş bağlantıları kontrol edebilir ve bu bağlantıları düzeltebilir veya ortadan kaldırabiliriz, böylece web siteniz arama motorları için optimize edilir ve diğer işlevlerin yanı sıra SEO'nuzu geliştirmeye yardımcı olan, cezalandırılma tehlikesi olmayan bağlantılara sahip olur.Bu Eğitimi beğendiniz ve yardım ettiniz mi?Yazara olumlu puan vermek için bu düğmeye basarak yazarı ödüllendirebilirsiniz.
