Meningkatkan trafik pengunjung dan membuat blog lebih SEO friendly dengan cara memperbaiki struktur tag h3, h2 & h1 pada template blogspot merupakan suatu hal yang harus anda lakukan dan ini akan sangat memberikan pengaruh yang positif bagi blog anda.
Memperbaiki struktur tag judul akan membuat blog lebih SEO Friendly dan mempermudah robot search engine membaca judul dan isi artikel yang kita posting. Nah ketika sudah SEO friendly, otomatis posisi blog pada search engine akan terus membaik. Hal ini akan berdampak pada peningkatan jalur lalulintas pengunjung ke blog dan tidak menutup kemungkinan untuk meningkatakan jumlah pageviews.
Sebelum lanjut ke pembahasan memperbaiki susunan tag heading pada template, ada baiknya anda mengetahui apa itu tag H1, H2 & H3 dan tempat seharusnya agar lebih memudahkan pemahaman anda.
- <h1> title atau judul blog </h1>
- <h2> judul postingan atau artikel </h2>
- <h3> judul widget blogger </h3>
Setelah mengetahui fungsi dan penjelasan tersebut di atas, sekarang mari kita lanjut ke tahap selanjutnya yakni memperbaiki struktur tag H1 sampai H3.
- Login ke blogger
- Template » Edit HTML » Expand Template Widget
- Untuk mencegah terjadinya kesalahan pada saat memperbaiki struktur tag, saya sarankan untuk membackup template anda terlebih dahulu
- Pertama
Cari : #header h1 {Kemudian ganti dengan ini : #header h1, #header p {
- Kedua
Cari kode CSS seperti ini : .post h3 {Ganti dengan ini : .post h1, .post h2{
- Ketiga
Cari lagi : .post h3 a,.post h3 a:visited,.post h3 strong {Ganti dengan kode ini : .post h1 a,.post h1 a:visited,.post h1 strong,.post h2 a,.post h2 a:visited,.post h2 strong{
- Keempat
Cari lagi yang ini : .post h3 strong,.post h3 a:hover {Ganti dengan : .post h1 strong,.post h1 a:hover,.post h1 strong,.post h2 a:hover {
- Kelima
Temukan kode ini : h2.date-header {Ganti menjadi : .date-header {Lanjutkan dengan mencari : <h2 class='date-header'><data:post.dateHeader/></h2>dan menggantinya dengan : <div class="date-header"><data:post.dateheader></data:post.dateheader></div>
- Keenam
Cari kode dibawah ini :
<h1 class='title'><b:include name='title'/></h1>
Ganti dengan ini :
<b:if cond='data:blog.pageType != "item"'><h1 class='title'><b:include name='title'/></h1><b:else/><p class='title'><b:include name='title'/></p></b:if>
- Ketujuh
Cari kode ini :<h1 class='title' style='background: transparent; border-width: 0px'><b:include name='title'/></h1>Ganti menjadi seperti kode di bawah 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>
- Terakhir
Cari kode berikut :
<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 dengan kode seperti di bawah 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>
- Simpan template dan rasakan perbedaannya.
EmoticonEmoticon