Cara Membuat Dynamic Heading Pada Template Terkemuka

Seo v6- Cara Membuat Dynamic Heading Pada Template Terkemuka, Dengan pengoptimalan tag heading akan membantu posisi serp blog pada halaman penelusuran, ini salah satu cara kita untuk meningkatkan kualitas SEO blog khusunya pada template terkemuka.

Template terkemuka ini merupakan template bawaan blogger yang mempunyai desain yang cantik, dengan balutan warna yang indah, simple dan tentu saja sayang kalo tidak kita maksimalkan dengan menambah heading dinamis.

Baiklan ikuti langkah-langkah berikut untuk membuat dinamic heading pada template terkemuka 

Baik langsung saja kita kerjakan , cari code berikut di dalam template pada widget header:

   <b:includable id='title'>
          <div>
            <b:class cond='data:this.imagePlacement == &quot;REPLACE&quot;' name='replaced'/>
            <b:include name='super.title'/>
          </div>
        </b:includable>

Kalau sudah menemukan code diatas ganti semuanya dengan code HTML dibawah ini:

        <b:includable id='title'>
    <div>
          <b:if cond='data:blog.url == data:blog.homepageUrl'>
                <b:include name='super.title'/>
  <b:else/>
            <div class="seo-v6"> <a expr:href='data:blog.homepageUrl'><data:title/></a></div>
  </b:if>
                      </div>
        </b:includable>

Selanjutnya merubah heading halaman postingan, cari kode di bawah ini pada widget blog:

        <b:includable id='postTitle' var='post'>
  <a expr:name='data:post.id'/>
  <b:if cond='data:post.title != &quot;&quot;'>
    <h3 class='post-title entry-title'>
      <b:if cond='data:post.link or (data:post.url and data:view.url != data:post.url)'>
        <a expr:href='data:post.link ?: data:post.url'><data:post.title/></a>
      <b:else/>
        <data:post.title/>
      </b:if>
    </h3>
  </b:if>
</b:includable>

Hapus semua ganti dengan code HTML di bawah ini:

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

Sampai disini Headings blog sudah dinamis namun kalau kita lihat pada template terkemuka ada keanehan pada tampilan header di halaman blog postingan. Jangan khawatir untuk memperbaikinya kita cukup tambahkan css ini di diatas ]]></b:skin> :

.seo-v6 a{ color: #000000; font: 700 24px Open Sans, sans-serif; line-height: 24px; text-transform: uppercase; } .sticky .search, .sticky .search-expand, .sticky .subscribe-button, .sticky .seo-v6 a { line-height: 40px; }

Sampai disini Template terkemuka sudah memiliki Dynamic Heading yang akan meningkatkan seo one page blog sobat, jika ada yang kurang jelas bisa komen dibawah - seo v6.