Cara mengubah Tag Heading untuk optimasi SEO pada blog

Tag Heading yang biasa kita kenal dengan h1, h2, h3, h4, h5, dan h6 sangat berpengaruh sekali pada optimasi SEO, dalam hal ini mesin pencari lebih cenderung mengutamakan tag heading h1 dalam mengindek sebuah blog. Sementara pada template blogger, biasanya menggunakan tag heading h2 atau h3. Jadi alangkah baiknya bila kita ingin blog yang kita miliki lebih optimasi SEO, kita perlu untuk mengubah tag heading h2 atau h3 tersebut menjadi tag heading h1, terutama penggunaan tag heading pada judul artikel atau posting. Dan tips ini termasuk salah satu diantara tips SEO yang bagus menurut saya.

Nah bila anda berminat untuk optimasi SEO pada blog anda, silahkan anda bisa ikuti langkah - langkah dibawah ini :

1. Login ke blogger dengan ID anda.

2. Klik Rancangan.

3. Dan KLik tab Edit HTML.

4. Seperti biasa alangkah baiknya setiap edit Html, Download dulu Template Lengkap (back-up Template) agar template aman, bila terjadi kesalahan.

5. Jangan lupa Klik tombol "Expand Widget Templates"

6. Cari kode di bawah ini atau yang mirip dengan kode ini :

    <b:if cond='data:post.title'>
      <h3 class='post-title entry-title'>
      <b:if cond='data:post.link'>
        <a expr:href='data:post.link'><data:post.title/></a>
      <b:else/>
        <b:if cond='data:post.url'>
          <b:if cond='data:blog.url != data:post.url'>
            <a expr:href='data:post.url'><data:post.title/></a>
          <b:else/>
            <data:post.title/>
          </b:if>
        <b:else/>
          <data:post.title/>
        </b:if>
      </b:if>
      </h3>
    </b:if>

Catatan:
Setiap template belum tentu sama, bisa menggunakan tag h3 atau tag h2

7. Silahkan ganti kode diatas dengan kode dibawah ini :

    <b:if cond='data:post.title'>
      <h1 class='post-title'>
      <b:if cond='data:post.url'>
        <a expr:href='data:post.url'><data:post.title/></a>
      <b:else/>
        <data:post.title/>
      </b:if>
      </h1>
    </b:if>

8. Langkah selanjutnya cari lagi kode dibawah ini atau yang mirip dengan kode ini :

]]></b:skin>

9. Copy kode dibawah ini dan taruh sebelum kode ]]></b:skin> :

.post h1{

border-bottom:0 Dotted #000;

margin:-4px 0 0 0;

padding:0 0 4px;

color:#1c3c6f;

font:bold 150%/1.4em impact,"Segoe UI",Calibri,"Myriad Pro",Myriad,"Trebuchet MS",Helvetica,Arial,sans-serif

}

.post h1 a,.post h1 a:visited,.post h1 strong{

display:block;

text-decoration:none;

color:#333;

font-weight:normal;

font-family:impact,"Segoe UI",Calibri,"Myriad Pro",Myriad,"Trebuchet MS",Helvetica,Arial,sans-serif;outline:none

}

.post h1 strong,.post h1 a:hover{

text-decoration:none;

color:#333;

outline:none

}

Catatan :
Anda bisa mengatur style font atau tampilan tampilan judul artikel, dengan merubah nilai besar kecilnya font, warna font, ataupun jenis font, sesuai selera anda.

10. Simpan Template.

Selamat mencoba ya...
Semoga bermanfaat.... Anda juga bisa berlangganan artikel-artikel terbaru dari saya, silahkan anda masukkan email pada forum Langganan Via Email yang ada disebelah kanan halaman ini. Jangan lupa luangkan waktu untuk beri komentar ya......, Terima kasih.