Cara Mengubah Tag Heading Menjadi SEO Friendly

Baca Juga Artikel Berikut Ini

Cara mengubah tag heading menjadi seo friendly - tag heading atau yang juga disebut heading tags merupakan sebuah tag yang berguna untuk membuat suatu judul pada halaman web. Secara default, tag yang satu ini sudah tersedia di blogger yang ditandai dengan huruf yang lebih besar dan lebih tebal.

Heading tags terdiri dari H1, H2, H3, H4, H5, H6. Semakin besar angka dari tag tersebut, berarti tulisan yang ditampilkan semakin kecil. Apa heading tags penting bagi SEO blog kita?

Jawabannya sangat penting. Mengapa?

Dengan adanya tag-tag tersebut, robot google semakin mudah untuk merayapi dan menentukan elemen-elemen mana dari suatu blog atau web yang penting dan juga tidak. Di samping itu, tag ini juga sebagai salah satu diantara 200 faktor yang menentukan rangking website di mesin pencari.

Baca Juga : 200 Faktor Rangking Google

Menurut seorang ahli webmaster, John Mueller, ia mengatakan bahwa :

"Tag heading  di dalam HTML membantu kami memahami struktur halaman."

Hal ini tentu saja menjadi hal yang bagus untuk mempermudah konten kita untuk ditemukan di mesin pencari. Optimasi ini merupakan salah satu pengoptimalan dari sisi seo on page. Yang kita bahas kali ini yaitu, tentang cara merubah tag heading (H1, H2, dan H3) yang terdapat di dalam sebuah template

Baca : Cara Membuat Artikel SEO Friendly

Cara Mengubah Tag Heading Jadi SEO Friendly

Secara default, settingan tag heading pada suatu template dirumuskan seperti ini :

<H1>Judul Website</H1>
<H2>Judul Postingan</H2>
<H2>Judul Widget</H2>

Format tersebut akan kita rubah menjadi seperti ini

<H1>Judul Website</H1>
<H2>Judul Postingan</H2>
<H3>Judul Widget</H3>

Bagaimana cara mengubahnya? Simak pembahasannya berikut ini :

• Ubah Terlebih Dahulu H1  Supaya Lebih Dinamis

H1 merupakan elemen tag heading terpenting sehingga benar-benar harus dioptimalkan menjadi lebih dinamis. Adapun cara mengubahnya yaitu

Di edit HTML carilah kode berikut ini :

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


<b:include name='title'/>

</h1>

Ubahlah menjadi :

<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>

Selain itu, ubah juga kode berikut

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

Menjadi seperti 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, ubah kode 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>

Menjadi kode dibawah 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>

• Atur Judul Postingan Agar Menjadi H2

Jika anda mendapati pada sebuah template judul postingan menggunakan H3 dengan kode <h3 class='post... maka ubahlah menjadi <h2 class='post.. Selain itu pada CSS ubah semua kode h3.post menjadi h2.post

• Yang Terakhir, Ubah Judul Widget Menjadi H3

Kode HTML widget blog biasanya berbentuk seperti ini

<b:widget id='Label1' locked='false' title='Label' type='Label'>

<b:widget-settings>

<b:widget-setting name='sorting'>ALPHA</b:widget-setting>

<b:widget-setting name='display'>CLOUD</b:widget-setting>

<b:widget-setting name='selectedLabelsList'/>

<b:widget-setting name='showType'>ALL</b:widget-setting>

<b:widget-setting name='showFreqNumbers'>false</b:widget-setting>

</b:widget-settings>

<b:includable id='main'>

<b:if cond='data:title != &quot;&quot;'>

<h2><data:title/></h2>

Ubahlah kode <h2><data:title/></h2> menjadi <h3><data:title/></h3>. Pada CSS ubah .sidebarh2 menjadi .sidebarh3 jika pada css widget juga terdapat kode h2, maka ubah juga menjadi h3

Baca Juga :

Cara Mempercepat Loading Blog

Manfaat Guest Post

• Save Template Anda

Kini, template anda sudah semakin SEO Friendly yang tentunya sangat berguna untuk meningkatkan potensi blog kita untuk bisa bersaing di serp. Demikian sedikit informasi tentang bagaimana mengubah tag heading menjadi seo friendly semoga bermanfaat bagi pembaca.