Minggu, 09 Juni 2013

Cara Membuat Dynamic Heading Di Blogspot

Cara Membuat Dynamic Heading Di Blogspot

Cara Membuat Dynamic Heading Di Blogspot | Semakin banyak blogger yang ingin menggunakan trik ini, karena ini adalah salah satu dari beberapa kriteria template SEO Friendly saat ini. Kegunaan dynamic heading sangat berpengaruh sekali untuk kualitas SEO dan mendongkrak popularitas di search engine Google. Jadi postingan tentang blog SEO kali ini akan membahas tentang cara membuat atau merubah heading di blog menjadi dynamic heading.

Cara Membuat Dynamic Heading Di Blogspot

Pada gambar diatas kita dapat melihat ada 3 bagian atau komponen penting dalam artikel saya, yaitu:
  1. Title Tag
  2. Header Halaman
  3. Judul Artikel
Ketiga komponen tersebut adalah bagian terpenting artikel suatu blog, jangan sampai anda menyia-nyiakan ketiga komponen tersebut dengan pengaturan yang salah. Jadi marilah belajar untuk mengatur setelan template menjadi lebih SEO Friendly dengan dynamic heading. Kalau anda malas untuk mengedit-edit HTML, mungkin anda bisa mencoba memakai template SEO Friendly yang sudah di setting menjadi dynamic heading disini.

Mengatur Title Tag
Kebanyakan para blogger membiarkan title tag blognya dalam keadaan default atau standar saja. Contohnya blog yang menggunakan title tag seperti (judul blog): (judul posting) atau (judul posting) | (judul blog). Maka title tag-nya akan terlihat seperti "Blog Mas Hanif: Dynamic Heading Seo Friendly" dan "Dynamic Heading Seo Friendly | Blog Mas Hanif", pastikan anda tidak melakukan kesalahan itu. Title tag yang paling SEO Friendly adalah hanya (judul posting). Karena setiap penambahan kata dalam title tag akan mengurangi persentase kepadatan kata kunci tersebut.

Mengatur Header Halaman
Untuk anda yang menginginkan agar header halaman menuliskan nama blog saat berada di homepage dan menuliskan judul artikel saat berada di halaman artikel, kita perlu membuat beberapa pengaturan pada HTML blog. Untuk melakukan itu silahkan mengikuti beberapa langkah berikut.

1. Masuk ke Blogger
2. Masuk ke dalam menu Template, lalu Edit HTML
3. Cari kode <b:include name='title'/>, jika kode ada lebih dari satu coba satu persatu kode tersebut, tapi lebih baik anda mulai dari yang paling bawah.
4. 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>

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

Mengatur judul artikel
Secara default biasanya blogger memberikan template dengan H3 sebagai judul artikel, sebenarnya ini kurang SEO Friendly. Apalagi secara default heading H2 diberikan untuk judul widget. Jadi ikutilah langkah-langkah berikut untuk membuat template kita menjadi lebih bagus untuk SEO.
  • Pada menu Edit HTML, silahkan cari kode .post h3
  • Kode seperti itu biasanya lebih dari satu, ganti semua .post h3 menjadi .post h2
  • Sekarang carilah kode <h3 class='post dan ubah semua menjadi <h2 class='post
  • Jangan lupa ubah juga tag penutup nya dari </h3> menjadi </h2>
  • Simpan Template
Tambahan: Mengubah judul widget menjadi H3
Setelah semua langkah diatas dilakukan saya pastikan blog sobat sudah menakai dynamic heading dan menjadi lebih SEO Friendly. Sekarang tinggal merubah nama widget menjadi h3.

Silahkan cari kode widget, sebagai contoh saya ambil kode ini:

<b:widget id='HTML2' locked='false' title='Join and Get Updates' type='HTML'>
    <b:includable id='main'>
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>

Ubah dan gantilah <h2 class='title'><data:title/></h2> menjadi <h3 class='title'><data:title/></h3>. Jangan lupa gantilah juga kode CSS nya seperti contoh, ganti kode dari h2 { menjadi h3 { . Kalau sudah selesai silahkan simpan template.

Selesai sudah pengaturan semua komponen penting pada blog anda. Sekarang blog anda sudah lebih SEO friendly. Jika anda ingin menjadi lebih seo friendly lagi mungkin bisa mencoba memasang breadcrumbs. Mudah-mudahan dynamic heading ini bisa membantu memperbaiki peringkat artikel-artikel blog saudara di Google. Sekian Cara Membuat Dynamic Heading Di Blogspot.

Tidak ada komentar:

Posting Komentar