DARI AWAM MENJADI PAHAM: Tutorial Cara Memperbaiki Error Struktural Data Blog di Pengujian Data Terstruktur Google Webmaster Tools

2016-11-29

Tutorial Cara Memperbaiki Error Struktural Data Blog di Pengujian Data Terstruktur Google Webmaster Tools

Assalamu Alaikum Wr.Wb.


Iseng-iseng nge-cek Struktur Data Blog saya di Webmaster Tools punya Google, ternyata ada beberapa kesalahan dan peringatan, berarti ada beberapa error yang terjadi, di mana hal ini akan mengurangi indeks perayapan google terhadap blog kita. Padahal beberapa bulan sebelumnya, kondisi struktur data blog sudah saya perbaiki, dan hasilnya OK 100% tanpa error dan warning. Usust punya usut ternyata banyak blogger mengalami hal yang sama, mungkin ada perubahan pada data structured google, mungkin karena web dan blog sekarang banyak yg menggunakan template atau kode HTML 5, maka hal ini memungkinkan adanya tambahan markup yg wajib pada data struktur blog kita. dan bisa saja saya salah. tapi untuk mengatasinya kita perlu ,merubah kode yg ada pada template kita agar tidak error lagi



Kita akan coba memperbaikinya, tapi perlu diingat, cara yang akan kami lakukan hanya berlaku untuk struktur data blog, tidak berlaku di web, karena beda kode dan template yang digunakan.


Sebelumnya, masuk ke Google Webmaster Tools di dashboard>setelan>prefensi penelusuran>google search console. Klik di Alat Pengujian Data Terstruktur, lakukan test dengan memasukkan url blog anda, dan liat apa error dan peringatan yang muncul disana.

Selanjutnya masuk ke template>edit html untuk menyelesaikan masalahnya. Inilah error yang biasanya terjadi di struktur data anda : 


Error image dan error publisher (value for image required)  atau nilai untuk bidang image dan publisher diwajibkan


Untuk memperbaiki, carilah kode ini dengan ctrl F :

<b:if cond='data:post.firstImageUrl'>
 <meta expr:content='data:post.firstImageUrl' itemprop='image'/>


Baris yang berwarna merah adalah penyebab error
Perbaiki dengan menggantinya dan menambah baris berikut :


<div expr:content='data:post.firstImageUrl' itemprop='image'  itemscope='itemscope' itemtype='https://schema.org/ImageObject'>

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

  <meta content='600' itemprop='width'/>

  <meta content='300' itemprop='height'/>

      </div>
        <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 blog anda'/>
      <meta itemprop="width" content="600"/>
      <meta itemprop="height" content="300"/>
    </div>
    <meta itemprop="name" expr:content="data:blog.title"/>


  </div>

      <b:else/>

<div expr:content='data:post.authorProfileUrl' itemprop='image' itemscope='itemscope' itemtype='https://schema.org/ImageObject'>

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

  <meta content='600' itemprop='width'/>

  <meta content='300' itemprop='height'/>

      </div>

        <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 blog anda'/>

      <meta itemprop="width" content="600"/>

      <meta itemprop="height" content="300"/>

    </div>

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

  </div>


</b:if>


Setelah diedit, save dan coba tes kembali apakah jumlah error dan warningnya sudah berkurang. Liat apakah error image dan publisher telah hilang, kalau ya berarti anda bisa melangkah ke error selanjutnya..


Error headline, nilai untuk bidang headline diwajibkan

Error yang ini berarti kehilangan headline sebagai penanda bahwa ini adalah lokasi judul tulisan kita. jadi untuk mengatasinya, cari kode ini, ada disekitar image tadi : 

 <h3 class='post-title entry-title' itemprop='name'>
     <b:if cond='data:post.link or (data:post.url and data:blog.url != data:post.url)'>
        <a expr:href='data:post.link ? data:post.link : data:post.url'><data:post.title/></a>
      <b:else/>
       <data:post.title/>
      </b:if>
        </h3>
Untuk membetulkan tinggal menambah <span itemprop='headline'> sebelum tag <h3 di awal, dan menambahkan <span> di bagian akhir sehingga menjadi seperti ini:
 <span itemprop='headline'><h3 class='post-title entry-title' itemprop='name'>
     <b:if cond='data:post.link or (data:post.url and data:blog.url != data:post.url)'>
        <a expr:href='data:post.link ? data:post.link : data:post.url'><data:post.title/></a>
      <b:else/>
       <data:post.title/>
      </b:if>
        </h3></span>
Uji kembali struktur data Anda apakah sudah beres...
Error date published, tidak dapat memahami nilai sebagai tanggal atau waktu

Ini berhubungan dengan masalah format timespam, coba ubah setting di setelan dashboard, di bahasa dan pemformatan, ubah setting waktu menjadi tenggal dan waktu, jangan tanggal saja tanpa waktu.
Uji kembali, kalau error hilang, anda berhasil,
sedangkan jika tidak, pastikan kode yg ada timestamp memiliki kode itemprop='datepublished'. Contoh  format  timestamp 18/03/2016 07:44:55 AM.
Error date modified, bidang datemodified disarankan, silahkan beri nilai jika tersedia
Masih berhubungan dengan permasalahan di atas, namun akan berbeda jika ada date modified, atau tanggal pembaruan posting. Untuk memperbaiki error ini, error data published di atas harus telah diselesaikan
Cari kode ini :

<a class='timestamp-link' 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>
Tambahkan <span itemprop='dateModified'> sebelum <a dan </span> di bagian akhir, sehingga menjadi :


<span itemprop='dateModified'> <a class='timestamp-link' 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>
Uji kembali.
Error main entity of page. bidang ini disarankan, berikan nilai jika tersedia
  Main entity of page adalah sebuah halaman utama yg paling penting, sangat pas digunakan jika ada URL halaman yg paling penting. Contoh di bawah hanya merujuk kepada url blog, bukan ke suatu link artikel lain. Cari dengan ctrl F kode ini :
<div class='post hentry uncustomized-post-template' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
Kode tersebut berada di atas baris image pada penjelasan error image dan publisher di atas,. kemudian di bawahnya, tuliskan kode ini. 
<div itemscope='itemscope' itemprop="mainEntityOfPage" itemType="https://schema.org/WebPage"/>

Uji kembali di webmasters tools, semoga berhasil dan selamat mencoba.
 

Tidak ada komentar:

Related Posts Plugin for WordPress, Blogger...