Markup Schema Image Object
Nah, belakangan ini Google mulai memberikan tanda merah pada attribut skema untuk gambar, katanya itemtype nya tidak valid? lho.. biasanya kan cukup dengan <img itemprop="image" src="sampleimage.jpg"/> bisa lolos pada Alat Penguji Data Terstruktur punya google.Setelah mencoba dengan schema itemscope itemtype="http://schema.org/ImageObject", ini bisa menghilangkan tanda X merah pada data testingtoll tersebut, namun ternyata malah jadi terpisah dari induk schema. Maksudnya Gambar tersebut tidak menjadi bagian dari Schema Article seperti gambar dibawah ini, ngerti kan?
Dari gambar diatas terlihat bahwa gambar tidak lagi menjadi bagian dari artikel. Lalu bagaimana cara memperbaikinya? apakah bisa diterapkan di blogspot?
Cara memperbaiki Markup Schema untuk Gambar
Setelah mengutak ngatik beberapa kali, akhirnya ketemu deh Struktur Data yang benar untuk Schema markup gambar artikel tersebut, namun sepertinya akan lebih mudah jika ini diterapkan berupa template. Jika di Blogspot atau Wordpress bisa juga dilakukan secara manual untuk menggunakan Image Schema tersebut.Oke, dibawah ini adalah Struktur Data yang saya gunakan untuk menghilangkan kesalahan markup pada gambar untuk tipe Artikel.
<div itemscope itemtype="http://schema.org/Article">
<meta itemprop="mainEntityOfPage" content="http://domain.com/page.html"/>
<h1 itemprop="name headline">Judul Artikel</h1>
<p itemprop="articleSection">Paragraf 1 Bla..Bla..Bla..</p>
<!--IMAGE SCHEMA-->
<span itemscope itemtype="http://schema.org/ImageObject" itemprop="image">
<img itemprop="image" src="images/sample-image.jpg" alt="image properties here" title="image properties here"/>
<meta itemprop="width" content="100%"/>
<meta itemprop="height" content="100%"/>
<meta itemprop="url" content="http://domain.com/images/sample-image.jpg"/>
</span>
<!--IMAGE SCHEMA END-->
<p itemprop="articleBody">Paragraf 2 Bla..Bla..Bla..</p>
<p itemprop="articleBody">Bla..Bla..Bla..</p>
<!--Selanjutnya silahkan masukan markup lainnya , seperti author, date create dan sebagainya-->
</div>
Nah, dengan menggunakan Struktur Data tersebut, kini tak ada lagi kesalahan setelah di uji pada Alat Pengujia Data Terstruktur.