Cara mengubah tag heading menjadi seo friendly - tag heading atau yang juga disebut heading tags merupakan sebuah tag yang berkhasiat untuk menciptakan suatu judul pada halaman web. Secara default, tag yang satu ini sudah tersedia di blogger yang ditandai dengan karakter yang lebih besar dan lebih tebal.
Heading tags terdiri dari H1, H2, H3, H4, H5, H6. Semakin besar angka dari tag tersebut, berarti goresan pena yang ditampilkan semakin kecil. Apa heading tags penting bagi SEO blog kita?
Jawabannya sangat penting. Mengapa?
Dengan adanya tag-tag tersebut, robot google semakin gampang untuk merayapi dan memilih 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 memilih rangking website di mesin pencari.
Baca Juga : 200 Faktor Rangking Google
Menurut spesialis webmaster, John Mueller, ia menyampaikan bahwa :
Hal ini tentu saja menjadi hal yang manis 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, perihal cara merubah tag heading (H1, H2, dan H3) yang terdapat di dalam sebuah template
Baca : Cara Membuat Artikel SEO Friendly
"Tag heading di dalam HTML membantu kami memahami struktur halaman."
Hal ini tentu saja menjadi hal yang manis 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, perihal cara merubah tag heading (H1, H2, dan H3) yang terdapat di dalam sebuah template
Baca : Cara Membuat Artikel SEO Friendly
Cara Mengubah Tag Heading Makara SEO Friendly
Secara default, settingan tag heading pada suatu template dirumuskan menyerupai ini :<H1>Judul Website</H1>Format tersebut akan kita rubah menjadi menyerupai ini
<H2>Judul Postingan</H2>
<H2>Judul Widget</H2>
<H1>Judul Website</H1>Bagaimana cara mengubahnya? Simak pembahasannya berikut ini :
<H2>Judul Postingan</H2>
<H3>Judul Widget</H3>
- 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 arahan berikut ini :
<h1 class='title' style='background: transparent; border-width: 0px'> <b:include name='title'/> </h1> Ubahlah menjadi :
<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>Selain itu, ubah juga arahan berikut
<h1 class='title'>
<b:include name='title'/>
</h1>
Menjadi menyerupai ini :
<b:if cond='data:blog.pageType != "item"'>Selanjutnya, ubah arahan ini :
<h1 class='title'>
<b:include name='title'/>
</h1>
<b:else/>
<p class='title'>
<b:include name='title'/>
</p>
</b:if>
<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 arahan dibawah ini :
<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>
- Atur Judul Postingan Agar Menjadi H2
Jika anda mendapati pada sebuah template judul postingan memakai H3 dengan kode <h3 class='post... maka ubahlah menjadi <h2 class='post.. Selain itu pada CSS ubah semua arahan h3.post menjadi h2.post
- Yang Terakhir, Ubah Judul Widget Menjadi H3
Kode HTML widget blog biasanya berbentuk menyerupai 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 != ""'>
<h2><data:title/></h2>
Ubahlah kode <h2><data:title/></h2> menjadi <h3><data:title/></h3>. Pada CSS ubah .sidebarh2 menjadi .sidebarh3 kalau pada css widget juga terdapat arahan h2, maka ubah juga menjadi h3
Baca Juga :
- Save Template Anda
Kini, template anda sudah semakin SEO Friendly yang tentunya sangat berkhasiat untuk meningkatkan potensi blog kita untuk sanggup bersaing di serp. Demikian sedikit gosip perihal bagaimana mengubah tag heading menjadi seo friendly supaya bermanfaat bagi pembaca.
