Cara membuat Heading Dinamis H1-H2

Kali ini saya akan membuat sebuah artikel yang berjudul Cara membuat heading dinamis Kenapa saya mempostingkan cara membuat Tag heading dinamais?

Karena heading merupakan struktur terpenting dalam optimasi SEO Friendly dalam sebuah blog tersebut, Heading merupakan pengenal untuk pertama kali pada title, Karena dianggap suatu identitas blog untuk menyesuaikan halaman yang sedang dibuka (inner Page).

Teknik Dinamis Headinh H1 dan H2 akan dapat mendongkrak SEO dalam blog kita dan mudah untuk cepat di Index oleh goole, karena setiap halaman yang dibuka akan selalu terdapat sebuah Heading H1 dan H2 yang menjadi suatu identitas blog tersebut.
1 lagi dalam optimas SEO anda bisa membuat bloag anda menjadi SEO dengan menggunakan Anchor Text

Pada Halam utama sebuah blog (Index) H1 digunkan untuk title blog dan H2 uuntuk Post title.

Di halaman single post, H1 digunakan untuk post title dan blog title menggunakan H2 (posisinya dibalik). Untuk melengkapi halaman lain seperti kategori (label) dan archive agar tetap SEO friendly, maka pada dua halaman tersebut H1 ditaruh di title blog dan H2 pada post title.

Jadi, penyusunan heading H1 dan H2 bisa anda lakukan dengan langkah-langkah sebagai berikut.

• Centangi Expand Widget Templates
• Cari kode berikut (tekan CTRL + F):

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

  • Ganti kode tersebut 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>

  • Kemudian cari lagi kode berikut dengan cara yang sama seperti sebelumnya.

  <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>

  • Ganti kode tersebut 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.t itle'><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>

• Simpan Template anda. 

Jika ada kesalah seperti pada template saya hapus kode </b:if>

Sekian dari saya mengenai Teknik SEO dengan mengganti heading menjadi dinamis semoga bermanfaat