header super valid rich snippet ala DTE

6 Nov 2013

header super valid rich snippet ala DTE

Kali ini saya masih tetap membahas seputar header yang valid di rich snippet yang telah di rekomendasikan oleh schema.org. mungkin postingan ini akan mempersingkat saya dalam menjawab 17 pertanyaan via email yang isi nya sama yaitu tentang cara memasang header yang sangat valid di rich snippet yang telah di berikan oleh mas taufik nurrohman lewat komentar di header blog valid rich snippet

Di bawah ini adalah sample html yang mas taufik nurrohman sarankan:

12345678<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 sendiri saya tambahkan class atau id yang ada di template biar tampilan header tidak acak acakan dan tertata rapi seperti semula, di sini opic blog menggunakan class / id site-haeder

12345678<header class='site-header' id='site-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>

Saya pribadi langsung mengganti seluruh html Header yang ada di dalam template dengan html HEADER di atas karena menurut saya ada poin plus dari penggantian HEADER di atas yaitu blog jadi lebih ringan

• 1. html header yang sangat panjang di ganti dengan kode html header yang sangat sedikit, ukuran templtae pun jadi mengecil yang pastinya loading blog jadi lebih ringan 
• 2. sangat valid di rich snippet 

Setiap ada kelebihan pasti ada kekurangan nya, dengan penggantian html header di atas, pada layout kolom header jadi menghilang dengan menghilangnya kolom header dari layout menurut saya tidak berdampak apa apa terhadap blog, karena apa...? coba cek di berbagai tool tentang chek tag H1 masih terdeteki dengan sempurana keberadaan H1 (header)

Berbagai cara untuk memvalidkan blog kita dalam hal ini ke validan header di mata rich snippet... tapi inilah cara saya.... Semoga saja pembahasan di atas menambah wawasan kita tenteng header yang valid
terima kasih buat mas taufik nurrohman atas sample header nya

rich snippet

Taufik 00.09