Dev's Web

Heading merupakan bagian yang sangat penting pada sebuah blog. Bagi search engine seperti google, heading dijadikan pengenal untuk mengidentifikasi sebuah blog berdasarkan title. Karena salah satu identitas blog dilihat dari heading, maka diperlukan heading dinamis yang bisa menyesuaikan dengan halaman yang sedang dibuka (inner page). Selain itu mengoptimalkan h1 dan h2 juga membantu sebuah blog menjadi SEO friendly.

Struktur yang baik untuk Tag h1 dan h2 adalah Tag h1 diletakkan pada bagian header template atau untuk nama blog kita dan jangan diulang, Tag 22 digunakan pada judul posting blog, sehingga akan membuat template blog kita struktur kodenya menjadi teratur dan akan disukai robot search engine.

Jadi, penyusunan heading h1 dan h2 bisa dilakukan dengan langkah-langkah sebagai berikut.

1. Masuk ke Design (Rancangan) pada blogspot anda dan pilih edit HTML. Backup dulu template nya dengan menekan download full template.
2. Beri tanda pada Expand Widget Templates
3. Cari kode dibawah ini (tekan CTRL + F)
   
   <div id=’header-inner’>
   <div class=’titlewrapper’>
   <h1 class=’title’>
   <b:include name=’title’/>
   </h1>
   </div>
   <b:include name=’description’/>
   </div>


4. Ganti kode tersebut dengan kode di bawah ini.
   
   <div id='header-inner'>
   <div class='blogtitle'>
   <b:if cond='data:blog.url == data:blog.homepageUrl'>
   <h1 id='blogtitle'><a expr:href='data:blog.homepageUrl'><data:title/></a></h1>
   <b:else/>
   <b:if cond='data:blog.pageType == &quot;item&quot;'>
   <h2 id='blogtitle'><a expr:href='data:blog.homepageUrl'><data:title/></a></h2>
   <b:else/>
   <h1 id='blogtitle'><a expr:href='data:blog.homepageUrl'><data:title/></a></h1>
   </b:if>
   </b:if>
   </div>
   <b:include name='description'/>
   </div>


5. Kemudian cari lagi kode berikut
   
   <a expr:name=’data:post.id’/>
   <b:if cond=’data:post.title’>
   <H2 class=’post-title entry-title’>
   <b:if cond=’data:post.link’>
   <a expr:href=’data:post.link’><data:post.title/></a>
   <b:else/>
   <b:if cond=’data:post.url’>
   <a expr:href=’data:post.url’><data:post.title/></a>
   <b:else/>
   <data:post.title/>
   </b:if>
   </b:if>
   </H2>
   </b:if>


6. kemudian ganti dengan kode dibawah ini
   
    <a expr:name='data:post.id'/>
   <b:if cond='data:blog.url == data:blog.homepageUrl'>
   <b:if cond='data:post.title'>
   <h2 class='post-title entry-title'>
   <b:if cond='data:post.link'>
   <a expr:href='data:post.link' expr:title='data:post.title'><data:post.title/></a>
   <b:else/>
   <b:if cond='data:post.url'>
   <a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a>
   <b:else/>
   <data:post.title/>
   </b:if>
   </b:if>
   </h2>
   </b:if>
   <b:else/>
   <b:if cond='data:blog.pageType == &quot;item&quot;'>
   <b:if cond='data:post.title'>
   <h1 class='post-title entry-title' style='font-size:1.3em;'>
   <b:if cond='data:post.link'>
   <a expr:href='data:post.link' expr:title='data:post.title'><data:post.title/></a>
   <b:else/>
   <b:if cond='data:post.url'>
   <a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a>
   <b:else/>
   <data:post.title/>
   </b:if>
   </b:if>
   </h1>
   </b:if>
   <b:else/>
   <b:if cond='data:post.title'>
   <h2 class='post-title entry-title'>
   <b:if cond='data:post.link'>
   <a expr:href='data:post.link' expr:title='data:post.title'><data:post.title/></a>
   <b:else/>
   <b:if cond='data:post.url'>
   <a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a>
   <b:else/>
   <data:post.title/>
   </b:if>
   </b:if>
   </h2>
   </b:if>
   </b:if>
   </b:if>


7. Simpan template anda