Cara membuat dan memperbaiki kesalahan pada Data struktur/Schema.org di Blogger dengan menggunakan Webmastertool

See Complete
3 Apr, 2020
Memperbaiki Kesalahan Data Terstruktur Blog (Structure Data Testing Tools)

Pada point terakhir artikel optimasi SEO on page Blogger, saya menjelaskan pentingnya data terstruktur untuk optimasi SEO. Maka kali ini saya akan menulis tentang cara memperbaiki kesalahan data terstruktur pada Blogger alias blog dengan platform Blogspot.

Jika kita ingin mengikuti semua aturan main Google (pedoman kualitas Webmasters), sangat dianjurkan untuk menghindari adanya kesalahan data terstruktur. Untuk pedoman selengkapnya silahkan anda baca disini.

Jenis kesalahan yang banyak ditemui pada umumnya antara lain:
  • Properti image_url tidak dikenali oleh Google
  • Properti blogId tidak dikenali oleh Google
  • Properti postId tidak dikenali oleh Google
  • Nilai untuk bidang headline diwajibkan
  • Nilai untuk bidang image diwajibkan
  • Nilai untuk bidang publisher diwajibkan
  • Bidang dateModified disarankan
  • Bidang mainEntityOfPage disarankan

Berikut contoh kesalahan data terstruktur, diambil dari dokumentasi pribadi salah satu blog saya.

Kesalahan Data Terstruktur: image_url, blogId dan postId

Kesalahan data terstruktur Blogger


Kesalahan ini tentunya akan berbeda-beda untuk setiap blog, karena dipengaruhi oleh penggunaan template yang digunakan. Jadi bagi anda yang mendapati kesalahan data terstruktur pada blognya, silahkan ikuti cara berikut ini.

Catatan: Cara ini merupakan hasil (trial & error) dan juga referensi dari salah satu blog, yaitu: webbudi. 

Memperbaiki Kesalahan Data Terstruktur: blogId dan postId

Cari kode seperti di bawah ini, hapus semua kode tersebut atau cukup beri komentar:
<meta expr:content='data:blog.blogId' itemprop='blogId'/>
<meta expr:content='data:post.id' itemprop='postId'/>

Memperbaiki Kesalahan Data Terstruktur: image dan publisher

Masuk ke dashboard Blogger: Settings > Themes > Edit HTML
Cari kode seperti di bawah ini:
<b:if cond='data:post.firstImageUrl'>

<meta expr:content='data:post.firstImageUrl' itemprop='image_url'/>
Ganti menjadi:
<b:if cond='data:post.firstImageUrl'>

<div expr:content='data:post.firstImageUrl' itemprop='image' itemscope='itemscope' itemtype='https://schema.org/ImageObject'>

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

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

    <meta content='300' itemprop='height'/>

    </div>

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

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

    <meta itemprop="url" content='http://AlamatBlogAnda'/>

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

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

    </div>

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

    </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='300' itemprop='height'/>

</div>

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

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

    <meta itemprop="url" content='http://AlamatBlogAnda'/>

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

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

</div>

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

    </div>

</b:if>
 
Silahkan sesuaikan kode "http://AlamatBlogAnda" dengan alamat blog masing-masing.

Memperbaiki Kesalahan Data Terstruktur: headline

Cari kode seperti di bawah ini:
<h1 class='post-title entry-title' itemprop='name'>

Tambahkan kode headline, hal ini bertujuan untuk menandai bahwa ini merupakan judul tulisan.
Selengkapnya, silahkan salin kode di bawah ini:
<span itemprop='headline'><h1 class='post-title entry-title' itemprop='name'>
     <b:if cond='data:post.link or (data:post.url and data:blog.url != data:post.url)'>
        <a expr:href='data:post.link ? data:post.link : data:post.url'><data:post.title/></a>
      <b:else/>
       <data:post.title/>
      </b:if>
</h3></span>

Kode yang di bold merupakan kode tambahan. Silahkan sesuaikan h1 sesuai dengan heading judul tulisan blog anda masing-masing, bisa h1, h2 dan lainnya sesuai dengan template yang digunakan.

Memperbaiki Kesalahan Data Terstruktur: dateModified

Cari baris kode seperti di bawah ini (masih dalam area includable post):
<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>

Lengkapi dengan span dateModified, seperti di bawah ini:
Selengkapnya, silahkan salin kode di bawah ini:
<span itemprop='dateModified'><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></span>

Memperbaiki Kesalahan Data Terstruktur: mainEntityOfPage

Cari baris kode seperti di bawah ini (masih dalam area includable post):
<div class='post hentry uncustomized-post-template' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>

Tambahkan kode berikut ini, tepat sebelumnya (di atasnya), sehingga menjadi:
<div itemscope='itemscope' itemprop="mainEntityOfPage" itemType="https://schema.org/WebPage"/>
<div class='post hentry uncustomized-post-template' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>

Sekarang coba lakukan pengujian kembali menggunakan alat pengujian data terstruktur milik Google, seharusnya tidak ada lagi kesalahan data terstruktur seperti gambar berikut ini.

Next Post Previous Post