Begini Cara Lengkap Memperbaiki Struktur Data Template yang Error

JagoBlog.com – Beberapa hari yang lalu Jago Blog telah merubah template agar tampilan blog terlihat lebih simple namun navigasi yang tetap jelas. Namun ternyata tampilan simple tak sesimpel struktur datanya, ketika Jago Blog mengecek dengan tools https://search.google.com/structured-data/testing-tool ternyata mendapatkan 30 Error.

Struktured data by schema org on template is error

Wow.. Jika error hanya sedikit mungkin tidak bermasalah namun jika struktur data error sudah terlalu banyak pasti ada efeknya.

Menurut Jago Blog akibat buruk dari struktur data error yang terlalu banyak yaitu :

Image : berpengaruh pada hasil pencarian gambar menuju blog.
DatePublished & dateModifed : berpengaruh pada pengidexan google berdasarkan waktu penerbitan.
Dan efek lainnya.

Yang intinya berpengaruh buruk untuk pengindexan dan pencarian melalui mesin pencari, baik itu google yandex bing yahoo. Efeknya visitor blog sobat bisa jadi turun drastis karna algoritma SERP yang susah dicerna dari blog sobat.

Nah jika sudah seperti itu maka ada baiknya sobat untuk memperbaikinya segera. Berikut Jago Blog uraikan secara lengkap. Namun sobat harus perhatikan dengan benar, karna setiap template pasti memiliki struktur data yang berbeda beda, tergantung pada si pembuatnya.

Memperbaiki error Image pada homepage

Cari kode berikut dengan Ctrl+F, Kemudian hapus salah satu (Biasanya ada 3 atau kurang)

itemprop='image'

Memperbaiki error MainEntityOfPage

Pertama cari kode berikut, dengan mengetikan kata kunci BlogPosting di kotak pencarian (Ctrl+F).

<article class='post hentry' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>

Lalu tambahkan kode berikut dibawahnya

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

Memperbaiki error Publisher pada halaman posting

Copy Paste kode berikut dibawah mainEntityOfPage tadi

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

Memperbaiki Image pada halaman posting dan hompage

Lalu paste-kan juga kode berikut dibawah kode publisher untuk memperbaiki image

    <span itemprop='logo' itemscope='itemscope' itemtype='https://schema.org/ImageObject'>
      <meta content='http://www.namablog.com/' itemprop='url'/>
        <meta content='150' itemprop='width'/>
        <meta content='150' itemprop='height'/>
    </span>
</span>

<b:if cond='data:post.firstImageUrl'>
<div itemprop='image' itemscope='itemscope' itemtype='https://schema.org/ImageObject'>
<meta expr:content='data:post.firstImageUrl' itemprop='url'/>
<meta content='300' itemprop='width'/>
<meta content='300' itemprop='height'/>
</div>
</b:if>

Note : angka 150 bisa sobat ubah sesuai ukuran thumnail blog dan namablog ganti dengan alamat icon blog sobat.

Memperbaiki name pada halaman posting

Kemudian copy paste kode berikut dibawah kode image tadi untuk memperbaiki name, Jika masih error maka biarkan saja, karna masih ada kode berikutnya.

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

Memperbaiki error author dan name pada homepage dan halaman posting

Hapus dan ganti kode author yang lama dengan kode baru berikut :

<span class='author' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'><a expr:href='data:post.authorProfileUrl' itemprop='url' rel='publisher' title='author profile'>

<span class='post-author vcard'><span class='fn' itemprop='name'><data:post.author/></span>

</span></a></span>

Memperbaiki error dateModifed dan dan datePublished

Cari kode timestamp, temukan kode datePublished, hapus kemudian ganti dengan kode berikut :

<span class='post-timestamp'> <span itemprop='dateModified'><a class='updated' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='updated' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.dateHeader/></abbr></a></span>

Setelah itu setting setelan waktu menjadi seperti gambar berikut :

Settingan bahasa dan pemformatan yang benar

Format Header tanggal : menggunakan tanda - contoh 1-1-2001
Timestamp : Menggunakan AM/PM
Fomat Stempel Waktu Komenter : Minggu Juni 26, 2016

Untuk mengetahui hasil silahkan cek kembali dengan menggunakan tools yang sudah Jago Blog berikan diawal postingan.

Jika masih mengalami error cobalah untuk teliti lagi sampai error struktur data blog sobat tidak memiliki error seperti gambar berikut :

Berhasil

Nah sekian semoga bisa bermanfaat untuk sobat yang memiliki kendala serupa, jika sobat masih menemukan permasalahan seputar hal diatas jangan ragu bertanya di Jago Blog.