Membuat Dynamic Heading Blog

Semakin banyak blogger yang ingin menggunakan trik ini, karena ini adalah satu dari beberapa kriteria template SEO friendly saat ini. Jadi Saya akan berbagi dasar untuk mengubah heading di blog kita menjadi dynamic heading. Sekarang perhatikan gambar di bawah ini.

Pada gambar di atas Sobat bisa melihat tiga bagian penting pada halaman artikel saya, yaitu:
1. Title Tag
2. Header Halaman
3. Judul Artikel
Ketiga komponen inilah bagian terpenting dari sebuah webpage, jangan sampai Sobat menyia-nyiakan ketiga komponen ini dengan pengaturan yang salah. Jadi mari kita sama-sama belajar dasar untuk mengatur setelan template menjadi SEO friendly.hehehehe

Mengatur Header Halaman
Kita menginginkan agar header halaman ini menuliskan nama blog saat berada di homepage, dan menuliskan judul artikel saat berada di halaman artikel. Oleh karena itu kita perlu membuat beberapa pengaturan pada HTML blog. 
Untuk melakukan itu langkah nya sebagai berikut :

    Masuk ke akun blogger sobat
    Masuk ke dalam menu TEMPLATE
    Klik tombol EDIT HTML kemudian pilih LANJUTKAN
    Klik EXPAND TEMPLATE WIDGET

 Cari kode <b:include name='title'/> dengan menggunakan control+f pada browser. Biasanya akan ada 3 kode seperti ini., tapi saran saya mulailah dari yang paling bawah.
    Ganti kode <b:include name='title'/> dengan kode di bawah ini:

        <b:if cond='data:blog.pageType != &quot;item&quot;'>
        <b:include name='title'/>
        <b:else/>
        <data:blog.pageName/>
        </b:if>

 Simpan perubahan dan lihat apakah sudah berubah judul pada halaman artikel. Jika belum ubah kembali kode di atas menjadi <b:include name='title'/>, dan ulangi penggantian kode pada <b:include name='title'/> yang lainnya.

Mengatur Judul Artikel
Secara default biasanya template memberikan heading H3 untuk judul posting. Ini sebenarnya kurang SEO friendly. Apalagi secara default template blogger memberikan heading H2 juga untuk nama gadget. Jadi di sini kita ingin mengubah judul artikel menjadi heading H2.

Langkahnya sebagai berikut untuk mengubah judul artikel:

 Masih di mode EDIT HTML sekarang gunakan control+f pada browser untuk mencari kode h3.post (pastikan kodenya tidak ada embel-embel mobile)
 Kode seperti ini bisa lebih dari satu, tergantung template yang Sobat gunakan. Sekarang ubah semuanya menjadi h2.post

  Jika sudah, sekarang dengan control+f carilah semua kode <h3 class='post
 Ubah semuanya menjadi <h2 class='post
 Ubah juga end tag </h3> menjadi </h2>
 Simpan perubahan pada template

TAMBAHAN: MENGUBAH JUDUL WIDGET JADI H3
Sekarang template blog sobat sudah menggunakan dynamic heading. Tinggal mengubah judul gadget menjadi h3....
Masih di mode EDIT HTML pada menu TEMPLATE, carilah semua kode HTML untuk widget blog anda. Kita ambil contoh pada widget Arsip Blog seperti pada kode di bawah:

        <b:widget id='BlogArchive1' locked='false' title='Arsip Blog' type='BlogArchive'>
        <b:includable id='main'>
          <b:if cond='data:title'>
            <h2><data:title/></h2>
          </b:if>

    Silahkan diubah kode berwarna biru di atas menjadi <h3><data:title/></h3>
    Jika semua kode pada widget sudah diubah menjadi h3 silahkan simpan lagi template blog sobat

Ok, selesai sudah pengaturan semua komponen penting pada blog sobat. Sekarang blog sobat sudah lebih SEO friendly. 

 Yah itulah ilmu yang saya dapat dari googling,hehehe kurang lebih nya saya minta maaf ya sob...hehehehehe
Mudah-mudahan dynamic heading ini bisa membantu memperbaiki peringkat artikel-artikel blog sobat di Google. 

Sumber : Bagaimana cara membuat dynamic heading di blogspot?