Data terstruktur Artikel
Data terstruktur merupakan sebuah susunan data inti yang diambil dari sebuah halaman web.
Susunan data inti inilah yang nantinya ditampilkan pada hasil pencarian. Karena data-data yang ditampilkan di halaman hasil pencarian hanyalah berupa cuplikan-cuplikan informasi dari berbagai halaman yang ditemukan relevan dengan kata kunci yang diketikkan pada kolom pencarian.
Meskipun hanya berupa cuplikan namun agar suatu halaman bisa muncul di hasil pencarian haruslah memenuhi syarat. Antara lain adalah menyematkan data terstruktur (Rich Snippet). Meskipun pada dasarnya metadata halaman sudah terlebih dulu memerankan tugasnya sebagai pengumpul data inti halaman.
Ditambah dengan penyematan data terstruktur yang bertindak sebagai penyusun data inti tersebut maka tampilan hasil pencarian suatu halaman akan lebih spesifik. Karena salah satu fungsi data terstruktur ini adalah untuk memberikan spesifikasi tertentu tentang isi halaman.
Disini spesifikasi data terstruktur yang menjadi pembahasan adalah Data Terstruktur Artikel (Article Rich Snippet)
Article - Rich Snippet pada tema bawaan Blogger versi 3 yang pada saat diuji ternyata terdapat error seperti pada screenshot berikut:
Cara memperbaiki Error
Edit HTML template blog, cari kode berikut ini :
<b:include data='post' name='postMetadataJSON'/>Kode tersebut berada didalam tag <b:includable id='postMeta' var='post'>.
Agar lebih cepat, gunakan pencarian template seperti petunjuk berikut :
Klik didalam template dimana saja.
Tekan ctrl + f untuk memunculkan kolom pencarian template.
Lalu copy teks hijau ini 'postMeta' lengkap dengan tanda kutipnya dan paste dikolom pencarian.
Tekan enter
Pastikan kode yang ditemukan sama persis dengan kode pada screenshot dibawah ini.
Jika kode yang ditemukan sudah benar, copy dulu kode penggantinya dibawah ini :
<b:include data='post' name='articleSnippet'/>Kemudian kembali ke editor template, arahkan kursor ke bagian id='postMetadataJSON' dan klik cepat sebanyak 3 kali pada kode tersebut lalu tekan enter untuk menghapus.
Paste kode yang dicopy tersebut untuk menggantikan kode yang barusan dihapus. Selanjutnya, ikuti petunjuk dibawah ini sebagai langkah terakhir.
Buat default markup snippet baru
Lakukan pencarian template sekali lagi seperti petunjuk pencarian editor template diatas. Kali ini gunakan kata kunci 'common'. Copy paste teks hijau tersebut dikolom pencarian template, tekan enter.
Kode yang ditemukan seperti ini : <b:defaultmarkup type='Common'>
Selanjutnya copy-paste kode dibawah ini tepat dibawah kode yang barusan ditemukan.
<b:includble id='articleSnippet'>
<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": 630,
"width": 1200
},
<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": "<b:eval expr='resizeImage(data:blog.postImageUrl, 1200, "1200:630")'/>",
"width": 300,
"height": 300
}
},
"description": "<data:view.description/>"
}
</script>
</b:includable>Simpan template lalu uji di: 
Pengujian Hasil Kaya Google.
CATATAN:
Pada kolom kode diatas, perhatikan baris nomor 18 terdapat URL gambar:
https://i.ibb.co/G7rp26v/blogger-otodidak-1200.webp.
Dan pada baris nomor 20, 21 adalah ukuran gambar yang ditampilkan URL tersebut.
Ganti URL tersebut dengan gambar identitas blog, ukurannya sesuaikan dengan yang ada pada kode script (1200 x 630).
Hasil uji halaman ini
