Penggunaan Tag Judul (H1, H2, H3, H4, H5, H6) merupakan hal yang penting dan tidak dapat terlepas dari setiap pengguna web atau blog. Dalam default template blog mungkin terdapat penggunaan tag h1, h2, h3 yang menurut saya kurang optimal. Mengapa demikian?

Untuk heading h1 digunakan untuk judul blog. Apabila kita langsung mengganti judul postingan dengan h1, maka akan ada beberapa h1 dalam satu halamam index. Jika kita tampilkan 5 artikel dalam halaman index, maka jumlah tag h1 adalah 6 buah. Sedangkan berdasarkan penggunaannya, tag h1 ini untuk setiap halaman hanya diwajibkan satu, berdasarkan struktur semantik.

Sebagian blogger memilih tag h1 tetap untuk judul blog sebagaimana standartnya. Dan mereka mengganti tah judul postingan dari h3 ke h2. Membuat judul postingan satu list lebih penting. Namun, bagi Anda yang tetap ingin menggunakan tag h1 untuk judul postingan Anda untuk benar-benar menguatkan index ke postingan Anda?

Anda bisa ikuti trik berikut:

1. Login Blogger
2. Tata Letak
3. Edit HTML
4. Centang "Expand Template Widget" untuk pencarian kode lebih menyeluruh,

Manipulasi Tag Heading Judul Postingan
5. Cari kode berikut ini.

<b:if cond='data:post.title'>
<h3 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>
</h3>
</b:if>

6. Ganti semua kode di atas dengan

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<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>
<b:else/>
<h1 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>
</h1>
</b:if>

Manipulasi Tag Heading Judul Blog

7. Cari kode di bawah ini

<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>

8. Ganti dengan kode berikut ini :

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
<b:else/>
<p class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</p>
</b:if>

9. Cari kode berikut ini

<h1 class='title'>
<b:include name='title'/>
</h1>

10. Ganti dengan kode berikut ini

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<h1 class='title'>
<b:include name='title'/>
</h1>
<b:else/>
<p class='title'>
<b:include name='title'/>
</p>
</b:if>

Terakhir, Set CSS Anda
Cari kode CSS judul postingan dan judul blog Anda. Misal kodenya seperti ini. Cari yang depannya mirip dengan :

.post h3 {
..................................
}

.post h3 a, .post h3 a:visited{
..................................................
}

.post h3 a:hover {
....................................
}

Ganti kodenya dengan kode di bawah ini :

.post h1, .post h2 {
margin:.25em 0 0;
padding:0 0 4px;
font-size:140%;
font-weight:normal;
line-height:1.4em;
color:$titlecolor;
}

.post h1 a, .post h1 a:visited, .post h1 strong, .post h2 a, .post h2 a:visited, .post h2 strong{
display:block;
text-decoration:none;
color:$titlecolor;
font-weight:normal;
}

.post h1 strong, .post h1 a:hover, .post h2 strong, .post h2 a:hover {
color:$textcolor;
}


Satu langkah lagi, yakni cari kode css judul blog. Cari yang mirip dengan kode di bawah ini :

#header h1 {
............................
}


Ganti dengan kode di bawah ini :

#header h1, #header p {
margin:5px 5px 0;
padding:15px 20px .25em;
line-height:1.2em;
text-transform:uppercase;
letter-spacing:.2em;
font: $pagetitlefont;
}

Sekarang halaman index Anda, halaman utama blog, judul blog memiki tag h1 dan judul postingan bukan tag h1. Sementara ketika google index halaman postingan Anda, judul postingan otomatis berubah ke tag h1 dan judul blog tidak lagi menggunakan tag h1. Alhasil, Insya Allah tidak ada lagi tag h1 ganda yang akan menimbulkan kekhawatiran untuk peringkat Anda. Ingin lebih teroptimisasi, silahkan bergabung dengan backlink berkualitas ini.