Cara Mengatasi Error Structured Data Baru Untuk Blog


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.

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
  2. Makasih gan...telah dicoba berhasil di blog saya :)

    ReplyDelete
    Replies
    1. syukurlah bang. semoga kedepannya tidak ada perubahan lagi dan blog bg aris tidak mengalami masalah lagi. dan semoga harinya menyenangkan ^_^

      Delete
  3. saya kurang paham dengan penjelasan nomer 1, gagal terus sudah saya coba,

    ReplyDelete
    Replies
    1. sebelum ada tutup tag pada kode yg saya tuliskan diatas, maka tidak ada baris baru (enter) agar tidak salah. kalau ada baris baru pasti gagal terus saat di coba simpan mbak. dan kalau kita kopi paste, maka akan banyak baris baru. berikutnya cari kode tersebut di template blog kita mbak, kemudian lihat kode nya, jika ada list kode yg sama seperti yg diatas yg dimulai dari < b:if > sampai , maka itulah kode yg harus diperbaiki, kemudian ubah yg saya garis tebalkan tulisannya yg semula < meta expr:content > menjadi < div > lalu yg kedua adalah ur| blog mbak sendiri, kemudian setelah kode yg sudah saya pisahkan tambahkan kode < b:else > serta kode yg sama seperti yg diatasnya. saya juga sudah jelaskan arti dari kode tersebut. dan untuk hasilnya tidak langsung berubah di alat webmaster. kita juga bisa cek di alat structured google untuk melihat apakah masih ada error atau tidak. semoga mbak paham

      Delete
    2. oh ada yg lupa, maksudnya tutup tag yg ini > nah sebelum diakhiri itu misalnya < div expr:content='data:post.firstImageUrl' itemprop='image' itemscope='itemscope' itemtype='https://schema.org/ImageObject' >
      maka belum ada baris baru, dan perlu diperhatikan setelah b else, data yg saya garis tebalkan berbeda dengan kode yg pertama. semoga membantu. ^_^

      Delete
  4. sangat bermanfaat dan membantu sekali,, terima kasih,, visit my site www.umarweb.com

    ReplyDelete
    Replies
    1. sama2 pak. terima kasih juga sudah mampir ke tempat saya. ^_^

      Delete
  5. Trimakasih gan, sharingnya. sdh tk ikuti smua petunjukknya cm ada 1 yg g bisa yaitu Error date modified, mungkin ada solusi gan?

    ReplyDelete
    Replies
    1. jika cara diatas sudah dilakukan dan masih error. biasanya masalahnya ada di setting blogger kita pak. pastikan tanggal yg kita setting mengikuti aturan timestamp. letaknya ada di setelan, bahasa dan pemformatan, dan lihat di tulisan format timestamp. kemarin saya error disitu karena tidak lengkap dan formatnya salah. jadi contoh yg benar adalah sebagai berikut. 4/1/2017 04:20:29 pm atau Am.

      waktu itu saya hanya setel tanggal saja dan tidak menambahkan jam. akhirnya error pun terjadi. solusi kedua, pastikan di blog kita ada kode datemodified. bpk bisa lihat contohnya seperti tulisan saya ini, dibawah ada tanggal beserta nama penulisnya yaitu saya sendiri. kalau dibawah atau diatas tidak ada tanggal, berarti ada masalah di blog bapak hanibi walaupun kode ada di setelan tema. saran saya, cek juga tata letak dan pastikan setting di posting mencentang tanggal dan author penulis agar tampil di blog. semoga membantu ^_^

      Delete
  6. Matur nuwun pak...well done

    ReplyDelete
    Replies
    1. terima kasih pak imot. semoga blognya tambah sukses dan maju. ^_^

      Delete
  7. Maaf pak ini masih ada error mainEntityOfPage meski sudah saya coba cara yg Bapak berikan. Mohon bantuan solusinya. Maturnuwun

    ReplyDelete
    Replies
    1. apa bisa bapak berikan info yg lebih spesifik misalnya error apa yg terjadi pada mainEntityofPage. ada beberapa error yg biasa terjadi jadi saya perlu kelanjutan dari info errornya.

      nah, saya juga sudah berkunjung ke blog pak imot dan melakukan beberapa cek. untuk url utama. kode mainentityofpage. dan saya cek data structurenya tidak mengalami masalah. kemudian saya cek salah satu tulisan bpk imot. dan disitu saya menemukan error nilai bidang disarankan.

      ketika saya cek kodenya. saya tidak menemukan kode seperti yg diatas. memang pada dasarnya di blog ada 2 tipe yg mirip pada kode. yaitu untuk blog mobile dan biasa. kemungkinan bpk mengisi kodenya di dalam tag mobile-post. tapi mungkin saja saya salah. carilah tag post dan temukan kode berikut ini.

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

      setelah itu, dibawah kode tersebut, tuliskan kode ini.

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

      jangan ada baris baru sampai penutup tag dan hilangkan spasi yg saya buat untuk menghindari error. setelah itu, silahkan cek kembali di alat pengujian data terstruktur google. semoga membantu pak imot. ^_^

      Delete
    2. dan perlu saya ingatkan kembali, di dalam tag mobile-post dan post biasa memiliki kode yg sama seperti diatas tapi berbeda tempat. jadi kita bisa tuliskan di dalam kedua tag tersebut agar mainentityofpage juga ada saat browsing menggunakan handphone. semoga membantu dan dipahami ^_^

      Delete
  8. saya punya eror pada url. Nilai untuk bidang urldiwajibkan. itu setelah saya perbaiki mainEntityOfPage. apa berpengaruh besar ke blog saya? terima kasih. mohon pencerahannya. https://mitsubishixpander-indonesia.blogspot.com/

    ReplyDelete
    Replies
    1. sebenarnya tidak begitu berpengaruh besar pada blog kita. crawler akan tetap bisa mengindeks blog kita. hanya saja agak sedikit lambat. tapi jika sebelumnya sudah begitu. lebih baik biarkan seperti itu. karena jika kita mengubahnya. crawler akan bingung lagi. yang sebelumnya sudah paham. maka harus mengatur ulang pemahamannya terhadap blog kita. ibarat kata, data structure itu adalah petunjuk bagi crawler untuk mengindeks blog kita. misalnya ini untuk title. ini halaman, dan ini posting kita. kira-kira seperti itu mas mitsu.

      Delete
    2. untuk tipe blog terbaru sekarang seperti template yang sekarang saya gunakan. tidak ada data structurenya lagi. dan di webmaster juga belum ada menunjukkan error . tapi belum tahu untuk beberapa bulan lagi. jika blog mas mitsu sudah ada pengunjungnya. maka tidak perlu di ubah. cukup lanjutkan update. terlalu banyak perubahan hanya akan mengakibatkan crawler bingung dan pengunjung sebelumnya pun malah akan turun untuk sementara. bisa dikatakan pesan error di data structure itu hanya memberitahukan kepada kita. sekarang sudah muncul search console baru. dan saya rasa fitur data structure akan dihilangkan kedepannya

      Delete
  9. Replies
    1. silahkan mas goodbl09, oh dan jangan lupa cek kembali di data structured blog. saya rasa artikel ini sudah agak lama dan mungkin ada update baru. saya akan cek lagi nanti untuk blog saya dan akan saya tuliskan di artikel yg baru. sementara ini saya mau selesaikan website yg saya buat menggunakan kode php, html, css, dan javascript.

      Delete
  10. Ini itu ngaruh ke seo kah mas ??

    ReplyDelete
    Replies
    1. structure data digunakan agar indeks lebih cepat mas sehatinaja, dan juga crawler lebih memahami letak situs kita. misalnya dimana letak artikel, title blog dan sebagainya. lebih tidak ada daripada error, kalau tidak ada struktur data, web atau blog kita akan tetap di indeks kok. namun sedikit lambat. jadi inti utamanya adalah struktur data digunakan agar crawler atau robot pencari lebih mudah memahami isi dari situs kita mas sehatinaja. semoga dipahami ^_^

      Delete
    2. lebih tidak ada daripada error maksud saya, lebih baik struktur data itu tidak ada daripada error. karena kalau error. akan sedikit memperlambat crawler karena bingung letak sebenarnya dari konten kita.

      Delete
  11. trimakasih banyak hu..mantep artikelnya dan sudah saya praktekan berhasil,smga tambah sukses. mohon bantuan dan bimbinganya..

    ReplyDelete
    Replies
    1. Sama-sama mas jund, dan semoga blog nya juga tambah sukses dan maju. silahkan jika ada pertanyaannya. semampu saya membantu mas jund.

      Delete

Post a Comment

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