Cara Membuat Heading Dinamis Blogspot

Heading dinamis merupakan bagian penting dari optimasi judul dan deskripsi yang dilihat dalam tingkat relevansi terhadap konten suatu situs. Artinya judul dan deskriptsi blog dapat disesuaikan dengan halaman yang dibuka pengunjung (inner page) dengan tag H1 dan H2 sebagai identitas blog kita. Hal ini mempercepat indeksi crawler terhadap blog dan artikel kita. Disamping itu kita mempunyai data identitas dari tag H1 dan H2 (judul dan deskripsi) yang akan terkoneksi secara otomatis terhadap setiap artikel. Selanjutnya, salah satu pemaksimalan konten adalah dengan mengarahkan setiap konten kepada home page melalui heading dinamis sebagai landing page (link tujuan). Dari sini anda dapat mengoptimalkan situs pada hasil pencarian dan lebih seo friendly. Baiklah, sekarang mari kita bahas cara membuat heading dinamis blogspot, ikuti langkah berikut.

Log in ke blog anda
Klik Rancangan
Klik Edit HTML
Centang Expand Template Widget
Cari kode sperti berikut

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

Hapus kode semua di atas dan ganti dengan kode di bawah ini

<div id='header-inner'><div class='blogtitle'><b:if cond='data:blog.url == data:blog.homepageUrl'><h1 id='blogtitle'><a expr:href='data:blog.homepageUrl'><data:title/></a></h1><b:else/><b:if cond='data:blog.pageType == &quot;item&quot;'>
<h2 id='blogtitle'><a expr:href='data:blog.homepageUrl'><data:title/></a></h2>
<b:else/><h1 id='blogtitle'><a expr:href='data:blog.homepageUrl'><data:title/></a></h1>
</b:if></b:if></div><b:include name='description'/></div>

Selanjutnya cari lagi kode berikut. Kalau di tempat saya kode ini berada di atas kode <data:post.body/>

<a expr:name='data:post.id'/>
<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>

Hapus kode semua di atas dan ganti dengan kode di bawah ini

<a expr:name='data:post.id'/><b:if cond='data:blog.url == data:blog.homepageUrl'>
<b:if cond='data:post.title'><h2 class='post-title entry-title'><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'><a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a>
<b:else/><data:post.title/></b:if></b:if></h2></b:if><b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'><b:if cond='data:post.title'>
<h1 class='post-title entry-title' style='font-size:1.3em;'><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'><a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a>
<b:else/><data:post.title/></b:if></b:if></h1></b:if><b:else/><b:if cond='data:post.title'>
<h2 class='post-title entry-title'><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'>
<a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a><b:else/><data:post.title/>
</b:if></b:if></h2></b:if></b:if></b:if>

Selanjutnya klik Simpna Template
Sekarang anda sudah mempunyai heading dinamis yang membuat blog anda seo friendly.
Selamat mencoba dan sukses selalu

"keep spirits and do the best"