Mengatasi Eror Dan Warning Data Struktur

Sebenarnya sudah banyak para bloggers yang terbitkan artikel serupa mengenai cara mengatasi kesalahan dan peringatan yang terdeteksi pada Alat Uji Coba Data Terstruktur.

Tetapi saya juga ingin berbagi pengalaman mengenai hal yang sama, yakni cara memperbaiki kesalahan dan peringatan khususnya pada blog saya yang menggunakan template Brosense V2 buatan Mas Sugeng.

Tapi cara yang saya bagikan ini tidak menutup kemungkinan dapat juga diterapkan pada blog yang menggunakan template lain. Dibawah ini sudah saya buatkan cara mengatasi eror ataupun warning yang sudah diterapkan pada blog Mas Valitio Blog.

Sebelum melakukan perbaikan, terlebih dahulu mengujinya dengan cara masukkan salah satu url postingan anda pada Alat uji coba data terstruktur lalu jalankan pengujian.

Dari hasil yang terdeteksi pada alat uji tadi (hasil yang diiuji akan dapatkan hasil beragam bisa 3 bahkan lebih eror yang ada), sekarang kita lakukan perbaikan terhadap kesalahan dan peringatan tersebut.

Kesalahan pada bagian datePublished
Keterangan : tidak dapat memahami nilai sebagai tanggal/waktu. Untuk mengatasi hal tersebut dengan cara mengubah dibagian format header tanggal.

Pertama anda masuk terlebih dahulu ke blogger, selanjutnya pilih Setelan setelah itu pilih Bahasa dan pemformatan. Pada bagian ini anda ubah format header tanggal menjadi 2017-03-17 dan simpan setelan.

Sebaiknya untuk setiap tahapan dalam memperbaiki eror data struktur pada blog anda dilakukan satu persatu. Tiap melakukan satu perubahan lakukan test kembali pada alat pengujian, dengan maksud untuk mengetahui sudah hilang atau belum eror/kesalahan dibagian yang sedang diperbaiki.

Untuk memperbaiki eror seperti kesalahan publisher, peringatan dateModified, mainEntityOfPage dan eror lainnya. Pertamakali anda harus masuk ke blogger dan pilih tema dan dilanjutkan dengan memilih edit html untuk mencari kemudian mengedit kode didalamnya.

Kesalahan dibagian publisher
Keterangan : Nilai untuk bidang publisher diwajibkan. Dan
Peringatan pada bagian mainEntityOfPage
Keterangan : Bidang mainEntityOfPage disarankan. Berikan nilai jika tersedia. Langkah untuk memperbaikinya ikuti tahapannya berikut ini.

Cari kode seperti ini :

<b:case value='item'/>
<!--Posting halaman item-->
<div itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>

Setelah kode diatas sudah ditemukan, lalu salin atau copy kode yang berada didalam textarea.

<div itemprop='publisher" itemscope='itemscope' itemtype='http://schema.org/Organization'>
<div itemprop='logo' itemscope='itemscope' itemtype='http://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>
<div itemprop='mainEntityOfPage' itemscope='itemscope' itemtype='http://schema.org/WebPage'>
</div>

<div itemprop='publisher" itemscope='itemscope' itemtype='http://schema.org/Organization'><br /> <div itemprop='logo' itemscope='itemscope' itemtype='http://schema.org/ImageObject'><br /> <meta itemprop='url' content='url logo blog'/><br /> <meta itemprop='width' content='600'/><br /> <meta itemprop='height' content='600'/><br /> </div><br /> <meta itemprop='name' expr:content='data:blog.title'/><br /> </div><br /> <div itemprop='mainEntityOfPage' itemscope='itemscope' itemtype='http://schema.org/WebPage'><br /> </div>

Dan pastekan kode tersebut dibagian bawah kode yang sudah anda temukan tadi. Lihat contoh penerapannya seperti ini:

<b:case value='item'/>
<!--Posting halaman item-->
<div itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
<div itemprop='publisher" itemscope='itemscope' itemtype='http://schema.org/Organization'>
<div itemprop='logo' itemscope='itemscope' itemtype='http://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>
<div itemprop='mainEntityOfPage' itemscope='itemscope' itemtype='http://schema.org/WebPage'>
</div>

Peringatan pada bagian dateModified
Keterangan : Bidang dateModified disarankan. Berikan nilai jika tersedia. Pada tahapan ini lebih banyak mencari beberapa baris kode untuk ditambahkan dateModified sebanyak 4 penambahan pada template Brosense V2.

Cari kode seperti ini :

<b:if cond='data:post.dateHeader'>
<span class='date-block'><abbr class='updated published' expr:title='data:post.timestampISO8601' itemprop='datePublished' style='text-decoration:none;border-bottom:none;'><data:post.dateHeader/></abbr></span><b:else/>

Setelah kode ditemukan, tambahkan dateModified dibagian itemprop setelah datePublished. Dan hasil penambahannya menjadi :

<b:if cond='data:post.dateHeader'>
<span class='date-block'><abbr class='updated published' expr:title='data:post.timestampISO8601' itemprop='datePublished dateModified' style='text-decoration:none;border-bottom:none;'><data:post.dateHeader/></abbr></span><b:else/>

Selanjutnya cari baris kode ini <b:if cond='data:top.ShowTimestamp'> yang berada dibawah baris kode tersebut dan lakukan penambahan dateModified seperti contoh diatas.

Sudah 2 penambahan, sekarang tersisa 2 penambahan lagi. Cari baris kode ini <b:if cond='data:post.dateHeader'> dan <b:if cond='data:top.ShowTimestamp'> yang berada dibaris <!--Posting halaman default (index, arsip dll)--> kemudian tambahkan dateModified dengan cara yang sama. (intinya penambahan dibagian itemprop).

Bagi pengguna hp java khususnya, untuk edit html tidak dapat dilakukan langsung diblogger tapi bagi yang penasaran untuk mencoba edit template blogger untuk Mengatasi Eror Dan Warning Data Struktur

Tweet