Cara Terbaru Memperbaiki Error Image Error Publisher Error Headline Error Date Published Error Date Modified Error Main Entity Of Page Pada Struktur Data Blog

Cara Terbaru Memperbaiki Error Image Error Publisher Error Headline Error Date Published Error Date Modified Error Main Entity Of Page Pada Struktur Data Blog

Hallo teman-teman pengunjung setia blog gudang-pengetahuanmu.blogspot.com dan teman-teman blogger semua !
Sesuai dengan judul artikel diatas "Cara Terbaru Memperbaiki Error Image Error Publisher Error Headline Error Date Published Error Date Modified Error Main Entity Of Page Pada Struktur Data Blog", maka kali ini kita akan bersama-sama mengulas cara-cara tersebut. Ceritanya berawal ketika saya hendak mengoptimalkan blog gudang-pengetahuanmu.blogspot.com agar bisa menjadi lebih SEO Friendly, salah satunya dengan memasang Breadcrumbs / Informasi Halaman Blog Yang Sedang Dikunjungi dan pemasangan breadcrumbs / fitur informasi halaman blog yang sedang dikunjungi itupun sukses. Bagi teman-teman blogger yang juga ingin melengkapi situs dan blognya dengan fitur breadcrumbs seperti yang tampak pada blog gudang-pengetahuanmu.blogspot.com ini, silahkan teman-teman baca dan pelajari tutorial lengkapnya pada artikel terdahulu yang pernah saya bagikan yaitu :

Baca Juga : Cara Memasang Breadcrumbs / Informasi Halaman Blog Yang Sedang Dikunjungi dan Terindex Mesin Pencari Google

Selanjutnya setelah berhasil menempatkan fitur breadcrumbs pada blog gudang-pengetahuanmu.blogspot.com saya pun iseng mencoba untuk menggunakan fitur Alat Pengujian Data Terstruktur yang ada pada menu Google Webmaster Tools dengan memasukan URL laman dan melakukan pengecekkan. Ternyata didapati beberapa error pada hasil pengecekkan dan saat itu juga saya terpanggil untuk memperbaiki error-error yang ada tersebut. Dengan bantuan dari mesin pencari google saya terus mencari cara untuk memperbaiki error struktur data yang terdapat pada blog gudang-pengetahuanmu.blogspot.com .

Tetapi tidak semudah yang saya bayangkan dengan begitu banyaknya tutorial yang saya dapatkan ternyata tidak sepenuhnya berhasil menyelesaikan error-error yang ada, hal tersebut mungkin dikarenakan terdapat perubahan baru pada data structured google atau juga mungkin karena web dan blog sekarang banyak yang menggunakan template atau kode HTML 5 sehingga banyak diantara tutorial-tutorial cara untuk memperbaiki error struktur data yang tersebar di hasil pencarian google banyak yang tidak bekerja sepenuhnya dalam artian hanya bisa menyelesaikan beberapa error struktur data saja. Oleh sebab itu pada kesempatan kali ini saya ingin berbagi tutorial "Cara Terbaru Memperbaiki Error Image Error Publisher Error Headline Error Date Published Error Date Modified Error Main Entity Of Page Pada Struktur Data Blog" yang telah berhasi memperbaiki error-error struktur data yang ada pada blog gudang-pengetahuanmu.blogspot.com ini.

Untuk Cara Terbaru Memperbaiki Error Image Error Publisher Error Headline Error Date Published Error Date Modified Error Main Entity Of Page Pada Struktur Data Blog tersebut, teman-teman perlu merubah kode yg ada pada template blog. Perlu teman-teman perhatikan, cara ini saya gunakan pada blog dan bukan website karena biasanya terdapat perbedaan kode serta template antara keduanya. 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 teman-teman 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 gudang-pengetahuanmu.blogspot.com sudah diperbaiki struktur datanya.

Sebelum kita mulai, silahkan teman-teman 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 untuk beberapa error struktur data yang saya temukan saat melakukan pengujian pada url laman blog gudang-pengetahuanmu.blogspot.com melalui Alat Pengujian Data Terstruktur yang ada pada menu Google Webmaster Tools.

* Untuk mempermudah pencarian kode html pada template blog, teman-teman dapat menggunakan fasilitas kotak pencarian bisa ditampilkan dengan langkah klik sembarang / letakkan kursor mouse pada kotak Edit Template yang telah dibukan kemudian tekan tombol kombinasi keyboard / shortcut CTRL+F dan pada kotak pencarian yang tampil silahkan teman-teman ketikkan kode html yang ingin dicari dan lakukan pencarian kode tersebut.


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

Untuk mengatasi masalah yg satu ini, teman-teman cari kode

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

Kemudian di bawahnya teman-teman akan menemukan kode ini

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

Teman-teman ubah kode yang menjadi penyebab error tersebut dengan kode berikut 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 teman-teman'/>
      <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 teman-teman'/>
      <meta itemprop="width" content="600"/>
      <meta itemprop="height" content="300"/>
    </div>
    <meta itemprop="name" expr:content="data:blog.title"/>
  </div>
</b:if>

Penjelasan :
Ganti tulisan 'Url blog teman-teman' dengan alamat blog teman-teman contohnya jika pada blog ini maka 'http://www.gudang-pengetahuanmu.blogspot.com'
Kode tulisan yang berwarna merah 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 teman-teman 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.


2. Error headline, nilai untuk bidang headline diwajibkan.

Untuk error yg satu ini bisa dibilang mudah. Teman-teman hanya kehilangan headline sebagai penanda bahwa ini adalah lokasi judul tulisan. Jadi untuk mengatasinya, cari kode ini (masih di dalam includable post. dan di sekitar image tadi).

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

Untuk mengatasinya, teman-teman tambahkan 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 teman-teman cari letak judul tulisannya.


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 yang 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 09/05/1994 01:01:01 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>

Lengkapi beberapa kode 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.

Main entity of page adalah sebuah halaman utama yg paling penting. SSangat pas digunakan jika ada URL halaman yg paling penting, karena saya sendiri juga belum tahu mana halaman yg paling penting di blog gudang-pengetahuanmu.blogspot.com, maka saya tempatkan kode tersebut di Url judul tulisan saya. Silahkan jika teman-teman 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, tambahkan kode ini.

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

Setelah itu, silahkan teman-teman gunakan kembali fitur Alat Pengujian Data Terstruktur yang ada pada menu Google Webmaster Tools dengan memasukan URL laman dan melakukan pengecekkan kembali. Maka saya rasa semua error struktur data yang telah dijelaskan diatas telah terselesaikan.

Sekian artikel blogging kali ini tentang "Cara Terbaru Memperbaiki Error Image Error Publisher Error Headline Error Date Published Error Date Modified Error Main Entity Of Page Pada Struktur Data Blog", semoga bermanfaat dan juga dapat membantu teman-teman blogger semua yang sedang mengalami error struktur data yang sama seperti error struktur data yang saya temukan diatas. Selamat mencoba dan semoga berhasil. Salam blogger untuk kita semua !

Tweet