-->
Cara Mengubah Tag Heading Menjadi Seo Friendly
4/ 5 stars - "Cara Mengubah Tag Heading Menjadi Seo Friendly" Cara mengubah tag heading menjadi seo friendly - tag heading atau yang juga disebut heading tags merupakan sebuah tag yang berkhasiat untu...

Cara Mengubah Tag Heading Menjadi Seo Friendly



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.

Cara mengubah tag heading menjadi seo friendly Cara Mengubah Tag Heading Menjadi SEO Friendly


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.


Menurut spesialis webmaster, John Mueller, ia menyampaikan bahwa :
"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>
<H2>Judul Postingan</H2>
<H2>Judul Widget</H2>
Format tersebut akan kita rubah menjadi menyerupai 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 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 != &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 arahan berikut
<h1 class='title'>
<b:include name='title'/>
</h1>

Menjadi menyerupai 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 arahan 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 arahan 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 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 != &quot;&quot;'>
<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.