Mengatasi Error Image, Publisher, DateModified, MainEntityOfPage Di Struktur Data Blog

Mengatasi Error Image, Publisher, DateModified, MainEntityOfPage Di Struktur Data Blog

Bola Hero Gawai

Mengatasi Error Image, Publisher, DateModified, MainEntityOfPage Di Struktur Data Blog

Mengatasi Error Image, Publisher, DateModified, MainEntityOfPage Di Struktur Data Blog
Sepertinya Google memperbaiki Struktur Data Testing Tool untuk lebih detail memeriksa struktur data sebuah web atau blog. Ini terlihat ketika saya cek blog Kompi Ajaib yang sebelumnya tidak memiliki error namun kemarin tiba-tiba terdapat error yang cukup banyak di bagian BlogPosting. Error tersebut berasal dari image, Publisher, dateModified, dan MainEntityOfPage sedangkan yang lainnya baik-baik saja. Ini menandakan ada element yang kurang atau salah meletakannya.

Bagi saya yang awam, tentunya hal ini bikin pusing kepala karena sepertinya belum ada panduan yang tepat cara menggunakan struktur data yang benar di blog. Tentu saja sangat bingung ketika diarahkan ke halaman schema.org tanpa ada contoh cara melatakan kode-kodenya. Namun Google memberikan sedikit gambaran untuk mengatasinya. Dari hasil coba-coba, akhirnya berhasil juga menghilangkan error-error di struktur data.

Nah jika kebetulan Anda mengalami hal yang sama, bisa dicoba hasil eksperimen saya di bawah ini.

1. Menghilangkan Error Image
Silahkan copy kode di bawah ini


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

Silahkan simpan di bawah kode


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

2. Menghilangkan Error Publisher
Silahkan copy kode di bawah ini dan simpan di bawah kode langkah pertama


  <div itemprop="publisher" itemscope='itemscope' itemtype="https://schema.org/Organization">
    <div itemprop="logo" itemscope='itemscope' itemtype="https://schema.org/ImageObject">
      <meta itemprop="url" content="URL LOGO BLOG"/>
      <meta itemprop="width" content="600"/>
      <meta itemprop="height" content="600"/>
    </div>
    <meta itemprop="name" expr:content="data:blog.title"/>
  </div>

Silahkan ganti URL LOGO BLOG dengan URL logo blog Anda.

3. Mengatasi Error dateModified
Silahkan cari kode yang menampilkan tanggal publikasi postingan, biasanya seperti ini


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

Kemudian tambahkan kode <span itemprop='dateModified'> sehingga menjadi seperti di bawah ini.


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

4. Mengatasi Error MainEntityOfPage
Silahkan copy kode di bawah ini


<div itemscope='itemscope' itemprop="mainEntityOfPage" itemType="https://schema.org/WebPage"/>

Silahkan simpan di bawah kode


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

Kira-kira seperti itu kode-kode yang saya gunakan untuk mengatasi Error Image, Publisher, DateModified, MainEntityOfPage Di Struktur Data Blog yang baru-baru ini dialami oleh blog-blog saya.

Share this:

Share this with short URL: Get Short URL loading short url

You Might Also Like:

Disqus
Blogger
Pilih Sistem Komentar Yang Disukai

1 Comment

yang ini di mana posisinya gan

Balas
Add Comment

Komentar dengan link promo akan masuk spam.

Gunakan konversi tool jika ingin menyertakan kode atau gambar.


image
How to style text in Disqus comments Top Disqus Commentators
  • To write a bold letter please use <strong></strong> or <b></b>.
  • To write a italic letter please use <em></em> or <i></i>.
  • To write a underline letter please use <u></u>.
  • To write a strikethrought letter please use <strike></strike>.
  • To write HTML code, please use <code></code> or <pre></pre> or <pre><code></code></pre>.
    And use parse tool below to easy get the style.
Show Parser Box

How to get ID DISQUS - http://disq.us/p/[ID DISQUS] - lihat di sini

strong em u strike
pre code pre code spoiler
embed

Like Kompi Ajaib? Keep us running by whitelisting Kompi Ajaib in your ad blocker.

This is how to whitelisting Kompi Ajaib in your ad blocker.

Thank you!

×
×
×