Memperbaiki error data terstruktur Article.

Postingan terkait : Template snippet Breadcrumb

Data terstruktur / Rich snippet

Intro

Pada saat suatu halaman dirayapi dalam proses pengindeksan, Google menggunakan data terstruktur alias Rich Snippet yang terdapat pada halaman tersebut untuk memahami konten atau elemen yang dimuat pada halaman itu.
Sehingga dibutuhkan informasi spesifik tentang data-data atau elemen penting pada halaman agar dapat ditampilkan dalam fitur yang lebih kaya di hasil penelusuran

Nah, data terstruktur sendiri merupakan data yang disematkan dalam template blog, umumnya berbentuk script dan fungsinya adalah menandai dan mengumpulkan Informasi spesifik tersebut

Untuk mempermudah Google menemukan elemen atau konten penting harus ditampilkan pada hasil pencarian.

Jenis data terstruktur yang wajib untuk blog adalah Article, maka data ini harus diperbaiki jika terdeteksi error.

Data terstruktur Article Error

Hasil validasi error pada tema versi 3 Blogpsot

Error tersebut ditemukan pada bagian author yang tidak menyertakan kolom url-nya.

Cara memperbaiki Error data Blogposting

Buka template HTML blog

Cari tag :
<b:include data='post' name='postMetadataJSON'/>

Hapus tag tersebut dan gantikan dengan script LDJson data terstruktur yang tersedia dibawah.

Pastikan untuk tidak kehilangan lokasi tag yang dihapus tersebut untuk menghindari kesalahan peletakan script.

Postingan terkait : Template snippet Breadcrumb

Copy script LDJson data terstruktur

Script LDJson

Tempatkan script ini menggantikan tag yang dihapus sebelumnya diatas.

<script type='application/ld+json'>
{
"@context": "http://schema.org",
"@type": "BlogPosting",
"mainEntityOfPage":{
"@type":"WebPage",
"@id":"<data:blog.url.canonical/>"
},
"headline": "<data:view.title.escaped/>",
"image": {
"@type": "ImageObject",
<b:if cond='data:view.featuredImage'>
"url": "<b:eval expr='resizeImage(data:view.featuredImage, 1200, "1200:630")'/>",
<b:elseif cond='data:blog.postImageUrl'/>
"url": "<b:eval expr='resizeImage(data:blog.postImageUrl, 1200, "1200:630")'/>",
<b:else/>
"url": "https://i.ibb.co/G7rp26v/blogger-otodidak-1200.webp",
</b:if>
"height": 1200,
"width": 630
},
<b:if cond='data:post.thumbnailUrl'>
"thumbnailUrl":"<data:post.thumbnailUrl/>",
<b:else/>
"thumbnailUrl":"https://i.ibb.co/rMd8D2Q/blogger-otodidak.png",
</b:if>
"datePublished": "<data:post.date.iso8601/>",
"dateModified": "<data:post.lastUpdated.iso8601/>",
"author": {
"@type": "Person",
"name": "<data:post.author.name.jsonEscaped/>",
"url":"<b:with value='data:post.author.authorPhoto.image ? resizeImage(data:post.author.authorPhoto.image, 50, "1:1") : resizeImage(data:post.featuredImage, 50, "1:1")' var='image'><data:image/></b:with>",
"caption":"<data:post.author.name.jsonEscaped/>"
},
"publisher": {
"@type": "Organization",
"name": "<data:post.title/> - <data:blog.title/>",
"logo": {
"@type": "ImageObject",
"url": "https://i.ibb.co/rMd8D2Q/blogger-otodidak.png",
"width": 300,
"height": 300
}
},
"description": "<data:view.description.escaped/>"
}
</script>

Perhatikan:

• Script diatas sudah teruji dan valid, lihat gambar kedua dari atas.
• Usahakan jangan ada sama sekali titik ataupun koma ataupun karakter lainnya yang terhapus dari script yang akan menyebabkan gagal validasi.
• Ganti bagian yang bertanda kuning dengan URL dan data width serta height logo dan banner blog.
• Jika belum punya, silahkan mencari atau membuat dulu.
• Untuk menentukan dimensi logo atau banner blog, copy url yang ada tersebut, lalu buka ditab baru.
  
  
• Jika sudah, simpan template lalu lakukan validasi halaman blog.

Postingan terkait : Tutorial Facebook Debugger