Susunan tag heading pada sebuah blog atau web sangat penting untuk SEO, karena tag heading akan memberikan informasi pada mesin pencari tingkatan-tingkatan sebuah tag,dari yang paling Utama yaitu H1 sampai urutan yang terakhir yaitu H6.
Gambar diatas menunjukkan uran dari tag heading itu sendiri,hal itu juga akan menunjukkan dari yang paling penting dan yang paling kecil tingkatannya.
Pada umumnya atau template standart blogger menempatkan judul blog pada tag heading h1,judul widget pada tag heading h2,dan judul postingan pada tag heading h3. nah sekarang kita akan merubah judul posting blog pada h1, dan menghindari dowble h1 pada blog kamu,karena dowble h1 akan membuat blog kamu kurang bagus juga untuk SEO. lalu bagaimana caranya?
Cara mengedit tag heading blog agar lebih SEO friendly caranya sebagai berikut:
- Login ke Blog - Rancangan - Edit HTML
- Centang "Expand Widget Template" dan jangan lupa backup template kamu.
- Cari kode:
<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> - Ganti kode diatas dengan kode dibawah ini:
<b:if cond='data:blog.pageType != "item"'>
<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> - Selanjutnya Cari kodedi bawah ini:
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1> - Ganti kode tersebut dengan kode dibawah ini:
<b:if cond='data:blog.pageType != "item"'>
<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> - Lalu cari lagi kode berikut:
<h1 class='title'>
<b:include name='title'/>
</h1> - Ganti kode tersebut dengan kode dibawah ini:
<b:if cond='data:blog.pageType != "item"'>
<h1 class='title'>
<b:include name='title'/>
</h1>
<b:else/>
<p class='title' style='font-size:30px; font-weight:bold;letter-spacing:-1px;line-height:normal;margin:5px 5px 0;padding:15px 20px 3px 0;'>
<b:include name='title'/>
</p>
</b:if> - Agar sesuai ukurannya Cari lagi kode yang mirip kode berikut:
.post h3 {
color: #333333;
font-size: 16px;
font-family: Tahoma, Arial, Verdana;
font-weight: normal;
text-decoration: none;
margin: 0 0 5px;
padding: 10px 0 0;
}
.post h3 a, #content h1 a:visited {
color: #333333;
font-size: 22px;
font-weight: normal;
margin: 0 0 5px;
padding: 10px 0 0;
}
.post h3 a:hover {
color: #CF152A;
text-decoration: none;
} - Ganti dengan kode:
.post h1, .post h2 {
color:$titlecolor;
font-size: 160%;
font-weight: normal;
line-height: 1.4em;
margin: 0.25em 0 0;
padding: 0 0 4px;
}
.post h1 a, .post h1 a:visited, .post h1 strong, .post h2 a, .post h2 a:visited, .post h2 strong {
color:$titlecolor;
display: block;
font-weight: bold;
text-decoration: none;
}
.post h1 strong, .post h1 a:hover,.post h2 strong, .post h2 a:hover {
color: #333333;
} - Dan yang terakhir,cari kode 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;
} - Kemudian yang selanjutnya adalah mengubah tag heading pada widget di blog cari kode di bawah ini:
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if> - Ganti h2 menjadi h3
- Biasanya untuk perubahan pada tutorial yang terakhir yaitu mengubah tag heading pada widget, jika diubah h2 menjadi h3 maka style/judul dari widget anda akan berubah. Agar sama seperti semula, lanjutkan mencari kode berikut:
.sidebar h2
dan rubah h2 menjadi h3 - Selesei.
BACA JUGA!
- Cara Edit Template Blog Agar SEO Friendly
- Membuat Template Blog Lebih Valid XHTML
- Memberi Title Otomatis Link Judul Blog
- Cara Mengubah Label Blogger Menjadi Nofollow
- Cara memasang meta tag otomatis pada setiap postingan
