Edit Tag Heading H1 H2 H3 Template agar lebih SEO

Edit Tag Heading H1 H2 H3 Template agar lebih SEO - Setelah sebelumnya saya jabarkan tentang bagaimana kriteria template Blogspot/Blogger yang seo Friendly, sekarang akan saya jelaskan lebih rinci mengenai hal tersebut. Dan untuk langkah awal kita mulai dari merubah Tag Heading H1 H2 dan H3 karean Heading tersebut adalah hal yang terpenting dalam suatu template untuk menekankan Keyword yang ingin kita capai kepada Search Engine.

Nah bagaimana Mengedit Tag Heading H1 H2 H3 Template agar lebih SEO Friendly?? Sebelumya ada beberapa point yang harus tekankan terlebih dahulu berikut :

1. Tag H1 dalam 1 template hanya diperbolehkan 1 saja
2. Untuk tag H2, H3 dst.. boleh lebih dan menyesuaikan
3. Pastikan template anda MINIMAL Memiliki Tag Heading H2 dan H3

Perhatikan yang saya cetak tebal berwarna merah.. 

Untuk membantu anda saya sarankan untuk terlebih dahulu menginstal SEOQUAKE. Disini saya menggunakan Browser Google Chorme.

Ok, lanjut ke step berikutnya kita masuk ke kodingnya : 

• Login ke blogger dengan ID Anda
• Pada halaman dashboard klik link title blog Anda
• Pilih menu Template pada sidebar sebelah kiri
• Untuk mengantisipasi hal-hal yang tidak dinginkan backup template blog Anda
• Klik Template >> Edit HTML >> Proceed
• Beri tanda check pada kotak Expand widgets templates
• Cari kode seperti di bawah ini

<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>

• Ganti dengan kode berikut ini

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

• Berikut cari lagi kode seperti di bawah ini

<h1 class='title'>
<b:include name='title'/>
</h1>

• Ganti dengan kode berikut ini 

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<h1 class='title'>
<b:include name='title'/>
</h1>
<b:else/>
<p class='title'>
<b:include name='title'/>
</p>
</b:if>

• Selanjutnya cari kode seperti 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>

• Ganti dengan kode di bawah ini 

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<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>

Dan untuk CSSnya sendiri bisa menyesuaikan nantinya.. Contohnya seperti Template dari om Bamz ini sendiri yang sudah saya edit. Dengan SEOQUAKE akan terlihat seperti ini :

SS diatas adalah versi seoquake untuk tampilan single post. 

Jadi intinya adalah : 

• Pastikan template anda memiliki H1 dan Minimal masing-masing 1 untuk H2 dan H3 dihalaman Home
• Dihalaman single post Pastikan H1 hanya untuk title artikel anda saja dan Pastikan juga H2 dan H3 merupakan title atau terdapat KW yang anda tembak.. 

Tweet

Komentar →