Cari di Blog Ini

Sabtu, 04 Agustus 2018, Handy Eko Cahyono

Fix Error Data Terstruktur Template Klasik Blogger

Memperbaiki Srtuktur Data Error Blogger Template Klasik

Memperbaiki Struktur Data Error Blogger

  • Template blog ini menggunakan tema Klasik Blogger setelah Data Terstrukturnya diperbaiki.
  • Jenis data terstruktur yang error adalah Schema.org : Blogposting.


Data Terstruktur

Data terstruktur - BlogPosting

Data terstruktur - BlogPosting

Kesalahan yang biasa ditemukan :
  1. image_url
  2. blogid
  3. postid
  4. datePublished
  5. Headline
  6. image
  7. Publisher
Peringatan yang ditemukan :
  • dateModified
  • Headline
  • image
  • MainEntityOfPage

Cara Memperbaiki Struktur Data Error Blogposting

  • Sebelumnya harus diperhatikan bahwa dalam template terdapat 2 type halaman yaitu Page type ini bagian untuk Halaman dan post yang berarti untuk Postingan. Masing-masing type terdapat struktur datanya sendiri sehingga dalam template akan ditemukan 2 kode yang sama seperti ini :

<div class='post hentry uncustomized-post-template' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>

  • Untuk menemukan posisinya, klik dalam HTML lalu tekan Crtl+F, ketikkan blogposting dalam kolom pencarian dan tekan enter, perhatikan nomor barisnya kemudian tekan enter sekali lagi, perhatikan lagi nomor barisnya disitulah letak awal kedua kodenya.
  • Jika ingin memperbaiki keduanya, tinggal mengulang saja langkah-langkah dibawah ini.
  • Tapi jika ingin memperbaiki bagian Postingan saja, pastikan letak kode yang diperbaiki berada dibawah kode <date.header> karena Halaman tidak menggunakan kode tersebut.


Perbaikan image_url

Kode asli :
<meta content='data:post.thumbnailUrl' itemprop='image_url'/>
Perbaikan kode :
Hapus teks content yang berwarna kuning diatas dan ganti dengan src.
Seperti ini :
<meta src='data:post.thumbnailUrl' itemprop='image_url'/>


Perbaikan blogid

Kode asli :
<meta content='data:blog.blogId' itemprop='blogId'/>
Cara memperbaiki :
Hapus teks content yang berwarna kuning diatas dan ganti dengan value.
Seperti ini :
<meta value='data:blog.blogId' itemprop='blogId'/>


Perbaikan postid

Kode asli :
<meta content='data:post.id' itemprop='postId'/>
Cara memperbaiki:
Masih dengan cara yang sama yaitu, hapus teks content yang berwarna kuning diatas dan ganti dengan value. seperti ini :
<meta value='data:post.id' itemprop='postId'/>


Perbaikan datePublished & penambahan dateModified

Kode asli :
<abbr class='published' itemprop='datePublished' title='data:timestamp'><data:post.timestamp/></abbr>
Cara memperbaiki:
Buka Pengaturan, sesuaikan Stempel Waktu ke format seperti ini :
YYYY-MM-DD, misal : 2018-01-30
atau lengkap dengan jam seperti ini : 2018-08-04,09:00+09:00
Sekaligus tambahkan teks dateModified dalam itemprop, bersebelahan dengan datePublished seperti dibawah ini :
<abbr class='published' itemprop='datePublished dateModified' title='data:timestamp'><data:post.timestamp/></abbr>
Supaya sekaligus menghilangkan peringatan penambahan dateModified pada saat ditest nanti.


Perbaikan Publisher

Copy kode ini :
<div style='display:none'>
<span itemprop='publisher' itemscope='itemscope' itemtype='http://schema.org/Organization'>
<meta content='Blogger' itemprop='name'/>
<link href='https://pasang-URL-Google+mu-disini.html' itemprop='url'/>
<div itemprop='logo' itemscope='' itemtype='http://schema.org/ImageObject'>
<img src='https://pasang-URL-logo-blogmu.jpg' itemprop='url'/></div>
</div>
Letakkan dibawah kode ini :
<meta value='data:post.id' itemprop='postId'/>


Menghilangkan Peringatan "headline" & "mainEntityOfPage"


Untuk menghilangkan peringatan "headline"
Cari kode ini :
<h3 class='post-title entry-title' itemprop='name'>
Kemudian ganti dengan name dengan headline


Untuk peringatan "image" dan "mainEntityOfPage"

Tambahkan kode dibawah ini :
<img itemprop='image' src='data:post.thumbnailUrl'/>
<a href='data:blogUrl' itemprop='mainEntityOfPage'/>
Letakkan tepat dibawah kode :
<div class='post hentry uncustomized-post-template' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>

Setelah selesai dan tersimpan, uji dengan Struktur Data Testing Tool
Buka https://template-klasik-blogger.blogspot.com/ untuk versi struktur data yang belum diperbaiki.

Tidak ada komentar:

Posting Komentar

Arsip Blog