Rich snippets testing : uji coba data terstruktur website

• Gunakan - Rich snippets testing tool untuk memeriksa apakah Google dapat mengurai markup data terstruktur dengan benar dan menampilkannya dalam hasil penelusuran.

Setelah sebelumnya saya membuat komentar dengan reply yang berbeda warna untuk admin  ternyata membuat hcard errors = Missing required field "name (fn)" terjadi pada blog saya.  Hasil analisa blog memunculkan 7 postingan di blog saya Error seperti di bawah ini :



Warning: Missing required field di Rich Snippets Testing Tool ini banyak didapati pada blog Blogger, tapi banyak blogger tidak ambil pusing. Padahal setiap error seharusnya diatasi karena akan mempengaruhi kredibilitas blog di hadapan si penentu posisi (Pagerank) pada mesin pencari, khususnya Google.

Jika pada Rich Snippets Testing Tool terdapat tulisan warning berwarna merah, Itu akan dibahas disini. Untuk mengatasi masalah Warning : Missing required field "updated" dan Warning: Missing required hCard "author" dilakukan dengan cara menambah meta data berikut pada file template blogger (HTML) :

Anda ingin langkah lebih detail atau Anda masih pemula sebagai Blogger, ikuti tahapan rinci di bawah ini :

Langkah 1

Masuk ke dashboard blogger  >> Desain >> Edit HTML.   Jangan lupa centang 'Expand Template Widget', untuk keselamatan, disarankan untuk "Download Full Template" dan SAVE  template ke hard disk Anda.

Langkah kedua

Cari kode di bawah ini :

• <data:post.body/>
  <div style='clear: both;'/><!-- clear for photos floats -->
  </div>
  <b:if cond='data:post.hasJumpLink'>
  <div class='jump-link'>
  <a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></a>
  </div>
  </b:if>

Langkah ketiga

Memasukan kode meta data tadi di antara code yang baru saja kita cari di langkah ke-2, sehingga menjadi seperti ini :

Langkah keempat

SAVE dan lihat hasilnya pada test - rich snippets testing tool (Alat Uji Coba Data Terstruktur).

Penjelasan

Pada setiap template adanya error tersebut akan berbeda-beda dan tutorial diatas adalah untuk mengatasi error seperti contoh di atas yaitu adanya 3 unsur error;
1. error Hcard
2. error name (fn)
3. error updated

Jika blog mengalami salah satu error di atas, maka Anda cukup mengatasi dengan langkah di bawah ini :
1.   Untuk error Hcard silahkan cari kode yang mengandung <div class='vcard' id='hcard- Nama anda’>. 
       Mungkin setiap template berbeda-beda, jadi dalam pencarian focus saja pada kode vcard dan Hcard
       Jika tidak ada, masukkan kode <div class='vcard' id='hcard- Nama anda’> seperti tutorial di atas.
2.   Untuk error name (fn) caranya seperti di atas anda tinggal cari kode <span class='fn n'> dan jika tidak
       ada ikuti saja tutorial di atas.
3.   Untuk error updated, silahkan cari kode seperti di bawah ini :


Pada sebagian template kodenya seperti di bawah ini :


Jika ada kode seperti diatas, maka cukup mengganti kode timestamp-link dengan updated. Dan yang seperti ini yang paling banyak ditemukan pada blog yang ada sekarang.

Mengapa Tool ini SANGAT PENTING?

Saya menjawabnya dengan praktek seperti di bawah ini :
Masuk ke penggunaan tool dengan klik link ini : Rich snippets testing tool


Silahkan URL blog/web Anda dimasukkan dan lihat hasilnya. Jika Anda menemukan ini :


Maka ini sangat fatal karena blog/web Anda tidak terdeteksi adanya data author dan publisher. Dan ini sangat tidak bersahabat dengan SEO.  Idealnya Anda menemukan hasil seperti di bawah ini :



SEMOGA BERMANFAAT

---