Membuat Dynamic Heading Pada Blogspot Sangatlah Mudah

|| || , || 3 komentar
Bagaimana Membuat Dynamic Heading Di Blogspot
Membuat Dynamic Heading Pada Blogspot Sangatlah Mudah jika anda melakukanya dengan sungguh-sungguh. Dynamic heading adalah trik SEO yang mulai banyak di pakai oleh blogger-blogger indonesia maupun dunia. Mengapa? Karena memasang dynamic heading ini adalah salah satu dari beberapa ciri atau kriteria template blog yang SEO friendly sampai saat ini. Jadi saya akan berbagi dasar untuk mengubah Heading blog menjadi Dynamic Heading yang SEO Friendly. Sekarang Perhatikan Gambar di Bawah ini dengan seksama :

Contoh Dynamic Heading Pada Tutorial Blog dan SEO Untuk Pemula


Dari gambar di atas saudara bisa melihat tida bagian yang sangat penting dari artikel saya ini:
  1. Title Tag
  2. Header Halaman
  3. Judul Artikel
Bagian-bagain di atas adalah komponen-komponen terpenting dari halaman blog anda. Dalam template default biasanya ke tiga komponen penting tersebut kurang SEO friendly. Jadi di sini saya akan membagikan dasar-dasar agar ketiga komponen pada webpage anda tersebut menjadi lebih SEO friendly. Jadi jangan sampai anda menyia-nyiakan ke tiga komponen tersebut

Mengatur Title Tag Blog Anda

Jika anda menggunakan template bawaan blogger, biasanya title tag pada template tersebut standar dan kurang SEO friendly. Title Tag adalah kode yang di taruh pada bagian head, kode ini menampilkan tampilan judul tab browser dan tampilan di hasil pencarian mesin pencari seperti Google. Kode title tag dalam template HTML adalah <title>JUDUL HALAMAN</title>.
 
Title tag standar biasanya menampilkan title seperti ini "JUDUL BLOG: JUDUL ARTIKEL". Tentu saja title tag tersebut kurang memenuhi standar SEO friendly. Setidaknya title tag tersebut harus menampilkan "JUDUL ARTIKEL: JUDUL BLOG". Bahkan kalau perlu hilangkan saja JUDUL BLOGNYA, dan hanya menampilkan JUDUL POSTINGAN saja agar tidak mengurangi kepadatan kata kuncinya.

Untuk memasang title tag yang beragam, maka pastikan title tag pada template blog saudara sama seperti pada contoh berikut:
<title>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<data:blog.title/>
<b:else/>
<data:blog.pageName/>
</b:if>
</title>
Untuk mengetahui Title Tag pada blog saudara, silahkan ikuti langkah-langkah sederhana berikut:
  • Pastikan login dengan akun blog saudara
  • Pilih  menu TEMPLATE, lalu kil tombol Edit HTML
  • Cari kode <title> dengan menggunakan CtrlF atau F3
  • Silahkan cek, apakah kode antara <title>dan</title> sama dengan kode title tag seperti di atas?
  • Jika belum, silahkan hapus semua kode HTML dari <title>sampai</title>, dan copy paste kode title tag di atas sebagai penggantinya.
  • Klik simpan untuk melihat perubahan title tag blog saudara yang beragam.
Kalau pada template blog saudara belum punya title tag, silahkan copy kode title tag berwarna merah di atas, lalu taruh tepat di bawah kode <head>.

Mengatur Header Halaman

Komponen yang ke dua yaitu mengatur Header Halaman pada blog saudara. Jika saudara memperhatikan blog saya pada komponen headernya, pada saat di beranda atau home page header halaman saya menampilkan judul blog, sedangkan saat berada di halaman artikel header blog saya menampilkan judul halaman artikel tersebut. Untuk membuat header halalaman yang berbeda-beda seperti pada blog ini, saudara hanya perlu mengikuti langkah-langkah di bawah ini:
  • Masuk ke akun blog anda
  • Masuk ke menu Template blog yang ingin anda edit
  • Klik tombol Edit HTML
  • Kemudian cari kode <b:include name='title'/> (biasanya kode seperti ini lebih dari satu, jadi anda coba saja satu persatu. Tapi saran saya cobalah mudali dari yang paling bawah terlebih dahulu.)
  • klik mouse pada kolom HTML kemudian tekan CTRL+ F atau F3 untuk mempermudah pencarian kode
  • Ganti kode <b:include name='title'/> dengan kode yang ada 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 header pada halaman artikel. Jika belum ubah lagi kode di atas menjadi <b:include name='title'/>, dan ulangi penggantian kode pada <b:include name='title'/> yang lainya.

Mengatur Judul Artikel

Jika anda menggunkan template standar yang di sediakan blogger, biasanya template tersebut memberikan Heading H3 untuk judul postingan. Ini sebenarnya sangatlah kurang SEO friendly, karena template blogger biasanya juga membberikan Heading H2 untuk nama widget atau Gadget yang anda pasang. Jadi sini kita akan  mengubah judul artikel menjadi H2 dan nama widget menjadi H3.

1. Mengubah Judul Artikel Menjadi H2
Untuk mengubah Heading judul artikel menjadi H2, anda hanya harus mengikuti langkah-langkah di bawah ini dengan teliti dan seksama:
  • Pastikan anda ada di Mode Edit HTML
  • Cari kode h3.post kalau tidak ada cari kode h3 saja (Pastikan tidak ada embel-embel mobile)
  • Kode seperti ini biasanya lebih dari satu, tergantung dari template yang anda gunakan. 
  • Ubah kode <h3 menjadi <h2,
  • Kemudian cari juga kode xxxxxxx, lalu ubah menjadi xxxxxxx
  • Jangan lupa cari  kode </h3> dan ubah menjadi </h2>
  • Klik simpan template untuk menyimpan hasilnya
2. Mengubah Nama Gadget Menjadi H3
Pada tampilan baru Editor HTML blogspot, kita di beri kemudahan untuk mencari widget atau gadget yang ingin di edit. Untuk lebih lanjut, perhatikan prosedur di bawah ini:
  • Masih di Mode Edit HTML
  • Carilah semua kode HTML yang ada pada widget blog anda. Caranya Klik tombol Lompat Widget atau Jump To pada tampilan baru Editor HTML anda. 
  • Kemudian pilih nama widget yang ingin anda ubah menjadi H3. Di sini saya menggunakan contoh Widget Popular Post milik saya.
 <b:widget id='PopularPosts1' locked='false' title='Popular Post' type='PopularPosts'>
    <b:includable id='main'>
  <b:if cond='data:title'>
<h2><data:title/></h2></b:if>
  <div class='widget-content popular-posts'>
    <ul>
      <b:loop values='data:posts' var='post'>
  • Di atas adalah HTML widget populer post milik saya, Silahkan di ubah kode berwarna biru di atas menjadi <h3><data:title/></h3>
  • Jika semuda kode widget sudah di ubah menjadi H3, silahkan simpan kembali template blog saudara.
OK, selesai sudah pengaturan semua komponen penting pada blog anda, sekarang ke tiga komponen penting tersebut sudah membuat blog anda lebih SEO friendly dari sebelumnya. Jika anda mengalami kesulitan dalam langkah-langkah di atas , jangan sungkan-sungkan untuk bertanya dengan meninggalkan pesan pada kotak komentar di bawah ini.

Selamat Mencoba... dan Semoga Bermanfaat...
Terima Kasih Atas Kunjungan Anda
Judul: Membuat Dynamic Heading Pada Blogspot Sangatlah Mudah
Ditulis Oleh Riki Junizar
Artikel ini dipatenkan pada www.myfreecopyright.com, Jika mengutip harap berikan link balik yang menuju artikel Membuat Dynamic Heading Pada Blogspot Sangatlah Mudah ini. Jika tidak akan diproses secara DMCA Takedown yang tentu saja tidak baik akibatnya bagi blog saudara. Terima kasih atas perhatiannya

/[3 komentar Untuk Artikel Membuat Dynamic Heading Pada Blogspot Sangatlah Mudah ]\
odhzar jhadeya mengatakan...

Saya sudah mengatur title tag & header halaman, tapi untuk Mengubah Judul Artikel Menjadi H2 dan Mengubah Nama Gadget Menjadi H3 ini yang ingin dan belum pernah tercapai sampai sekarang ( ga pernah ketemu kodenya)..
Ijin praktek dulu deh berdasarkan petunjuk di atas..
Thanks ya..

apa-itu-silika.html mengatakan...

mantep mas.. judul blognya berubah jd judul artikelnya saat baca post.. joz

bringislam.web.id mengatakan...

saya izin nyoba deh.. semoga berhasil.. bismillah

Posting Komentar

Terima kasih telah membaca artikel di atas, kalau boleh dibantu tolong berikan komentar yang relevan sesuai dengan topik pembahasan artikel di atas. Anda diperbolehkan berkomentar dengan memperhatikan hal-hal berikut:
1. Komentar jangan mengandung SARA dan PORNO.
2. Jangan berkomentar dengan menggunakan LINK MATI apalagi LINK AKTIF.
3. Jika anda orang Indonesia yang cinta tanah air, maka berkomentarlah dengan bahasa baku dan sopan.
Jika komentar anda melanggar syarat di atas, maka komentar anda tidak akan saya publish dan akan saya tandai sebagai SPAMER.

Terima kasih atas kunjunganya ^_&