Scema Header yang Valid di Rich Snippet dari DTE

Kali ini saya akan membahas tentang header blog yang lebih valid di rich snippet yang telah direkomendasikan oleh schema.org, keuntungan dari tutorial kali ini, blog sobat akan valid headernya pada Google Rich Snippet seperti gambar diatas.
mengapa tutorial kali ini dari DTE ? karena saya menemukan sebuah trik ini dari komentar di opick blog, komentar yang dituliskan oleh DTE / mas Taufik Nurrohman.

Dibawah ini sampel HTML header dari DTE :

<header itemscope='itemscope' itemtype='http://schema.org/WPHeader'>
  <h1>
    <a href='#' itemprop='url'>
      <span itemprop='name'>Nama/Judul Web</span>
    </a>
  </h1>
  <p itemprop='description'>Deskripsi/slogan web.</p>
</header>

Untuk pemasangannya silahkan tambahkan class pada headernya agar headernya tidak acak - acakan dan seperti semula, disini saya menggunakan class ngd_wrap-header ngd_wrap-inner,

Masuk ke Dasboard Blogger, Template -> Edit HTML lalu cari id atau class dari Header sobat,
Biasanya seperti dibawah ini kode nya :

<header id='header-wrapper'>

Bila tidak ketemu, cari saja dengan keyword <header ,Bila sudah ketemu, silahkan ganti kode yang sudah anda temukan sampai </header> dengan code dibawah ini :

<header class='header_anda' id='header_anda' itemscope='itemscope' itemtype='http://schema.org/WPHeader'>
  <h1>
    <a href='/' itemprop='url'>
      <span itemprop='name'>Nama/Judul Web</span>
    </a>
  </h1>
  <p itemprop='description'>Deskripsi/slogan web.</p>
</header>

Silahkan ganti class 'header_anda' dengan class header dari template anda

Dengan penggantian html header di atas, pada layout kolom header jadi menghilang, namun dengan menghilangnya kolom header dari layout menurut saya tidak berdampak apa apa terhadap blog.

Tweet