Tips SEO Blog: Cara Mengatur Tag Heading H1 H2 H3

Baca Juga

Tips SEO Blog berikut ini tentang Cara Mengatur Tag Heading H1 H2 H3 pada Blog. Tag Heading adalah menandai judul dan subjudul artikel dengan H1, H2, H3, dan seterusnya untuk kepentingan SEO. Agar postingan lebih mudah diindeks Google. 

Kalangan blogger mengenalnya sebagai "Tag Heading Dinamis". Template Blog SEO Friendly biasanya sudah menggunakan heading tags dinamis.

Posisi heading tag pada blog memang cukup mempengaruhi terutama dalam hal SEO, peletakan tag heading ini akan membuat robot penelusuran menerima perintah lebih baik dan cepat karena tag yang kita letakkan sesuai posisinya menjadi perintah penting untuk robot untuk menelusuri dan mengindex blog atau artikel kita. 

Hal seperti ini masih sering diabaikan oleh para blogger, padahal mengatur heading tag di blog dengan benar akan membuat blog kita naik peringkat di search engine karena kata kunci dan tag yang kita atur sesuai dengan kata kunci yang dicari.

Menempatkan tag heading H1, h2, H3 dan seterusnya dalam blog atau artikel juga mempunyai aturan. 

Menurut Google aturan-aturan yang harus dipenuhi dalam mengatur heading tag di blog antara lain:

• H1 adalah bagian yang paling penting dan urutan selanjutnya yang harus ada adalah H2 hingga H6.
• H1 wajib ada dan hanya boleh ada satu di setiap blog atau postingan blog. Sedangkan untuk H2 dan H3 boleh ada maksimal sampai 8. Selanjutnya untuk H4, H5 dan H6 boleh ada lebih dari 8.
• Semua heading harus mengandung tag yang berisi kata kunci agar halaman anda meningkat relevansinya di mata google.
• Dalam satu heading tag jangan sampai terlalu banyak pengulangan kata.
• H1 wajib untuk judul blog, H2 untuk judul postingan dan H3 untuk judul widget.

Heading pada blog mempunyai tingkatan-tingkatan yang juga menunjukkan urutan dari bagian terpenting ke bagian yang kurang penting sesuai urutannya dari atas yaitu H1 adalah bagian paling penting, H2 cukup penting, H3 kurang penting dan seterusnya sampai dengan H6. 

Urutan dari H1 s.d. H6 ini harus ditempatkan tersendiri dan masing-masing tingkatan ini punya bagian masing-masing seperti:

• H1 harus menjadi heading tag pada nama blog atau judul artikel saat di halaman artikel.
• H2 dipakai pada judul artikel (pada halaman home/beranda) dan nama blog (pada halaman artikel) dan juga disarankan untuk deskripsi blog di bawah judul blog.
• H3 disarankan untuk judul widget.
• H4 disarankan untuk judul widget atau jumlah komentar pada blog.
• H5 disarankan untuk nama komentator.
• H6 disarankan untuk link credit, seperti 'powered by google".

Cara Mengatur Heading Tag di Blog 

Mengatur Judul Artikel. Judul artikel harus menempati tag H2. Jadi jika judul artikel blog belum menempati tag H2, maka perhatikan dan ikuti hal berikut:

1. Login ke blogger, masuk ke menu "Template". Klik HTML kemudian ctrl+F untuk pencarian cepat tag.
2. Search "post.h3" atau "h3.post" atau "h3" karena disetiap template itu berbeda maka cari kata tersebut misalnya yang ada adalah "h3" dan ada banyak maka cari "h3" yang berhubungan dengan CSS untuk judul artikel blog sobat.
3. Ubah semua kode yang ada "h3" nya dengan "h2.post"
4. Jika sudah sekarang cari semua kode <h3 class='post dan ubah semua menjadi <h2 class='post
5. Ubah juga end tag kode tersebut dari </h3> menjadi </h2>
6. Klik "Simpan template". 

Mengatur Judul Widget menjadi Tag H3

Jika di blog terdapat lebih dari 8 tag h2, maka selebihnya harus diubahn menjadi h3, karena dalam aturannya tag h2 hanya boleh ada maksimal 8 buah. Berikut ini cara mengubah h2 menjadi h3:

1. Login Blogger

2. Masuk ke menu "Tema" dan klik HTML. 

3. Cari semua kode HTML. Contok widget "BlogArchive1".

<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive' visible='true'>
<b:includable id='main'>
<b:if cond='data:title != &quot;&quot;'>
<h2><data:title/></h2>
</b:if>

4. Ganti kode yang berwarna merah tersebut dengan <h3><data:title/></h3>

Atur semua kode widget dan ganti seperti contoh diatas, jika sudah klik "save template"

Mengatur Deskripsi Blog Menjadi H2

Meskipun ini tidak terlalu penting untuk dilakukan, namun sebagai tambahan dan penyempurnaan blog, tidak ada salahnya kita setting sekalian. langkah-langkahnya adalah sebagai berikut:

• Search kode <div class='descriptionwrapper'> lalu lihat kode setelahnya.

Kodenya seperti ini:

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

Ganti kode warna merah dengan <h2 dan </h2> menjadi seperti ini:

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

 
Klik "Simpan template". 

Cara di atas adalah cara mengatur heading tag pada blog dan halaman posting dengan cara edit HTML. 

Dengan mengatur heading tag maka blog sobat akan lebih SEO friendly dan lebih mudah ditelusuri oleh robot Google dan akan semakin cepat terindex. 

Cara Lain Mengubah Heading Tag Dinamis H1 & H2

HEADING Tags Dinamis H1 & H2 untuk Menambah SEO Blog. Heading Tags menginformasikan kepada mesin pencari tentang kata kunci atau elemen terpenting sehingga mudah dan cepat terindeks Google.

Elemen terpenting dalam sebuah situs web atau blog yang diindeks Google adalah nama halaman atau judul halaman dan judul tulisan.

Berikut ini cara membuat heding tags dinamis agar blog lebih ramah mesin pencari (SEO Friendly).

1. Klik Template > Edit HTML
2-1. Cari kode berikut ini:

<div id='header-inner'>
<div class='titlewrapper'>
<h1 class='title'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>

2-2. Ganti dengan kode di bawah ini :

<div id='header-inner'>
<div class='titlewrapper'>
<b:include name='title'/>
</div>
<b:include name='description'/>
</div>

3-1. Cari kode seperti ini :

<b:includable id='title'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<data:title/>
<b:else/>
<a expr:href='data:blog.homepageUrl'><data:title/></a>
</b:if>
</b:includable>

3-2. Ganti dengan kode dibawah ini :

<b:includable id='title'> <b:if cond='data:blog.pageType != "item"'> <b:if cond='data:blog.pageType != "static_page"'> <h1 class='title'> <a expr:href='data:blog.homepageUrl' expr:title='data:blog.title'> <data:title/> </a> </h1> <b:else/> <h2 class='title'> <a expr:href='data:blog.homepageUrl' expr:title='data:blog.title'> <data:title/> </a> </h2> </b:if> <b:else/> <h2 class='title'> <a expr:href='data:blog.homepageUrl' expr:title='data:blog.title'> <data:title/> </a> </h2> </b:if> </b:includable>

4-1 Cari kode seperti ini :

<b:includable id='post' var='post'>

Akan ada beberapa kode seperti di bawah ini :

<b:if cond='data:post.title'>
<h3 class='post-title entry-title' itemprop='name'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>

4-2. Ganti kode di atas dengan kode dibawah ini :

<b:if cond='data:post.title'> <b:if cond='data:blog.pageType != "item"'> <b:if cond='data:blog.pageType != "static_page"'> <h2 class='post-title entry-title' itemprop='name'> <b:if cond='data:post.link'> <a expr:href='data:post.link' expr:title='data:post.title'> <data:post.title/> </a> <b:else/> <b:if cond='data:post.url'> <b:if cond='data:blog.url != data:post.url'> <a expr:href='data:post.url' expr:title='data:post.title'> <data:post.title/> </a> <b:else/> <data:post.title/> </b:if> <b:else/> <data:post.title/> </b:if> </b:if> </h2> <b:else/> <h1 class='post-title entry-title' itemprop='name'> <b:if cond='data:post.link'> <a expr:href='data:post.link' expr:title='data:post.title'> <data:post.title/> </a> <b:else/> <b:if cond='data:post.url'> <b:if cond='data:blog.url != data:post.url'> <a expr:href='data:post.url' expr:title='data:post.title'> <data:post.title/> </a> <b:else/> <data:post.title/> </b:if> <b:else/> <data:post.title/> </b:if> </b:if> </h1> </b:if> <b:else/> <h1 class='post-title entry-title' itemprop='name'> <b:if cond='data:post.link'> <a expr:href='data:post.link' expr:title='data:post.title'> <data:post.title/> </a> <b:else/> <b:if cond='data:post.url'> <b:if cond='data:blog.url != data:post.url'> <a expr:href='data:post.url' expr:title='data:post.title'> <data:post.title/> </a> <b:else/> <data:post.title/> </b:if> <b:else/> <data:post.title/> </b:if> </b:if> </h1> </b:if> </b:if>

5. Save!

Demikian cara membuat Heading Tag Dinamis H1 & H2 untuk Menambah SEO Blog. Gak mu ribet? Ganti template blog Anda dengan yang ada di Galeri Template CB Blogger!