Penggunaan Tag H1, H2, H3 dst Agar SEO Friendly di Blogspot - Dalam template blogspot sangat banyak kita jumpai yang tidak SEO Friendly, misalnya penggunaan Meta tag, tidak adanya Breadcrumb, struktur H1, H2, H3, dst yang kacau dll. Untuk cara membuat Meta tag dan Cara Termudah Membuat Breadcrumb bisa dilihat dalam posting blog Seo terbaru 2012 sebelumnya
Struktur H1, H2, H3, dst yang baik dan benar sangat membantu sebuah blog menjadi SEO friendly dan bisa bersaing di posisi SERP google.
Lantas bagaimana sturuktur H1, H2, H3, dst yang benar? menurut beberapa pakar SEO yang sempat saya timba ilmunya, sturuktur H1, H2, H3, dst harus berurutan, jangan sampai saling lompat.
Misalnya, untuk TAG H1 diletakkan pada bagian header template atau untuk nama blog kita dan jangan diulang, Tag H2 digunakan pada judul posting blog, begitu seterusnya, maka akan membuat template blog kita struktur kodenya menjadi teratur dan akan disukai robot search engine
Berikut ini adalah cara membuat Tag H1, H2, H3 dst Agar SEO Friendly di template blogspot
1. Login ke dasboard blogspot
2. Pilih layout/tata letak - Edit HTML - centang pada Expand Widget Templates (gunakan CTRL+F pada keyboard, Untuk mempermudah pencarian kode yang akan di rubah)
3. Merubah Judul Posting Dengan Tag H2
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 dengan
<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>
4. Merubah Judul Blog
Cari kode
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
ganti dengan
<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>
Selanjutnya . . . .
cari kode
<h1 class='title'>
<b:include name='title'/>
</h1>
ganti dengan
<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>
5. Merubah CSS agar sesuai dengan template
cari kode
.post h3 {
margin:.25em 0 0;
padding:0 0 4px;
font-size:140%;
font-weight:normal;
line-height:1.4em;
color:$titlecolor;
}
.post h3 a, .post h3 a:visited, .post h3 strong {
display:block;
text-decoration:none;
color:$titlecolor;
font-weight:normal;
}
.post h3 strong, .post h3 a:hover {
color:$textcolor;
}
ganti dengan
.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;
}
selanjutnya. . .
cari kode
#header h1 {
margin:5px 5px 0;
padding:15px 20px .25em;
line-height:1.2em;
text-transform:uppercase;
letter-spacing:.2em;
font: $pagetitlefont;
}
ganti dengan
#header h1, #header p {
margin:5px 5px 0;
padding:15px 20px .25em;
line-height:1.2em;
text-transform:uppercase;
letter-spacing:.2em;
font: $pagetitlefont;
}
Selanjutnya
cari kode
h2.date-header {
margin:1.5em 0 .5em;
}
Ganti dengan (hapus H2.date-header):
.date-header {
margin:1.5em 0 .5em;
}
Terakhir cari kode:
<h2 class='date-header'><data:post.dateHeader/></h2>
Ganti dengan :
<div class="date-header">
<data:post.dateheader></data:post.dateheader></div>
Jangan lupa simpan template dengan tekan tombol save.
Semoga bermanfaat, selamat mencoba
Belum jelas dalam Penggunaan Tag H1, H2, H3 dst Agar SEO Friendly di Blogspot
bisa bertanya dalam form komentar.
Description: Penggunaan Tag H1, H2, H3 dst Agar SEO Friendly di Blogspot
Rating: 4.5
Reviewer: Unknown -
ItemReviewed: Penggunaan Tag H1, H2, H3 dst Agar SEO Friendly di Blogspot
Membedakan Perawan Tidak Perawan Pada Wanita
8 years ago
kok yang nomor 5 ngga ada semua ya di HTML blogku, nice thread om master
ReplyDeleteh1=judul, h2=deskripsi,
ReplyDeletekalo h3 itu apa ya mas?
maklum masih newbie
Great site with good services
ReplyDeletebagi newbie seperti saya ternyata ilmu SEO susah juga ya.pusiiing !!
ReplyDeleteyang paling penting H brapa yah?
ReplyDeletemaklum gw newbie banget :(
@Albab ~ masa gak ada?dicari kode yang mirip2
ReplyDelete@Bio Sanjaya ~h1 untuk judul blog, h2 untuk judul sidebar, h3 untuk judul artikel. itu adalah template yang biasanya admin pakai
@How To Be Vegetarian ~ yang paling penting h1 terus h2, h3 dst
mantap nich tipsnya mas...
ReplyDeletemakasih dan salam kenal!!!
om Check blog ane dong om udah SEO friendly lom please........
ReplyDeleteKode nya Kug ada yg gag ada d blog saya,.gmn yaa.,.
ReplyDeletewah mantap om, semuanya berhasil. tapi gunanya apa sih?
ReplyDeleteHa ha ha
DeleteEmg o'on looh....
kok jadi semrawut ya??haha
ReplyDeleteterima kasih infonya
ReplyDeletekacau mas,..karena template aku tidak sama dengan script yang posting ada saran mas,..
ReplyDeleteWah edit template lagi neh biar joss kaya blog ini
ReplyDeleteko blog saya eror terus yah pake cara ini mohon bimbingannya dong
ReplyDeleteitu untuk template, kalo untuk artikel gimana? H1 = Judul Artikel H2 = Deskripsi H3 = badan atau footer artikel, pengaplikasiannya gimana? Karena inilah meta tag super seo yang terbaik, tolong d share,,,
ReplyDeleteThanks Infonya Gan mohon kunjungan balik di Cuma Post
ReplyDeleteMantap gan infonya, semoga setelah saya menggunakan teknik in artikel saya semakin sering muncul di SEO
ReplyDeletebagus nie,,, aku bingung,,, kuinjungi balik ya
ReplyDeletemantab... kunjung balik dong udah seo blm blog saia....
ReplyDeletewah boleh buat di coba, ...
ReplyDeleteinfo yang sangat bermanfaat sekali buat di simak, ...
ReplyDeleteartikel yang sangat bermanfaat sekali buat di pelajari oleh semua orang, ...
ReplyDeleteini kan untuk blogspot,,,bagaimana untuk website wordpress..mohon bantuannya
ReplyDeletetrim infonya...
ReplyDelete