7 Cara Memperbaiki Struktur Data With Error di Blogger

Pelajari cara mengatasi / memperbaiki struktur data with error, missing author, hcard, headline, title-entry, image, datepublished dan datemodified di Blogger.

Cara memperbaiki struktur data with error ini pada umumnya hampir sama pada setiap template Blogger apapun.

Jika, Sobat mendapati struktur data error di search appearance pada Google webmaster tools, itu karena Kesalahan dari penempatan tag skema yang tidak tepat atau tidak adanya tag skema di HTML template yang kamu pakai.

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.

Mungkin, banyak diantara kalian yang sedang mengalami masalah tersebut, dan untungnya ada solusi penanganan yang dapat kita lakukan untuk memperbaikinya.

Namun, sebelum kita melangkah lebih jauh tentang bagaimana cara mengatasi struktur data with error itu, mari kita cari tahu terlebih dahulu apa yang dimaksud dengan Schema.org.

Apa itu Schema.org?

Schema.org adalah tag HTML pada sebuah halaman untuk menandai di webmaster tools, seperti Google, Bing, Yahoo dan Yandex Search Console.

Semua alat webmaster mengandalkan skema markup ini untuk meningkatkan tampilan hasil pencarian dan mempermudah orang untuk menemukan halaman web yang tepat.

7 Cara Memperbaiki Berbagai Kesalahan Struktur Data With Error

Baik pengguna platform Blogger maupun WordPress tentunya akan menghadapi masalah seperti ini, jika penembatan tidak tepat, atau bahkan tidak ada sama sekali.

So, berikut tutorial lengkap untuk mengatasi permasalahan missing error pada blog Sobat.

1. Cara Memperbaiki Kesalahan hCard

1. Buka template via HTML pada blog Anda.

2. Cari kode dibawah ini: (Saran: 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>

3. Kode HTML diatas mungkin akan terlihat berbeda tergantung template blogger masing-masing.

Dalam hal ini, Sobat hanya perlu mencari kode yang disorot dan gantilah 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>

2. Cara Memperbaiki Error pada Author

1. Untuk cara 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/>

2. Setelah itu, 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/>

3. Kadang Missing Author juga dapat terjadi karena kita tidak mencentang pada bagian diposkan oleh di setelan Blogger.

Buka beranda Blogger > Tata Letak > Edit Blog Post dan cetang pada bagian diposkan oleh (Perhatikan gambar).

3. Cara Memperbaiki Error pada Image

Selanjutnya, cara mengatasi error pada entri image, cari kode berikut:


<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 secara keseluruhan bisa Sobat lihat 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: Sobat dapat mengubah nilai ukuran gambar menyesuaikan dengan gambar yang digunakan pada halaman postingan.

4. Cara Memperbaiki Error pada datePublished dan dateModified

Kesalahan pada bidang datePublished dan dateModified ini terjadi karena search engine tidak mengerti saat kita memperbarui atau mempublikasikan artikel.

Hal ini menyebabkan missing error pada datePublished dan dateModified.

Pertama, pergi ke menu Blogger Anda > Buka Pengaturan > Bahasa dan Pemformatan > Edit pada bagian Format Timestamp (Lihat gambar).

Kedua, buka tema HTML Anda, kemudian cari kode berikut:


<time class='timestamp-link' expr:content='data:post.timestampISO8601'>
<data:post.timestamp/></time>

Lalu, ganti kode diatas menjadi seperti ini:


<time class='timestamp-link' expr:content='data:post.timestampISO8601' itemprop='datePublished dateModified'>
<data:post.timestamp/></time>

5. Cara Memperbaiki Error pada Entry-Title

Kesalahan ini dapat terjadi pada template blog yang dirancang tidak benar dan tidak dioptimalkan dengan baik.

Solusinya, Sobat 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'>

Informasi: Cari kode yang berhubungan dengan tag headline (H1, H2, H3). Lalu, ganti semua seperti contoh diatas.

6. Cara 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.

7. 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'>

Item dengan kesalahan seperti diatas dalam 24 jam atau beberapa hari ke depan akan diperbarui oleh webmaster, sehingga kesalahan-kesalahan struktur data tersebut tidak akan kita temukan lagi pada alat penguji.

Dengan struktur data yang bersih dari missing errors akan membantu Google mengindeks dan merayapi blog Anda dengan lebih baik.

Penutup

Itulah rangkaian 7 cara mengatasi berbagai kesalahan struktur data with error pada Blogger yang bisa kalian praktekan.

So, teruslah memeriksa kesehatan blog Anda di search console secara rutin.