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

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.

You Might Also Like:

How to style text in Disqus comments:
  • To write a bold letter please use <strong></strong> or <b></b>.
  • To write a italic letter please use <em></em> or <i></i>.
  • To write a underline letter please use <u></u>.
  • To write a strikethrought letter please use <strike></strike>.
  • To write HTML code, please use <code></code> or <pre></pre> or <pre><code></code></pre>.
    And use parse tool below to easy get the style.
Show Parser Hide Parser
Disqus Comments