Mengatasi "image: missing and required" Structured Data Testing Tools

Baca Juga

Cara Mengatasi "image: missing and required" Structured Data Testing Tools

SALAH satu klien mengalami masalah dengan template blognya di Structured Data Testing Tools.

Bukan masalah "headline: missing and required", bukan pula soal Error: Missing "Updated" & "Author", juga bukan masalah "Error: Missing required field "updated", property "image_url", Error "blogid" dan "postid" (lihat solusinya), tapi masalah "image: missing and required" seperti tampak dalam gambar ilustrasi posting.

Ada juga yang mengalami masalah "image: missing and required" tersebut di Forum ProWebmaster.

Mengatasi "image: missing and required" Structured Data 

Setelah mempelajari http://schema.org/image, berikut ini cara mengatasinya:

1. Template > Edit HTML
2. Cari kode <div class='post-thumbnail'> seperti ini:

<div class='post-thumbnail'>
<b:if cond='data:post.thumbnailUrl'>
<img class='post-thumb' expr:alt='data:title' expr:src='data:post.thumbnailUrl' expr:title='data:post.title' height='72' width='72'/>
<b:else/>
<img class='post-thumb' expr:alt='data:title' expr:title='data:post.title' height='72' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFFTPrmSBArS-BsgooQdZfOsLJVJAv700-xnK21PgLoXLgx0bskVpKNPLGDEnqYQu32JTbh3xX-5k0fYh5f4w8_U-YdU6BLAxvI1xOpOCui4nhBzHrmqzKESKwll5xGgizwlFqu4CKCeK-/s265-Ic42/no-image.png' width='72'/>
</b:if>
</div>

Ganti semuanya dengan kode berikut ini:

<div class='post-thumbnail'>
<b:if cond='data:post.thumbnailUrl'>
<img itemprop='image' class='post-thumb' expr:alt='data:title' expr:src='data:post.thumbnailUrl' expr:title='data:post.title' height='72' width='72'/>
<b:else/>
<img itemprop='image' class='post-thumb' expr:alt='data:title' expr:title='data:post.title' height='72' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFFTPrmSBArS-BsgooQdZfOsLJVJAv700-xnK21PgLoXLgx0bskVpKNPLGDEnqYQu32JTbh3xX-5k0fYh5f4w8_U-YdU6BLAxvI1xOpOCui4nhBzHrmqzKESKwll5xGgizwlFqu4CKCeK-/s265-Ic42/no-image.png' width='72'/>
</b:if>
</div>

Sebenarnya tidak usah ganti semua juga tidak apa-apa, asalkan tambahkan kode merah (itemprop='image') di posisi seperti dalam kode di atas.

3. Save template!
4. Beres da ah!

MASIH ERROR?
Jika masalahnya masih ada, coba cari dan ubah kode
<div class='Image'> 
menjadi:
<div class='Image' itemprop="image">

MASIH JUGA ERROR?

Jika masih saja "image: missing and required" di Structured Data, coba lagi langkah berikut ini, khususnya yang templatenya menggunakan schemaorg.

1. Cari kode:

<b:includable id='post' var='post'>
  <div class='post hentry' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>    <a expr:class='data:post.id'/>

2. Tambahkan kode:

          <b:if cond='data:post.thumbnailUrl'>
            <meta expr:content='data:post.thumbnailUrl' itemprop='image'/>
          </b:if>

Hasilnya seperti ini:

<b:includable id='post' var='post'>
  <div class='post hentry' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>          <b:if cond='data:post.thumbnailUrl'>
            <meta expr:content='data:post.thumbnailUrl' itemprop='image'/>
          </b:if>
    <a expr:class='data:post.id'/>

3. Save!

Masalah error (kesalahan) missing and required lainnya bisa dicek solusinya di alinea ketiga di atas. Good Luck! (http://contohblognih.blogspot.com).*