Cari di Blog Ini

Tampilkan postingan dengan label Mikroformat. Tampilkan semua postingan
Tampilkan postingan dengan label Mikroformat. Tampilkan semua postingan

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.

Label

Arsip Blog