Cara Ampuh Memperbaiki Error Pada Struktur Data Blogger (Lengkap)

Zona Internetku 1 Comment February 27, 2020

Cara Ampuh Memperbaiki Error Pada Struktur Data Blogger (Lengkap). Struktur data blog merupakan salah satu komponen blog yang amat penting, sebab struktur data ini dapat memudahkan mesin pencari untuk memahami dan melakukan crawl pada website atau blog kita.

Struktur Data ini biasa disebut dengan nama Schema Markup, untuk saat ini google telah merekomendasikan template blog yang sudah mendukung Schema Markup.

Cara Mengecek Struktur Data Schema Markup Blog

Struktur Data Blog Tanpa Eror Setelah Diperbaiki

Untuk mengetahui tentang struktur data yang ada di blog kalian, maka kalian bisa mengeceknya melalui https://search.google.com/structured-data/testing-tool disitu kalian juga bisa melihat bagian struktur data yang mengalami eror.

Kalian hanya perlu menuju ke situs https://search.google.com/structured-data/testing-tool lalu masukkan url halaman homepage dan artikel kalian, setelah itu klik tombol "Jalankan Test" untuk melihat hasil analisanya.

Cara Memperbaiki Error Struktur Data Blogger

Jika struktur data blog kalian menampilkan pesan error dan peringatan pada Google Struktur Data maka kalian harus memperbaikinya agar tidak berimbas pada mesin pencari.

1. Memperbaiki Struktur Data Pada BlogPosting Dan mainEntityOfPage
Properti BlogPosting merupakan sebuah properti utama untuk membungkus semua komponen struktur data yang penting, seperti Item property "mainEntityOfPage" yang bisa kita isi dengan sebuah url blog sebagai item id, Image Object, Author, Publisher dan masih banyak lagi.

Silahkan kalian cari kode yang terdapat atribut class='post hentry' biasanya kode seperti ini <div class='post hentry'> tergantung dari template yang kalian pakai.

kemudian kalian hapus tag <div class='post hentry'> tersebut dan ganti dengan kode berikut.

<div class='post hentry' expr:id='&quot;post-body-&quot; + data:post.id' itemscope='itemscope' itemtype='https://schema.org/BlogPosting'>
<meta expr:itemid='data:post.link ? data:post.link : data:post.url' itemType='https://schema.org/WebPage' itemprop='mainEntityOfPage' itemscope='itemscope'/>

2. Memperbaiki Struktur Data Pada datePublished Dan dateModified
Struktur data datePublished dan dateModified merupakan sebuah schema markup yang bertujuan untuk menandai waktu postingan itu diterbitkan dan dimodifikasi (diperbarui).

Jika struktur data tersebut error maka cari Kode berikut (kode yang sama dari saya pada nomor 1 tadi).

<div class='post hentry' expr:id='&quot;post-body-&quot; + data:post.id' itemscope='itemscope' itemtype='https://schema.org/BlogPosting'>

Lalu letakkan kode berikut ini berada dibawah kode tadi

<meta expr:content='data:post.timestampISO8601' itemprop='datePublished'/>
<meta expr:content='data:post.lastUpdatedISO8601' itemprop='dateModified'/>

3. Mengatasi Struktur Data Error Pada Image Object
Struktur Data Image Object ialah untuk mengidentifikasi gambar pada sebuah artikel blog kita, jika kode ini tidak ada maka akan menjadi error. Bagian ini struktur data yang paling susah untuk diperbaiki menurut saya, tapi untungnya saya sudah menemukan solusinya.

Silahkan kalian cari kode <meta expr:content='data:post.lastUpdatedISO8601' itemprop='dateModified'/> dan letakkan kode ini dibawah kode tersebut.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div itemprop='image' itemscope='itemscope' itemtype='https://schema.org/ImageObject' style='display:none;'>
<img expr:src='data:post.firstImageUrl'/>
<meta expr:content='data:post.firstImageUrl' itemprop='url'/>
</div>
<b:else/>
<div itemprop='image' itemscope='itemscope' itemtype='https://schema.org/ImageObject' style='display:none;'>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwtpOSJMMDo_cbOs43ADCThcNu3xMPaDhszsa5ILCfRlViTDA0fB9jCMTy9Qqwnw7VAztKcwq6ZV8eO1P0Mt00JV9Vbala2lPwAKXI2zaVRBo6w36kfTAZv6N-t9qUTRthtTF5gxjNV5c/s1600/V+Vuiral+Favicon+Color+psd.png'/>
<meta content='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwtpOSJMMDo_cbOs43ADCThcNu3xMPaDhszsa5ILCfRlViTDA0fB9jCMTy9Qqwnw7VAztKcwq6ZV8eO1P0Mt00JV9Vbala2lPwAKXI2zaVRBo6w36kfTAZv6N-t9qUTRthtTF5gxjNV5c/s1600/V+Vuiral+Favicon+Color+psd.png' itemprop='url'/>
</div>
</b:if>

Kalian juga bisa mengganti url gambar Image Object tersebut dengan url logo ataupun favicon blog kalian.

4. Memperbaiki Struktur Data Pada Author
Struktur data pada author ialah untuk mengenali siapa penulis atau pengarang blog tersebut. Biasanya kode pada template bawaan blogger error pada bagian ini sehingga perlu diganti.

Cari kode berikut

<b:if cond='data:post.authorProfileUrl'>
<a class='g-profile' expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
<data:post.author/>
</a> 
<b:else/>

Kemudian kalian ganti dengan kode dibawah ini

<b:if cond='data:post.authorProfileUrl'>
<span class='post-author vcard' itemtype='https://schema.org/Organization'>
<b:if cond='data:post.authorProfileUrl'>
<span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
<meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
<a class='g-profile' expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
<span itemprop='name'><data:post.author/></span>
</a>
</span>
<b:else/>
<span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
<span itemprop='name'><data:post.author/></span>
</span>
</b:if>
</span>
</b:if>

5. Mengatasi Struktur Data Pada Publisher
Jika publisher adalah seorang penulis alias content writer pada blog tersebut maka struktur data Publisher bertujuan untuk menandai pemilik hak paten seutuhnya tentang blog tersebut.

Cari kode atau tag memiliki property dan value itemtype='https://schema.org/BlogPosting' seperti kode berikut.

<div class='post hentry' expr:id='&quot;post-body-&quot; + data:post.id' itemscope='itemscope' itemtype='https://schema.org/BlogPosting'>

Setelah ketemu maka silahkan kalian tambahkan kode berikut ini dibawah kode tadi.

<div itemprop='publisher' itemscope='itemscope' itemtype='https://schema.org/Organization'>
<div itemprop='logo' itemscope='itemscope' itemtype='https://schema.org/ImageObject' style='display:none;'>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwtpOSJMMDo_cbOs43ADCThcNu3xMPaDhszsa5ILCfRlViTDA0fB9jCMTy9Qqwnw7VAztKcwq6ZV8eO1P0Mt00JV9Vbala2lPwAKXI2zaVRBo6w36kfTAZv6N-t9qUTRthtTF5gxjNV5c/s1600/V+Vuiral+Favicon+Color+psd.png'/>
<meta content='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwtpOSJMMDo_cbOs43ADCThcNu3xMPaDhszsa5ILCfRlViTDA0fB9jCMTy9Qqwnw7VAztKcwq6ZV8eO1P0Mt00JV9Vbala2lPwAKXI2zaVRBo6w36kfTAZv6N-t9qUTRthtTF5gxjNV5c/s1600/V+Vuiral+Favicon+Color+psd.png' itemprop='url'/>
<meta content='150px' itemprop='width'/>
<meta content='150px' itemprop='height'/>
</div>
<meta expr:content='data:blog.title' itemprop='name'/>
</div>

Silahkan kalian ganti url gambar tersebut dengan url logo blog kalian masing-masing.

6. Memperbaiki Struktur Data Name Dan Headline
Cari kode berikut ini, biasanya terdapat dua kode atau lebih yang mirip dengan ini.

<h1 class='post-title entry-title'>

Lalu ganti kode tersebut dengan kode berikut ini.

<h1 class='post-title entry-title' itemprop='name headline'>

Baca juga:

10 Cara Praktis Dan Efektif Untuk Mempercepat Loading Blog

2 Cara Memasang Lazy Load Gambar Di Blogger Untuk Meningkatkan Kecepatan Blog

Cara Membuat Halaman Partner Blog Yang Keren Dan Responsive

Itu tadi merupakan artikel yang membahas Cara Ampuh Memperbaiki Error Pada Struktur Data Blogger (Lengkap) yang dapat saya bagikan kepada kalian semua.

Jika kalian sudah mengikuti tutorial di atas maka jangan lupa untuk menyimpan perubahan template blog kalian dan mengeceknya di google data struktur untuk melihat hasil perbaikannya.

Promo Menarik