Rizqi Official

Rizqi Official

» » Cara Membuat Dynamic Heading Di Blog

Cara Membuat Dynamic Heading Di Blog

Unknown
Tutorial Blog
Kamis, 10 Juli 2014
2 Komentar
Tag Heading

Cara Membuat Dynamic Heading Di Blog - 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.

Title Tag

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.

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 "Rizqi Official: Dynamic Heading Seo Friendly" dan "Dynamic Heading Seo Friendly - Rizqi Official", 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.com
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.

  1. Pada menu Edit HTML, silahkan cari kode .post h3
  2. Kode seperti itu biasanya lebih dari satu, ganti semua .post h3 menjadi .post h2
  3. Sekarang carilah kode <h3 class='post dan ubah semua menjadi <h2 class='post
  4. Jangan lupa ubah juga tag penutup nya dari </h3> menjadi </h2>
  5. 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 dari saya semoga bermanfaat.

2 Responses to "Cara Membuat Dynamic Heading Di Blog"

avatar
Balas
Hapus
Noval Official 11 Juli 2014 pukul 05.09 Cara Membuat Dynamic Heading Di Blog

andai aja widget heading2 nya bisa diatur langsung ke heading3

avatar
Balas
Hapus
Unknown 11 Juli 2014 pukul 05.28 Cara Membuat Dynamic Heading Di Blog

bnr mas :D tapi kan Template skrg otomatis langsung ke h2

Catatan:
• Dilarang menulis link aktif!
• Dilarang ngiklan di kolom komentar!
• Untuk menyisipkan kode pendek, gunakan tag <i rel="code"> ... KODE ... </i>
• Untuk menyisipkan kode panjang, gunakan tag <i rel="pre"> ... KODE ... </i>
• Untuk menyisipkan catatan, gunakan tag <b rel="quote">.. TEKS ... </b>
• Untuk menyisipkan gambar, gunakan tag <i rel="image"> ... URL GAMBAR ... </i>

Sebelum menyisipkan kode silahkan gunakan Tool Konversi Kode terlebih dahulu untuk menampilkan kode tersebut pada kolom komentar

Emoticon