Thursday, 14 July 2016

Cara Mengatasi Error Structured Data Baru Untuk Blog

Advertisement

Beberapa lalu, ada sebuah komentar dari sobat yg mengalami error data structure di blognya, setelah saya pandu ternyata error malah bertambah atau muncul permasalahan yg lain. kemudian saya coba untuk cek blog saya ini. dan ternyata hasilnya sama. rupanya ada perubahan baru 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.

perlu diperhatikan, cara ini digunakan pada blog dan bukan website karena berbeda kode serta template. untuk mobile blog (khusus blog seluler) caranya sama, namun letaknya ada pada kode <b:includable id='mobile-post' var='post'>...</b:includable> dan pastikan setting template mobile blog kita adalah custom dan bukan default agar bekerja dengan baik. sekarang kita lanjut ke blog desktop dan dibawah ini adalah contoh gambar serta bukti bahwa blog saya sudah diperbaiki struktur datanya.

Cara mengatasi Error Struktur Data saat di uji untuk Blog
Bukti Bahwa Error Data Structured Blog Saya Telah Berhasil Diperbaiki


sebelum kita mulai. kita buka menu template pada blogger, kemudian pilih menu edit html. setelah itu, cari kode <b:includable id='post' var='post'>...</b:includable>, kemudian buka semat kode tersebut. sekarang mari kita mulai cara memperbaiki error tersebut. berikut ini adalah penjelasan serta solusi beberapa masalah yg saya temukan saat diuji di structured data google (dalam bahasa indonesia).

Update : cara ini juga telah menyelesaikan error data struktur yg ada di webmaster, dan ini hasilnya.

Error Data Struktur Webmaster telah diperbaiki
Error Data Structure Webmaster telah Diperbaiki


1. Error image dan error publisher (value for image required) atau nilai untuk bidang image dan publisher diwajibkan.
untuk mengatasi masalah yg satu ini, kita cari kode 

<b:if cond='data:post.firstImageUrl'>

kemudian di bawahnya kita akan menemukan kode ini.

<meta expr:content='data:post.firstImageUrl' itemprop='image'/> (penyebab error)

kita ubah kode tersebut dimulai dari <b:if cond='data:post.firstImageUrl'> seperti ini.

<b:if cond='data:post.firstImageUrl'>
<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 kamu'/>
      <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 kamu'/>
      <meta itemprop="width" content="600"/>
      <meta itemprop="height" content="300"/>
    </div>
    <meta itemprop="name" expr:content="data:blog.title"/>
  </div>
</b:if>

Penjelasan :
kode tulisan yg telah saya tebalkan (bold) memberitahukan seperti ini. jika URL gambar blog utama ada, maka tampilkan data:post.firstImageURL, selain itu, jika tidak ada, tampilkan gambar author. kemudian tampilkan nama blog serta gambar logo untuk informasi publisher. kode meta digunakan agar gambar tidak tampil dan hanya dibaca oleh struktur data. jadi tidak akan tampil secara nyata di blog kita. hasilnya sudah saya test sendiri. jika kamu punya gambar utama header blog (belum saya test pada gambar posting), maka kamu bisa ubah kode data:post.authorProfileURL menjadi data:post.firstImageUrl serta menghapus kode yg dimulai dari <b:else/> sampai </div>. masalahnya jika kita tidak punya gambar utama blog atau dari post. kemungkinan error masih ada. jadi biarkan saja kode yg telah saya tulis untuk menghindari gambar yg tidak ada. dan akhirnya, error image dan publisher telah hilang. bagaimana? silahkan coba sendiri. hasilnya sudah saya nikmati. hehehe. selanjutnya.

2. Error headline, nilai untuk bidang headline diwajibkan.
untuk error yg satu ini bisa dibilang mudah. kita hanya kehilangan headline sebagai penanda bahwa ini adalah lokasi judul tulisan kita. jadi untuk mengatasinya, cari kode ini (masih di dalam includable post. dan di sekitar image td).

<h3 class='post-title entry-title' itemprop='name'> (dibawahnya adalah kode judul tulisan kita).

Untuk mengatasinya, kita tuliskan kode <span itemprop='headline'> sebelum kode h3. lalu kemudian kode </span> setelah tag </h3>. lihat contoh dibawah 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>

untuk template yg bukan standar blogger. silahkan cari letak judul tulisan kita.

3. Error date published, tidak dapat memahami nilai sebagai tanggal atau waktu.
untuk mengatasi permasalahan ini memiliki 2 cara, namun disini saya hanya akan menunjukkan 1 cara saja dan sangat mudah yaitu, buka menu setting atau setelan blogger, kemudian lihat bagian format timestamp, lalu pilih yg ada tanggal serta waktu. dan uji kembali di struktur data. jika error hilang, maka kamu sudah berhasil. sedangkan jika tidak, pastikan kode yg ada timestamp memiliki kode itemprop='datepublished'. contoh format timestamp 28/04/1990 01:28:33 AM

4. Error date modified, bidang datemodified disarankan, silahkan beri nilai jika tersedia.
Sebenarnya cara ini termasuk cara ke 2 dari error datePublished. tapi hal ini tidak akan berlaku jika ada kode datemodified berbeda. karena blog saya sendiri tidak menampilkan waktu tulisan telah di ubah. maka untuk mengatasi error ini, cari kode dibawah ini. (masih dalam includable post). dan pastikan format timestamp telah pas seperti penjelasan nomor 3.

<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 kode yg telah saya buat ini sebelum kode a class. contohnya seperti ini.

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

5. Error main entity of page. bidang ini disarankan, berikan nilai jika tersedia.
Saya rasa ini adalah error yg terakhir. dan akan saya jelaskan, main entity of page adalah sebuah halaman utama yg paling penting. sangat pas digunakan jika ada URL halaman yg paling penting, karena saya sendiri juga blm tahu mana halaman yg paling penting di blog saya, maka saya tempatkan kode tersebut di Url judul tulisan saya. silahkan jika kamu ingin menempatkannya di baris yg lain. dan pastikan tag ditutup dengan benar. untuk contoh, silahkan lihat kode dibawah ini, pertama cari kode ini di tempat biasa (includable post).

<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 nomor 1. kemudian di bawahnya, tuliskan kode ini.

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

Setelah itu, silahkan uji kembali. maka semua error telah beres. namun perlu diperhatikan. saya masih meneliti apakah error tersebut akan hilang di google webmaster, atau juga ikut terselesaikan. jadi saya menunggu hasilnya untuk beberapa minggu atau bulan. tapi jika memang masih bermasalah pada google webmaster dan jika tidak ada kesibukan. saya akan tuliskan lagi cara mengatasi error structured data pada google webmaster. untuk saat ini. semoga tulisan saya membantu kamu yg mengalami error data structure seperti saya. dan sampai bertemu lagi di tulisan saya yg lain. salam dari admin blog ini uyasur.
Recent Posts

    2 comments:

    1. terimakasih pak uya sur, semua kesalahan pada alat penguji saya terselasaikan semua. saya tambah link uya sur di blog saya ya

      ReplyDelete
      Replies
      1. wah pak maulana, saya sangat berterima kasih kepada pak maulana telah mengikutkan blog saya ke dalam blog bapak. maaf saya tidak bisa membalas kebaikan bapak. dan komentar bapak juga membantu blog bapak untuk masuk dalam blog saya. saya juga berharap error yg bapak miliki telah hilang dan tidak kembali lagi. sekali lagi terima kasih pak ^_^

        Delete

    Masukkan Komentar anda disini. mohon maaf, Link Aktif yang ada di dalam komentar akan terhapus secara otomatis oleh system blog ini.
    komentar akan di tampilkan setelah disetujui oleh admin. terima kasih