Cara membuat Heading Tag H1 dinamis untuk SEO blog

     MENGUBAH Heading Tag H1, H2, H3 blog menjadi dinamis (Dynamic Heading Tag) merupakan ikhtiar memperkuat SEO blog agar lebih mudah dan cepat terindeks mesin pencari. Heading Tag (H1, H2, H3) merupakan elemen terpenting di template blog. Heading Tag itulah yang diindeks atau di-crawl oleh mesin pencari, terutama Google, untuk "disajikan" di halaman hasil pencarian --Search Engine Result Page (SERP).

     

     Bagi blogger baru, penjelasannya begini. Heading tags itu adalah Nama Blog dan Judul Tulisan di blog (posting). Dalam bahasacoding HTML template, heading tags itu dikenali dengan kode H1, H2, H3, dst. Pengertian praktis Heading Dinamis adalah menjadikan Tag H1 sebagai judul post (Post Title Become H1 Title Tag).

     Menurut Google, Heading Tags --Google menyebutnya Header Tags-- adalah elemen blog yang digunakan oleh mesin pencari untuk "mengenali" dan mengindeks sebuah blog dan kontennya. "Search engines use headings to get an idea of what your post is about," katanya.

     Secara umum, blog platform blogspot menggunangan Tag H1 untuk nama atau judul blog, Tag H2 untuk judul-judul posting, dan H3 tags untuk judul-judul widget di sidebar dan "Related Posts". Itu sudah bagus, tapi menurut para ahli SEO Blog, itu standar. Perlu di-powerful-kan agar blog kita lebih SEO Friendly.

     Caranya, yaitu dengan menggunakan Heading Tags Dinamis. Detailnya: H1 jadi judul blog di homepage (halaman depan) dan H2 jadi daftar judul posting yang ada di homepage. Namun, di Single Post atau halaman posting, judul posting itu berubah jadi H1. Jika blog blogspot Anda menggunakan Template Blog SEO Friendly, maka template itu biasanya sudah menggunakan Heading Tags Dinamis.

     Cara mengecek apakah judul posting di halaman depan H2 dan di halaman dalam H1, yaitu dengan "select all" judul posting, lalu klik kanan mouse, dan klik "inspect elements". Nanti akan muncul pop up box dan temukan kode, seperti<h1 class="post title entry title"/>

Cara Membuat Heading Tag H1 Dinamis

1. Masuk ke Blogger.com

2. Klik Template => Edit HTML

3. Cari kode seperti ini :

 

<div id='header-inner'>
<div class='titlewrapper'>
<h1 class='title'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>

Ganti dengan kode dibawah ini :

<div id='header-inner'>
<div class='titlewrapper'>
<b:include name='title'/>
</div>
<b:include name='description'/>
</div>

4. Cari kode seperti ini :

<b:includable id='title'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<data:title/>
<b:else/>
<a expr:href='data:blog.homepageUrl'><data:title/></a>
</b:if>
</b:includable>

 Ganti dengan kode dibawah ini :

<b:includable id='title'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<h1 class='title'>
<a expr:href='data:blog.homepageUrl' expr:title='data:blog.title'>
<data:title/>
</a>
</h1>
<b:else/>
<h2 class='title'>
<a expr:href='data:blog.homepageUrl' expr:title='data:blog.title'>
<data:title/>
</a>
</h2>
</b:if>
<b:else/>
<h2 class='title'>
<a expr:href='data:blog.homepageUrl' expr:title='data:blog.title'>
<data:title/>
</a>
</h2>
</b:if>
</b:includable>

5. Cari kode seperti ini :

<b:includable id='post' var='post'>

Lihat kebawah maka akan ada beberapa kode seperti dibawah ini :

<b:if cond='data:post.title'>
<h3 class='post-title entry-title' itemprop='name'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>

Ganti kode diatas dengan kode dibawah ini :

<b:if cond='data:post.title'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<h2 class='post-title entry-title' itemprop='name'>
<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'>
<b:if cond='data:blog.url != 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:else/>
<data:post.title/>
</b:if>
</b:if>
</h2>
<b:else/>
<h1 class='post-title entry-title' itemprop='name'>
<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'>
<b:if cond='data:blog.url != 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:else/>
<data:post.title/>
</b:if>
</b:if>
</h1>
</b:if>
<b:else/>
<h1 class='post-title entry-title' itemprop='name'>
<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'>
<b:if cond='data:blog.url != 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:else/>
<data:post.title/>
</b:if>
</b:if>
</h1>
</b:if>
</b:if>

6. Klik Simpan

Cara Ekstrem: Mengubah Judul Blog

Cara paling ekstrem adalah mengubah judul posting menjadi judul blog di halaman posting. Nama/judul blog menjadi H2. Caranya:

Ganti kode<b:include name='title'/>dengan kode ini:

<b:if cond='data:blog.pageType != &quot;item&quot;'>

<b:include name='title'/>

<b:else/>

<data:blog.pageName/>

</b:if>

Bagaimana dengan blog Anda, sudah menggunakan Heading Tag H1 dinamis?

Referensi:

*http://www.ficripebriyana.com/2014/05/cara-membuat-dynamic-heading-pada-blog.html (dengan perubahan seperlunya)