Cara Membuat Dynamic Heading Di Blogspot

Cara Membuat Dynamic Heading Di Blog, Cara Membuat Judul Postingan Menjadi Title Header, dynamic heading Seo, H1-H4 Seo kegunaan dynamic heading sangat berpengaruh sekali untuk kualitas SEO dan mendongkrak popularitas di search engine google untuk anda yang 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 lakukanlah prosedur berikut ini:

Dynamic Heading
Dynamic Heading

  • Masuk ke akun blogger saudara
  • Pilih blog yang akan diedit, dan 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. Jadi kita lakukan trial dan error saja, 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.
Ikuti prosedur di bawah ini 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-embelmobile)
  • Kode seperti ini bisa lebih dari satu, tergantung template yang anda 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 saudara 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 saudara
  • Lalu cek di sini bila terdapat warna MERAH maka dalam HTML anda khususnya di H1-H4 ada yang bermasalah cek di sini masukan URL postingan artikel anda.


Ok, selesai sudah pengaturan semua komponen penting pada blog saudara. Sekarang blog saudara sudah lebih SEO friendly. dynamic heading ini bisa membantu memperbaiki peringkat artikel di Google.
Terima kasih telah membaca artikel Cara Membuat Dynamic Heading Di Blogspot
Artikel ini memiliki rating: 97% Top Artikel dari 93058 ratings. 93058 pembaca merekomendasikan ini.
Ditulis Oleh Zai Azura
Description: Cara Membuat Dynamic Heading Di Blogspot
Terimakasih atas kunjungan Sobat beserta kesediaan Sobat membaca artikel ini. Kritik dan Saran dapat Sobat sampaikan melalui Kotak komentar dibawah.

0 comments

Post a Comment

Catatan: (memasukan item pada komentar)
Untuk menyisipkan gambar, gunakan tag <i rel='image'>URL GAMBAR ANDA...</i>
Untuk menyisipkan kode, gunakan tag <i rel="pre">KODE ANDA...</i>
Untuk menciptakan efek tebal gunakan tag <strong>TEKS ANDA...</strong>

Link aktif akan dimatikan secara otomatis.

NB: Jika ingin menuliskan kode pada komentar harap gunakan Tool untuk mengkonversi kode tersebut agar kode bisa muncul dan jelas atau gunakan tool dibawah "Konversi Kode di Sini!".

NB: Jika ingin menuliskan komentar yang keluar dari topik pada artikel ini silahkan kehalaman OOT (Out Of Topic) dengan menekan tombol OOT di bawah ini.


Konversi Kode di Sini! Emoticon OOT
Back to Top