Rating

Tips Mengatasi Berbagai Kesalahan Struktur Data Error pada Blog Anda

cara mengatasi error pada struktur data blog

Jika, kamu mendapati struktur data with error di search appearance pada Google webmaster tools, itu karena Kesalahan semacam ini adalah hasil dari penempatan tag skema yang tidak tepat atau tidak adanya tag skema di HTML template kamu yang tidak ada.


Kesalahan Author, datemodified, publisher, update, image dan entri lainnya terletak pada markup skema.org. Item-item hatom dengan kesalahan seperti ini dapat kamu lihat pada Alat Penguji Data Terstruktur di Google webmaster.

alat penguji struktur data
Alat Penguji Struktur Data

Banyak diantara blogger yang sedang mengalami masalah error pada struktur data, dan untungnya ada solusi penanganan yang dapat dilakukan untuk memperbaikinya. Tetapi sebelum kita melangkah lebih jauh tentang cara mengatasi struktur data error tersebut. Kamu harus tahu dulu apa itu Schema.org?

Apa itu Schema.org?

Skema adalah tag HTML pada webmaster tools untuk menandai halaman mereka yang digunakan oleh Google, Bing, Yahoo dan Yandex. Semua alat webmaster mengandalkan markup schema ini untuk meningkatkan tampilan hasil pencarian dan mempermudah orang untuk menemukan halaman web yang tepat.

Baik pengguna Blogger atau WordPress akan menghadapi masalah seperti ini. Berikut tutorial lengkap untuk mengatasi permasalahan missing error pada blog Anda.
Baca Juga: 7 Metode untuk Memperbaiki Kesalahan Duplikat Tag Judul dan Meta Deskripsi di Search Console

Memperbaiki Kesalahan hCard

Buka template HTML blog Anda.

edit tema HTML di Blogger
Edit Tema HTML Blogger

Cari kode dibawah ini: (Selalu gunakan CTRL+F untuk memudahkan pencarian).
<span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<b:if cond='data:post.authorProfileUrl'>
<span class='fn'>
<a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
<data:post.author/> </a>
</span>
<b:else/>
<span class='fn'><data:post.author/>
</span>
</b:if>
</b:if>
</span>
Kode HTML di atas mungkin akan terlihat berbeda tergantung template blogger masing-masing. Dalam hal ini, kamu hanya perlu mencari kode yang disorot dan ganti menjadi kode seperti ini:
<span class='post-author vcard' itemscope='itemscope' itemtype='http://schema.org/Person'>
<b:if cond='data:top.showAuthor'>
<b:if cond='data:post.authorProfileUrl'>
<span class='fn author'>
<a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
<span itemprop='name'><data:post.author/></span>
</a>
</span>
<b:else/>
<span class='fn author'><span itemprop='name'><data:post.author/>
</span>
</span>
</b:if>
</b:if>
</span>

Memperbaiki Error pada Author

Untuk mengatasi missing author, silakan cari kode berikut ini pada template HTML Anda.
<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/>
Ganti menjadi kode seperti ini:
<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/>
Kadang Missing Author juga dapat terjadi karena kamu tidak mencentang pada bagian di poskan oleh.

Buka beranda Blogger >> Tata Letak >> Edit Blog Post (Cetang pada bagian diposkan oleh). Seperti pada gambar ini:
cara mengatasi pesan error missing author
Cara Mengatasi Pesan Error Missing Author

Memperbaiki Error pada Image

Untuk mengatasi error pada entri image, cari kode berikut ini:
<article class='post hentry' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
Setelah itu tambahkan kode ini tepat dibawahnya:
<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='350' itemprop='width'/> <meta content='200' itemprop='height'/> </div> </b:if>
Sehingga menjadi kode seperti ini:
<article class='post hentry' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'> <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='350' itemprop='width'/> <meta content='200' itemprop='height'/> </div> </b:if>
Catatan
Kamu dapat mengubah nilai ukuran gambar, sesuai dengan gambar yang di gunakan pada postingan Anda.

Memperbaiki Error pada datePublished dan dateModified

Kesalahan pada bidang datePublished dan dateModified ini terjadi karena search engine tidak mengerti saat kamu memperbarui atau mempublikasikan postingan Anda. Hal ini menyebabkan missing error pada datePublished dan dateModified.

Untuk mengatasinya, kamu dapat menggunakan cara yang pertama seperti ini, masuk Beranda Blogger Anda >> Buka Pengaturan >> Bahasa dan Pemformatan >> Edit pada bagian Format Timestamp seperti gambar dibawah ini.
cara mengatasi error datepublished
Cara Mengatasi Error pada datePublished

Untuk mengatasi kesalahan pada entri ini, Anda dapat melakukan langkah yang kedua. Buka Tema HTML Anda, kemudian cari kode berikut:
<time class='timestamp-link' expr:content='data:post.timestampISO8601'><data:post.timestamp/></time>
Kemudian ganti kode diatas menjadi seperti ini:
<time class='timestamp-link' expr:content='data:post.timestampISO8601' itemprop='datePublished dateModified'><data:post.timestamp/></time>

Memperbaiki Error pada Entry-Title

Kesalahan ini dapat terjadi pada template blog yang dirancang tidak benar dan tidak dioptimalkan dengan baik. Solusinya kamu hanya perlu mencari kode seperti ini:
<b:if cond='data:post.title'> <h1 class='post-title'>
Silahkan dirubah dengan kode berikut
<*b:if cond='data:post.title'> <h1 class='post-title entry-title'>
Catatan
Cari kode yang berhubungan dengan tag headline (H1, H2, H3). Ganti semua seperti contoh diatas dan hapus tanda bintang (*).

Memperbaiki Error pada Publisher

Letakkan kode ini, tepat dibawah semua kode <data:post.body/>
<div itemprop='publisher' itemscope='itemscope' itemtype='https://schema.org/Organization'> <div itemprop='logo' itemscope='itemscope' itemtype='https://schema.org/ImageObject'> <img style='display:none;' src='https://www.blogger.com/profile/16890328439096638860' alt='logoblog'/> <meta itemprop='url' content='https://www.blogger.com/profile/16890328439096638860' alt='logoblog'/> <meta itemprop='width' content='350'/> <meta itemprop='height' content='100'/> </div> <meta itemprop='name' expr:content='data:blog.title'/> </div>
Catatan
Ganti URL dengan URL logo Anda, dan sesuaikan nilai itemprop dengan ukuran logo blog Anda.

Memperbaiki Error pada Headline

Temukan semua kode H1, H2, dan H3 seperti dibawah ini:
<h1 class='post-title entry-title' itemprop='name'>
Kemudian ganti name menjadi headline, seperti ini:
<h1 class='post-title entry-title' itemprop='headline'>

Intinya

Item dengan kesalahan seperti diatas dalam 24 jam atau dalam beberapa hari ke depan akan diperbarui oleh webmaster, sehingga kesalahan-kesalahan struktur data tersebut tidak akan kamu temukan lagi pada search console. Dengan struktur data yang bersih dari missing errors akan membantu Google mengindeks dan merayapi blog Anda dengan lebih baik.

structured data
Structured Data

Semoga tutorial ini menjadi solusi dalam mengatasi error pada struktur data Anda.So, teruslah memeriksa kesehatan blog di search console secara rutin.

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel