Lompat ke konten Lompat ke sidebar Lompat ke footer
Beranda / cara buat dynamic haeding blogspot / tips dan trik blog

Cara Gampang Membuat Dynamic Heading SEO Friendly di Blogspot

cs1 1 komentar
Tahukah anda bahwa membuat dynamic heading di blogspot itu merupakan kriteria dari template yang SEO friendly dan itu merupakan penerapan dari on page SEO juga? Sebenarnya apa sih dynamic heading itu? Saya sendiri tidak tahu secara persis, tapi di sini saya akan mencoba menjelaskan lebih detail mengenai hal ini.

Mungkin anda pernah menjumpai blog yang title blog pada headernya berbeda-beda setiap, itu loh seperti blog benar2seo.blogspot.com. Jika anda mengklik halaman homepage blog ini, maka title blog pada headernya adalah 
Benar2seo | Tips dan Trik Blog, tetapi ketika anda membuka salah satu artikel title pada header akan berubah menjadi title artikel yang sedang anda buka tersebut.

Di sini  benar2 SEO akan sedikit berbagi dasar untuk mengubah heading di blogspot menjadi dynamic heading. Sekarang perhatikan gambar di bawah ini.
Dynamic heading blogspot
Pada gambar di atas anda bisa lihat ada tiga bagian penting pada halaman tersebut, yaitu:
1. Title Tag
2. Header Halaman
3. Judul Artikel
Dan ketiga komponen ini adalah bagian terpenting dari sebuah webpage, jangan sampai anda salah dalam pengaturan tersebut. Jadi di sini saya akan berbagi tentang dasar pengaturan setelan template menjadi SEO friendly.

Mengatur Title Tag
Masih banyak blog yang membiarkan title tagnya dalam keadaan standar saja. Misalnya blog "Baju Muslim" membuat artikel "Bagaimana cara membuat baju trend yang islami?". Maka title tag-nya akan menuliskan "Baju Muslim: Bagaimana cara membuat baju trend yang islami?  Kita bisa lihat bahwa tempat terbaik dalam title tag, yaitu bagian terdepan dari title tag diisi dengan nama blognya. Padahal sangat sedikit, bahkan jarang seorang mencari keyword "Baju Muslim".

Setidaknya title tag blog itu harus menuliskan "Bagaimana cara membuat baju trend yang islami? | Baju Muslim . Bahkan jika perlu hilangkan saja nama blog dan tuliskan "Bagaimana cara membuat baju trend yang islami?" Karena setiap penambahan kata dalam title tag akan mengurangi persentase kepadatan kata kunci tersebut.

Mengenai cara memasang title tag silakan baca di artikel Cara Memasang Title Tag, Meta Description, dan Heading Tag.

Catatan :
Silakan anda back-up dulu template untuk jaga-jaga jika terjadi kesalahan tinggal dikembalikan ulang templatenya.


Mengatur Header Halaman
Agar header halaman blog anda bisa menuliskan nama blog saat berada di homepage, dan menuliskan judul artikel saat berada di halaman artikel. Maka anda perlu membuat beberapa pengaturan pada HTML blog. Silakann anda melakukan prosedur berikut ini:
  • Masuk ke akun blogger
  • Masuk ke dalam menu TEMPLATE > EDIT HTML
  • Buka semua kode template caranya... Klik di sembarang tempat di dalam kode. Tekan CTRL+A, lalu tekan CTRL+C, lalu tekan DEL, dan terakhir paste dengan menekan CTRL+V.... Semua kode akan terbuka penuh....
  • Cari kode <b:include name='title'/> dengan menggunakan control+f pada saat kursor aktif di kotak edit kode HTML. 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

Biasanya template memberikan heading H3 untuk judul posting. Jadi sebenarnya hal tsb 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.

Untuk mengubah judul artikelnya silakan  ikuti prosedur di bawah ini 
  • Masuk TEMPLATE > EDIT HTML.  Cari kode h3.post (pastikan kodenya tidak ada embel-embel mobile)
  • Biasanya kode seperti ini bisa lebih dari satu, tergantung template yang anda gunakan. Tinggal anda ubah semuanya menjadi h2.post
  • Jika sudah, carilah semua kode <h3 class='post
    Ubah semuanya menjadi <h2 class='post
  • Ubah juga end tag </h3> menjadi </h2>
  • Klik Simpan 

 TAMBAHAN: Cara Mengubah Judul Widget jadi H3

Tinggal satu lagi yaitu mengubah judul gadget menjadi h3 setelah template blog anda sudah menggunakan dynamic heading.... 
  • 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>
  • Silakan anda ubah kode berwarna merah di atas menjadi <h3><data:title/></h3>
  • Jika semua kode pada widget sudah diubah menjadi h3 silakan simpan lagi template blog anda. 
Selesai sudah pengaturan semua komponen penting pada blog anda. Untuk sekarang blog anda sudah lebih SEO friendly. Mudah-mudahan dynamic heading ini bisa membantu memperbaiki peringkat artikel-artikel pada blog anda di Google.

Disarikan dari blog :
http://trikmudahseo.blogspot.com/2012/09/bagaimana-cara-membuat-dynamic-heading-di-blogspot.html. Dengan perubahan dari admin

1 komentar untuk "Cara Gampang Membuat Dynamic Heading SEO Friendly di Blogspot"