thumbnail
Blogging tutorial

Cara Mengatasi All Error Structured Data di Webmaster tools Google

Cara Mengatasi All Error Structured Data di Webmaster tools Google

Cara Mengatasi All Error Structured Data di Webmaster tools Google

Cara Mengatasi All Error Structured Data di Webmaster tools Google. Postingan ini merupakan kelanjutan dari artikel Memasang Schema di Blogspot untuk memudahkan mesin google crawl lebih mengenali struktur blog kita, sehingga blog menjadi SEO Friendly dan mengena terhadap semua kata kunci yang kita bidik.
Sebelum melanjutkan tentunya sobat tahu apa fungsi atau manfaatnya memasang schema serta memperbaiki struktur blog kita. Seringkali pada saat masuk ke webmaster tool google kita disuguhkan tampilan dasbor yang berisikan informasi tentang keadaan blog sobat terhadap google. Dan disana terdapat informasi tentang "Kesalahan Perayapan". Disinilah fokus kita kali ini.

Terkadang pada dibawahnya terdapat keterangan kesalahan situs yang perlu diperbaiki. Jumlahnya tergantung pada jumlah kesalahan crawl pada blog sobat. Apakah perlu untuk diperbaiki? Terdapat beberapa perbedaan dari para ahli webmaster, ada yang mengatakan perlu ada juga yang tidak.

Namun bagi saya, jika kita ikut orang (bekerja pada orang) dalam hal ini adalah google selaku juragan kita, heehehehe.. alangkah baiknya jika kita menurut. Toh tidak ada salahnya, kan? 😊 Lalu bagaimana cara memperbaikinya? Silakan ikuti tutorial Cara Mengatasi All Error Structured Data di Webmaster tools Google berikut.

Oh iya hampir lupa, untuk detail kesalahan silakan kunjungi Alat Pengujian Data Tersturktur lalu masukkan alamat blog sobat (saran : alamat postingan) lalu klik "Jalankan Pengujian"

Cara Mengatasi All Error Structured Data di Webmaster tools Google

Terdapat beberapa error yang biasa ditemui, diantaranya missing author, missing publisher, missing image, missing datePublished, missing dateModified dan lain sebagainya. Untuk itu akan saya coba uraikan satu persatu agar mudah untuk dipelajari dan dipraktekkan di blog sobat, karena bagi pemula mungkin ini agak susah, sehingga diperlukan ketelitian.

Setiap error penempatan kode dibawah berbeda-beda, jadi diharapkan ketelitian sobat masing-masing.

Missing headline field is required

Buka Edit HTML, lalu silakan cari
<h1 class='post-title entry-title'>
dan
<h2 class='post-title entry-title'>
Atau lebih mudahnya dengan menekan Cntrl+F (pastikan kursor berada di dalam area edit HTML. Lalu tambahkan property itemprop="headline" dibelakangnya.
Hasil akhirnya seperti dibawah ini
<h1 class='post-title entry-title' itemprop="headline">
dan
<h2 class='post-title entry-title' itemprop="headline">
Tag tersebut diatas bisa juga digunakan pada seluruh elemen heading yang terdapat pada blog. Seperti misal pada elemen header. Tapi hal tersebut akan berguna jika sobat juga memasang schema pada header pula.

Missing MainEntityOfPage is required

Silakan cari class='post-hentry , biasanya class tersebut diikuti tag lainnya tergantung template sobat seperti contoh <article class='post hentry' itemprop='blogPost' itemscope='itemscope' itemtype='https://schema.org/BlogPosting'> atau bisa yang lain juga, terserah yang penting ada class='post-hentry 😁. Kemudian taruh kode berikut dibawahnya.
<div itemscope='itemscope' itemprop="mainEntityOfPage" itemType="https://schema.org/WebPage"/>

Missing image

Taruh kode berikut dibawah class='post-hentry
<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>
Terkadang ketika kita memasang kode diatas masih saja terjadi error, untuk itu hapus saja tag-meta image dibawah kode class='post-body

Missing "Publisher"

Taruh kode ini dibawah class='post-hentry
<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>
*URL LOGO BLOG bisa diisi dengan link logo sobat, atau jika tidak mau repot pakai favicon blog sobat dengan mengisikan url https://nama-blog.blogspot.com/favicon.ico. Ganti nama blog dengan blog sobat.

Missing dateUpdated dan missing dateModified

Biasanya pada blogspot terdapat meta otomatis untuk tanggal, yang tersemat di post-header. Silakan ganti dengan kode berikut.
<a class='updated' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished dateModified'> <data:post.timestamp/></abbr></a>

Tambahan!
Biasanya kode dibawah jarang terjadi error namun sebagai cadangan akan saya sertakan pula.

Missing Required Field hCard author

<span class="post-author vcard">
  <b:if cond="data:top.showAuthor">
   <data:top .authorlabel="">
   <b:if cond="data:post.authorProfileUrl">
     <span class="fn" itemprop="author" itemscope="itemscope" itemtype="https://schema.org/Person">
      <a class="g-profile" expr:href="data:post.authorProfileUrl" href="https://draft.blogger.com/null" rel="author" title="author profile">
        <span itemprop="name"><data:post .author=""></data:post></span>
      </a>
     </span>
     <b:else>
     <span class="fn" itemprop="author" itemscope="itemscope" itemtype="https://schema.org/Person">
        <span itemprop="name"><data:post .author=""></data:post></span>
     </span>
     </b:else>
   </b:if>
     </data:top>
  </b:if>
</span>

Demikian tutorial Cara Mengatasi All Error Structured Data di Webmaster tools Google semoga bermanfaat. Terima kasih telah membaca artikel Agung Jaka Nugraha. Wassalam.

Cara Mengatasi All Error Structured Data di Webmaster tools Google