Cara Mudah Membuat Dynamic Heading di Blog

Cara Membuat Dynamic Heading di Blog - Sebelumnya Blog Pintasku sudah pernah menjelaskan tentang Fungsi Tag H1 H2 H3 H4 H5 H6 Oleh karena itu saya akan melanjutkannya. Perlu diketahui metode menggunakan Dynamic Heading pada Blog itu adalah salah satu Teknik SEO yang lebih tepatnya adalah Teknik SEO On Page karena kita akan merubah Struktur Template Blog. Mungkin pada umumnya kebanyakan para blogger menggunakan Template Default dari Blogger, tetapi perlu di ketahui oleh para sobat reader Template Default dari Blog masih ada kelemahan, contohnya seperti judul blog yang berada di halaman posting berada pada posisi h2 padahal lebih bagusnya judul artikel ketika berada pada halaman posting yang berada pada posisi h1.

Trik Dynamic Heading Blog itu umumnya digunakan pada Tag H1, H2, H3 dan terkadang juga H4. Karena perkembangan teknologi sekarang sudah ada sebuah heading tag yang baru yaitu tag h5 dan h6, dan perlu sobat ketahui Tag Heading H1 H2 H3 H4 H5 H6  itu sangatlah berperan penting di Platforms Blogspot karena dengan Cara Mengatur Tag Heading H1 H2 H3 H4 H5 H6 itu akan membuat blog kita menjadi lebih SEO Friendly

Apa Fungsi Tag Heading H1 H2 H3 H4 H5 H6 ?

Setiap Tag Heading itu memiliki Fungsi yang berbeda beda. Tidak semua Tag Heading itu sama posisi penempatannya, contohnya : Pada judul blog dan judul postingan, keduanya ini harus menggunakan Tag Heading yang berbeda. Silahkan untuk lebih jelasnya untuk membaca artikel sebelumnya tentang : Mengenal Fungsi Tag H1 H2 H3 H4 H5 H6

Cara Membuat Dynamic Heading Pada Blog ?

Oke setelah penjelasan singkat tadi sekarang kita masuk ke bagian praktiknya, Untuk Membuat Dynamic Heading Pada Blog itu menurut saya gampang tetapi sobat perlu memperhatikan dengan detail setiap kode HTML yang akan saya berikan, apakah sama atau tidak, jadi sobat perlu berhati hati saat mencari atau mengganti kode HTML supaya nanti tidak terjadi error ketika Mempraktikan Cara Membuat Dynamic Heading. Oke langsung saja ikuti tutorialnya dibawah ini.

1. Masuk Ke Editor HTML Blog Sobat

2. Cari kode berikut ini. (CTRL + F untuk mempermudah pencarian)

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

Ganti dengan kode berikut ini.

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

3. Cari lagi kode seperti dibawah 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>

Ganti dengan kode berikut 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. Cari lagi kode seperti dibawah ini.

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

lalu lihatlah dibawah kode tersebut nanti akan ditemukan sama seperti kode dibawah 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>

Gantilah 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 atau Simpan.

Nahh selesai juga Membuat Dynamic Heading Pada Blog, Untuk mengatur Tag Heading H1  H2 H3 H4 H5 H6, silahkan sobat untuk mencari kode seperti : <h1> <h2> <h3> <h4> <h5> <h6> lalu ubahlah masing masing kode tersebut sesuai yang sobat inginkan. Sebelum mengatur Tag Heading H1 H2 H3 H4 H5 H6 saya sarankan sobat untuk membaca dahulu artikel sebelumnya yaitu : Mengenal Fungsi Tag H1 H2 H3 H4 H5 H6

Sekian Tutorial dari saya mengenai Cara Membuat Dynamic Heading di Blog Semoga Tutorial ini bisa bermanfaat untuk semuanya. Terimakasih telah mengunjungi Blog Pintasku, Jika ada pertanyaan silahkan berkomentar.