Cara Memperbaiki Struktur Data Blog Yang Error
Monday, November 19, 20180 Comments
Cara Memperbaiki Struktur Data Blog Yang Error

Cara Memperbaiki Struktur Data Blog Yang Error

  • Eka Awaludin

  • A dreamer who trying to loves writing and blogwalking. Man of nature. The wrong man in the wrong time. Going with the flow. Penggemar CSS dan HTML.
Hari ini aku blogwalking di idntheme.com aku ngeliat satu per satu template nya dan membaca fitur-fiturnya. Disitu ada fitur lolos tes Google Testing Tool Validator kemudian aku klik dan aku cek template dari idntheme.com nya ga ada masalah di sana. Aku sempet mau close itu Google Testing Tool Validator tapi disitu ada fitur Pengujian Baru dan ketika aku klik kita disuruh masukin alamat blog kita, iseng-iseng aku masukin blog aku dan mengklik Jalankan Pengujian dan ketika sudah selesai loading dan melihat hasilnya aku kaget banget karena ternyata blog aku banyak error nya.
Ditemukan banyak error di blogku
Aku sempat berpikir ini tool apaan ya? Setelah di telusuri katanya dengan memperbaiki error di blog kita ini kita bisa mendapatkan hasil yang baik di indeks Google. Langsung saja aku nyari tutorial untuk memperbaikinya dan aku mendapatkan banyak referensi di Google dan aku catat kembali secara lengkap di artikel ini untuk catatan di masa depan.

Kesalahan image_url
Untuk memperbaikinya cari kode berikut ini.
<meta expr:content='data:post.thumbnailUrl' itemprop='image_url'/>

dan

<meta expr:content='data:post.firstImageUrl' itemprop='image_url'/>
Ganti itemprop='image_url' nya jadi hanya 'image' saja. Jadi hasilnya seperti berikut ini.
<meta expr:content='data:post.thumbnailUrl' itemprop='image'/>

dan

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

Kesalahan blogId dan postId
Untuk memperbaikinya cari kode berikut ini.
<meta expr:content='data:blog.blogId' itemprop='blogId'/>
<meta expr:content='data:post.id' itemprop='postId'/>
Sembunyikan kode nya dengan menambahkan kode komentar. Jadi seperti berikut ini.
<!--
    <meta expr:content='data:blog.blogId' itemprop='blogId'/>
    <meta expr:content='data:post.id' itemprop='postId'/>
-->
Dari pengalaman yang aku alami aku menemukan masing-masing ada dua kode seperti itu. Sembunyikan semuanya.

Kesalahan headline
Untuk memperbaikinya cari kode berikut ini.
<h3 class='post-title entry-title' itemprop='name'>
Tambahkan headline di itemprop='name' nya. Jadi seperti berikut ini.
<h3 class='post-title entry-title' itemprop='name headline'>
Dari pengalamanku aku menemukan dua buah kode seperti itu dan di itemprop-nya aku tambahkan headline semuanya.

Kesalahan image dan publisher
Cari kode berikut ini.
<div class='post hentry uncustomized-post-template' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
Di bawahnya ada kode berikut ini.
<b:if cond='data:post.firstImageUrl'>
    <meta expr:content='data:post.firstImageUrl' itemprop='image_url'/>
</b:if>
Ganti semua kode tersebut dengan kode di bawah ini.
<b:if cond='data:post.firstImageUrl'>
<div itemprop='image' itemscope='itemscope' itemtype='https://schema.org/ImageObject'>
    <meta expr:content='data:post.firstImageUrl' itemprop='url'/>
    <meta content='600' itemprop='width'/>
    <meta content='60' itemprop='height'/>
</div>
<div itemprop='publisher' itemscope='itemscope' itemtype='https://schema.org/Organization'>
    <div itemprop='logo' itemscope='itemscope' itemtype='https://schema.org/ImageObject'>
      <meta content='URL-LOGO' itemprop='url'/>
      <meta content='600' itemprop='width'/>
      <meta content='60' itemprop='height'/>
    </div>
    <meta expr:content='data:blog.title' itemprop='name'/>
</div>
<b:else/>
<div expr:content='data:post.authorProfileUrl' itemprop='image' itemscope='itemscope' itemtype='https://schema.org/ImageObject'>
    <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
    <meta content='600' itemprop='width'/>
    <meta content='60' itemprop='height'/>
</div>   
<div itemprop='publisher' itemscope='itemscope' itemtype='https://schema.org/Organization'>
    <div itemprop='logo' itemscope='itemscope' itemtype='https://schema.org/ImageObject'>
        <meta content='URL-LOGO' itemprop='url'/>
        <meta content='600' itemprop='width'/>
        <meta content='60' itemprop='height'/>
    </div>
    <meta expr:content='data:blog.title' itemprop='name'/>
</div>
</b:if>
Ganti URL-LOGO dengan URL logo kamu.

Peringatan dateModified
Temukan kode berikut ini.
<a class='timestamp-link' 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>
Tambahkan dateModified di itemprop-nya. Jadi seperti berikut ini.
<a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished dateModified'><data:post.timestamp/></abbr></a>
Dari pengalamanku aku menemukan dua buah kode seperti itu, tambahkan di keduanya.

Peringatan mainEntityOfPage
Cari kode berikut ini.
<div class='post hentry uncustomized-post-template' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
Tambahkan kode berikut ini di bawahnya.
<div itemType='https://schema.org/WebPage' itemprop='mainEntityOfPage' itemscope='itemscope'/>
Dan akhirnya Tadaaa! Semua rapor merah atau error di Google Testing Tool Validator menghilang dari blogku.
Tidak ada lagi error di blogku.
Aku benar-benar senang sekali telah menmperbaiki struktur data blogku yang error di Google Testing Tool Validator. Demikian pengalaman yang bisa aku share untuk kali ini, kita berjumpa lagi di artikel berikutnya. Ciao!

Sumber
  • https://www.kompiajaib.com/2015/12/mengatasi-error-image-publisher.html
  • https://www.contohblog.com/2016/03/mengatasi-error-dateModified-datePublished.html
No comments :

Post a Comment