Mengatasi Error Image, Publisher, DateModified, MainEntityOfPage Di Struktur Data Blog

Ditulis oleh: Adhy Suryadi

Ditulis pada: 12/12/2015

Sepertinya Google memperbaiki Struktur Data Testing Tool untuk lebih detail memeriksa struktur data sebuah web atau blog. Ini terlihat ketika saya cek blog Kompi Ajaib yang sebelumnya tidak memiliki error namun kemarin tiba-tiba terdapat error yang cukup banyak di bagian BlogPosting. Error tersebut berasal dari image, Publisher, dateModified, dan MainEntityOfPage sedangkan yang lainnya baik-baik saja. Ini menandakan ada element yang kurang atau salah meletakannya.

Bagi saya yang awam, tentunya hal ini bikin pusing kepala karena sepertinya belum ada panduan yang tepat cara menggunakan struktur data yang benar di blog. Tentu saja sangat bingung ketika diarahkan ke halaman schema.org tanpa ada contoh cara melatakan kode-kodenya. Namun Google memberikan sedikit gambaran untuk mengatasinya. Dari hasil coba-coba, akhirnya berhasil juga menghilangkan error-error di struktur data.

Nah jika kebetulan Anda mengalami hal yang sama, bisa dicoba hasil eksperimen saya di bawah ini.

1. Menghilangkan Error Image
Silahkan copy kode di bawah ini

<b:if cond='data:post.firstImageUrl'>

<div itemprop='image' itemscope='itemscope' itemtype='https://schema.org/ImageObject'>

  <meta itemprop="url" expr:content='data:post.firstImageUrl'/>

  <meta itemprop="width" content='700'/>

  <meta itemprop="height" content='700'/>

  </div>

    </b:if>

Silahkan simpan di bawah kode

<article class='post hentry' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>

2. Menghilangkan Error Publisher
Silahkan copy kode di bawah ini dan simpan di bawah kode langkah pertama

  <div itemprop="publisher" itemscope='itemscope' itemtype="https://schema.org/Organization">

    <div itemprop="logo" itemscope='itemscope' itemtype="https://schema.org/ImageObject">

      <meta itemprop="url" content="URL LOGO BLOG"/>

      <meta itemprop="width" content="600"/>

      <meta itemprop="height" content="600"/>

    </div>

    <meta itemprop="name" expr:content="data:blog.title"/>

  </div>

Silahkan ganti URL LOGO BLOG dengan URL logo blog Anda.

3. Mengatasi Error dateModified
Silahkan cari kode yang menampilkan tanggal publikasi postingan, biasanya seperti ini

<a class='updated' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished'> <data:post.timestamp/></abbr></a>

Kemudian tambahkan kode <span itemprop='dateModified'> sehingga menjadi seperti di bawah ini.

<span itemprop='dateModified'><a class='updated' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished'> <data:post.timestamp/></abbr></a></span>

4. Mengatasi Error MainEntityOfPage
Silahkan copy kode di bawah ini

<div itemscope='itemscope' itemprop="mainEntityOfPage" itemType="https://schema.org/WebPage"/>

Silahkan simpan di bawah kode

<article class='post hentry' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>

Kira-kira seperti itu kode-kode yang saya gunakan untuk mengatasi Error Image, Publisher, DateModified, MainEntityOfPage Di Struktur Data Blog yang baru-baru ini dialami oleh blog-blog saya.