Let's make this life Easy, as well as you can
Mengulas berbagai cerita kehidupan mulai dari tradisi hingga teknologi, tips, solusi, informasi, internet, pekerjaan, hiburan, Kesehatan, mitos, fakta, klenik, unik bahkan mistik yang diulas berdasarkan pengalaman serta dari berbagai referensi, semoga bermanfaat
Salah satu trik SEO untuk website atau blog adalah dengan menggunakan skema penanda atau Markup Schema pada setiap artikel yang tujuannya agar mudah mendefinisikan sebuah website sehingga google atau mesin pencari lainnya dapat dengan cepat mengindex artikel tersebut, katanya sih gitu, kurang lebih.

Markup Schema Image Object

Cara memperbaiki Markup Schema untuk gambarNah, 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.

Label: , , , , ,



| Cari Cara memperbaiki Error atau kesalahan Struktur Data Image Markup Schema di : AOL | Ask | Bing | DuckDuckGo | Microsoft | Google | ixquick | Yahoo | Yandex | Yippy | MySearch