Cara Mengatur Tag H1, H2, H3, H4, H5, H6 pada Template Blogspot - Hallo sahabat Didhiksty Blog, Pada Artikel yang anda baca kali ini dengan judul Cara Mengatur Tag H1, H2, H3, H4, H5, H6 pada Template Blogspot, kami telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. mudah-mudahan isi postingan Artikel lastes, Artikel Tutorial Blog, yang kami tulis ini dapat anda pahami. baiklah, selamat membaca.

Judul : Cara Mengatur Tag H1, H2, H3, H4, H5, H6 pada Template Blogspot
link : Cara Mengatur Tag H1, H2, H3, H4, H5, H6 pada Template Blogspot

Cara Mengatur Tag H1, H2, H3, H4, H5, H6 pada Template Blogspot

Tag H1, H2, H3, H4, H5, H6 adalah salah satu faktor penting untuk optimasi SEO pada blog. Karena sistem indek blog oleh search enggine, baik template maupun konten yang ada dalam blog dimulai dari tag H1 dan diteruskan sampai tag terakhir H6.
Untuk itu, penataan yang baik tag H1-H2-H3-H4-H5-H6 akan sangat membantu meningkatkan page rank dan jumlah visitor.
Sebelum melangkah dalam cara mengatur Tag H dalam template blog ada baiknya kita mengetahui fungsi dan posisi TAG tersebut.

Selector H1

    Heading (Judul Blog)
    Judul Postingan atau artikel pada posisi Single Post

Selector H2

    Sub Heading atau Deskripsi Blog (Jika mengandung keyword)
    Sub Sub Heading atau Judul Postingan

Selector H3

    Pada Judul Artikel Postingan
    Heading pada posisi Single Post (posisi bertukar dengan judul postingan yang menjadi tag H1)

Selector H4

    Pada menu Sidebar seperti Categoy, Blogroll, Recent Post, Related Post, Label, Following List dll.
    Pada tulisan ''16 Respons to Bla...bla....bla....'' pada bagian Komentar

Selector H5

    Nama pengomentar yang berupa link (pada kolom komentar)

Selector H6

    Pada Footer seperti ''Powered by : Science And Education''

Berkaitan dengan hal tersebut, langkah dalam pengaturan TAG H pada template blog yakni;

Cara merubah tag Judul Blog menjadi h1 pada homepage dan h3 pada halaman posting.

Cari kode:

<div class='titlewrapper'
dst..
dst..
dst..
</div> 

Ganti semua kode di atas dengan kode ini :

<div class='titlewrapper' style='background: transparent'>
<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/>
<h3 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/></h3>
</b:if>
</div> 

Jika pada beberapa terdapat lebih dari 1 kode <div class='titlewrapper',  ganti semuanya dengan kode di atas!

Cara merubah tag Deskripsi Blog menjadi h2 :

Cari kode : 

<div class='descriptionwrapper'>
dst...
dst..
dst...
</div>

Ganti menjadi :

<div class='descriptionwrapper'>
<h2 class='description'><span><data:description/></span></h2>
</div>

Jika terdapat lebih dari 1 kode <div class='descriptionwrapper'> ganti semuanya dengan kode di atas!

Cara merubah tag posting menjadi h3 pada homepage, dan menjadi h1 pada halaman posisi single post

a. Merubah tag heading posting menjadi h3 pada homepage :
Cari kode :
<div class='post hentry uncustomized-post-template' , pada 4 atau 5 baris di bawah kode ini akan anda temukan kode seperti ini:

<h? class='post-title entry-title' itemprop='name'>
dst...dst...dst...
dst...dst...
dst...
</h?>

Ganti tag headnya menjadi h3, kalau sudah h3 tidak perlu dirubah.

b. Merubah tag head posting menjadi h1 pada halaman posting (single post)
Cari kode merah tebal yang beberapa baris di atasnya ada kode berwarna hijau seperti di bawah ini:

<b:includable id='post' var='post'>
kode bla...bla...bla...
kode bla...bla...bla... 
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
kode bla...bla...bla...
kode bla...bla...bla...
</h3>
</b:if>
<div class='post-header'>

Lalu ganti semua kode yang berwarna merah dengan kode di bawah ini :

<a expr:name='data:post.id'/>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<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>
<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>

Langkah terakhir save template. 

Biasanya  dengan melakukan perubahan Tag H1, H2, H3, H4, H5, H6 pada Template Blogspot tersebut maka secara otomatis ukuran font, judul, deskripsi dan titel blog akan berubah sesuai dengan pengaturan kode CSS.

Adapun cara untuk merubah  kembali ukuran dan jenis font tersebut dapat dibaca pada: Cara merubah ukuran, jenis font dan warna pada judul post

Demikianlah Artikel Cara Mengatur Tag H1, H2, H3, H4, H5, H6 pada Template Blogspot

Sekianlah artikel Cara Mengatur Tag H1, H2, H3, H4, H5, H6 pada Template Blogspot kali ini, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya.

Anda sekarang membaca artikel Cara Mengatur Tag H1, H2, H3, H4, H5, H6 pada Template Blogspot dengan alamat link https://didhiksty.blogspot.com/2015/10/cara-mengatur-tag-h1-h2-h3-h4-h5-h6.html