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
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 != "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>
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 != "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>
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 != "item"'>
<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.
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 != "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>
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 != "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>
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 != "item"'>
<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.
Jika Anda menyukai Artikel di blog ini, Silahkan
klik disini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di komp2.blogspot.com
33 comments:
eww...
caranya puanjaannggg..
tapi boleh juga nih buat SEO.
langsung praktek ahh..
thank's bro buat infonya
Ni dah yang simple bro,, OK met enjoy
Mantap bro.. mendidik ..
oya nitip Link ya.. http://funda-news.blogspot.com
sama http://news.einsteinfx.net
ada tidak contoh template yang sudah tersetting seperti itu mas
gak ada mas, ni cuma tambahan sendiri aja supaya user friendly
kalo judul blog diganti jadi h3 atau h2 sementara judul post h1 gimana bos... bagus gak..
@dunia Piyen: Dari segi ke-indahannya sih,, kurang.. Tapi kalau ada niatan tersendiri, bisa dilakukan
tag judul itu penting banget buat googlebot, kalau tag judul jelek agak sulit berharap buat nongol di SERP
Banyak sekali tips SEO di dunia maya, tapi saya malah jadi pusing gan, :)
Info yang mantep master.. bisa di coba nih
Gausah pusing gan,, terpain aja, ntar juga paham kok,,
bisa dicoba nih
Semua rame-rame ngerayu google nih :)
trima kasih atas tutornya...
lgsg dicoba gan...
thx atas tutornya
kunjungan om,, bismillah
ane dah coba ni gan tutornya,... mudah mudahan bisa berhasil...
BRoo
thank you very much
....
Tips hanya berlaku untuk blogspot ya sob? Kalau untuk wordpress gimana mensiasatinya :)
untuk wordpress ada nga mas??
thx buad sharingnya
thanks yah mas.. ijin langsung di praktekkan
keren gan ... mantap tutorialnya
blogwalking gan, salam kenal
Tak coba dulu ya mas.
thanks dah share
terimakasih dengan adanya artikel ini saya mendapat pengetahuan baru yang sangat bermanfaat ditunggu artikel berikutnya gan
trims gan infonya..
tar tak coba..
http://iblis-manis.blogspot.com/
jO$$$ postinganya gan, title blog saya jadi H1 sekarang
trims, semoga ber efek ke SERF nya :)
mungkin akunya, yang gaptek tenan ya mas..
http:\\gudang-materi-tik.blogspot.com
kok h3 diganti dengan h2 mas,, kan kalo lebih kecil malah lebih bagus kan mas..
visit our website www.dmarket.co.id for more promo product.. thank you
Sip gan, siap untuk dicoba. Trims infonya... :D
Posting Komentar
Manusia tidak akan pernah luput dari kesalahan. Berikan kritik dan saran Anda agar Kami dapat menyajikan informasi lebih baik ke depan.
Mohon tidak berkomentar kasar, mengandung SARA, dan spam. Terima kasih.