ev borcu WordPress sitesi
Google Etiket Yöneticisini Kullanarak Web Sitenize Şema İşaretleme Nasıl Eklenir
Şema işaretlemesi, arama motorlarının sayfanızı SERP'de zengin bir snippet formatı olarak görüntülemesine yardımcı olan mikro verilerdir. Google, Yahoo, Bing gibi maksimum arama motorları, kullanıcıların sorgularına bağlı olarak en iyi SERP sonucunu göstermek için şema işaretlemesini kullanır.
Sayfalarınız için neden şema işaretlemesi ayarlamanız gerekiyor?
Temel olarak, HTML etiketleri, tarayıcılara verilerin nasıl gösterileceğini bildirir. Örneğin, <h1>Pizza Nasıl Yapılır</h1>'ı kullanırsanız, tarayıcınız sayfanızın başlığı/başlığı olarak "Pizza Nasıl Yapılır"ı gösterecektir. Ancak arama motorunun sayfanın gerçekte ne içerdiği hakkında hiçbir fikri yok mu? Bu nedenle arama motorlarının ilgili arama sorgusu için sayfayı göstermesi zordur. Ancak bu sayfanın başlığını şema işaretlemeyi kullanarak Pizza tarifi olarak işaretlerseniz, arama motorları sayfanızı ilgili bir sorgu için gösterir.
Şema işaretlemesinin sıralama üzerinde doğrudan bir etkisi olmamasına rağmen, tıklamaları önemli ölçüde artırmaya yardımcı olur. Arama sonuçlarında inceleme, teklif fiyat sekmeleri bulunan bir ürün sayfasının, yalnızca başlık ve meta açıklama içeren bir sayfadan daha fazla tıklama aldığı kanıtlanmıştır.
Şema İşaretlemeyi Web Sitenize Nasıl Entegre Edersiniz?
Kodu Oluşturun: –
JSON-LD kodu için, mikro verileri oluşturmak için schema.org veya https://developers.google.com/search/reference/overview sayfasına gidin.
Burada https://developers.google.com/search/reference/overview adresindeki verileri kullanıyorum
Sol kenar çubuğundan Makale, Kitap, Kurs, Tarif, SSS, Logo, Film, Ürün, Etkinlik, İş İlanı gibi farklı sayfaların kodlarını bulacaksınız.
Örneğin, bir makale sayfası için şema işaretlemesi ayarlamak için aşağıdaki kodu alıyorum (Makale başlığı, Yayınlanma Tarihi, Görseller, Değiştirilme Tarihi).
<html>
<kafa>
<title>Makale başlığı</title>
<script type="application/ld+json">
{
“@bağlam”: “https://schema.org”,
“@type”: “HaberMakalesi”,
“başlık”: “Büyük Gününüzden Önce Kilo Vermek!”,
"görüntü": [
“https://www.lifewithlg.com/wp-content/uploads/2020/08/scale-403585_1280_850x433.jpg”
],
“yayınlanma tarihi”: “26 Ağustos 2020”,
"değiştirilme tarihi": ""
}
</script>
</head>
<body>
</body>
</html>
Kodu test etmek için bir hata varsa https://search.google.com/test/rich-results adresine gidin .
Sayfanızın zengin sonuçlar için uygun olup olmadığını veya bir sorun olup olmadığını kontrol edebilirsiniz.
Şimdi kodu Google Etiket Yöneticisi aracılığıyla entegre etme zamanı:
- 1, GTM'de bir hesap oluşturun.
- Ardından yeni etiket ekle'ye tıklayın.
- Etiket Türü- HTML
- HTML etiketini yapıştırın.
O zamanlar,
- Kodun uygulanabilir olacağı sayfaları seçmek için bir tetikleyici seçin.
- Yeni bir tetikleyici oluşturun.
- Tetik yapılandırmasından, bazı sayfalarda "Bu tetikleyici tetikleyiciyi seçin".
- Etiketi burada tek bir sayfa için oluştururken.
Burada tetikleme koşulunu seçiyorum: –
- Sayfa URL'si> Eşittir> Belirli sayfa URL'si.
- Sonunda kodu tetiklemeden önce. Google Etiket Yöneticisinden önizleme moduna gidin.
Ardından alanınızı yenileyin, sayfanızın altında bir önizleme sekmesi görünecektir. Ve kodun doğru şekilde entegre edildiğini kontrol edebilirsiniz.
Her şeyi yolunda bulduysanız, son olarak Google Etiket Yöneticisi'nden kodu gönderin.
Yukarıdaki işlem, tek bir sayfa için şema işaretlemesini ayarlamak içindir. Aşağıda, aynı türden birkaç sayfa için şema kurma yöntemini tartışacağım.
Gelin birlikte tüm ürün sayfalarınız için şema oluşturmaya çalışalım.
İlk olarak, JSON-LD kodunu şu adresten toplayın: https://developers.google.com/search/docs/data-types/product
Burada Ürün Adı, Görsel, İnceleme ve Teklif kodunu alıyorum.
<html>
<kafa>
<başlık> ÜrünAdı </title>
<script type="application/ld+json">
{
“@bağlam”: “https://schema.org/”,
“@type”: “Ürün”,
"isim": "",
"görüntü": [
],
"tanım": "",
"gözden geçirmek": {
“@type”: “İnceleme”,
"incelemeDeğerlendirme": {
"@yazma değerlendirmesi",
"ratingValue": "",
"en iyi derece": ""
"teklifler": {
“@type”: “Teklif”,
"url": "",
"fiyatPara Birimi": "",
"fiyat": "",
"priceValidUntil": "",
}
}
</script>
</head>
<body>
</body>
</html>
Burada herhangi bir parametre tanımlanmadığı için. Her parametre değerini bir değişken olarak alacağım.
“Ad”: “ ÜrünAdı ” ayarlarsam ,
Şimdi “Productname” değişkenini yapılandırmam gerekiyor
GTM'nin sol kenar çubuğundan: Değişkene gidin> Kullanıcı tanımlı bir değişken oluşturun.
Değişken adını burada " ÜrünAdı" gibi ürün adıyla aynı tutun .
Büyük/küçük harfe duyarlı olduğunu unutmayın.
Değişkeni ayarlamak için bir değişken türü seçin. Bir DOM (Belge Nesne Modeli) öğesi seçin.
Dom, her ürün sayfasından bilgi çıkarmaya yardımcı olacaktır.
Seçim yöntemini CSS seçici olarak seçin.
Eleman seçici alanında, her bir öğenin ürün adını içeren sınıfı girmelisiniz.
Sınıfı almak için herhangi bir ürün sayfasına gidin ve ürün adına sağ tıklayın.
İncele seçeneğine ve öğelerine git üzerine tıklayın.
Ürün adını incelerken, otomatik olarak belirli kod seçilecektir.
Sınıf, sayfanın sağ alt köşesinde görünecektir.
Eski.
Sadece yazar biyografisini kopyalayın ve öğe seçici bölümüne yapıştırın.
Görsel, İnceleme ve Teklif gibi diğer bölüm için aynı adımları tekrarlayın.
Bu sayede Google etiket yöneticisini kullanarak tek bir kod içerisinde birkaç sayfa için şema oluşturabilirsiniz.
EndNote:
Bu rekabetçi piyasada, hiçbir kapsamı kaçırmamalısınız. Arama motoru optimizasyonu stratejinize Schema Markup'ı dahil etmeyi unutmayın .
Teknik bilgisi olmayan biriyseniz, GTM kullanarak şema kurmak sizin için zor olabilir. Eklenti ayarından kolayca yapmak için RankMath gibi bir eklenti kullanabilir veya profesyonellerden yardım alabilirsiniz.