Wednesday, May 21, 2014

Mengatasi Masalah Heading Tag H1 Image Logo Blog

heading-h1-tag-blogger
JIKA blog Anda menggunakan "Blog Title" dengan logo gambar (image), biasanya ada masalah dengan Heading H1 Tag-nya. Ia jadi hilang atau tidak terdeteksi oleh Chkme --situs penilai skor SEO Blog-- karena default H1 itu berupa teks (logo teks). Bagaimana mengatasinya?

Kita bahas dulu soal Tag H1 ini. Heading Tag H1 merupakan elemen terpenting dalam SEO blog. H1 Tag ibarat "Headline News" atau berita utama suratkabar atau laporan utama majalah.

Chkme memberikan nilai 22% bagi H1 Tag. Skor SEO Blog tanpa H1 Tag dipastikan berkurang minimal 22% di Chkme. Ini contohnya, untuk kasus template blog http://cibimagz.blogspot.com

SEBELUM TAG H1 DIPERBAIKI: 
  • H1: Zero, that is Really Bad!
  • SEO Score for http://cibimagz.blogspot.com
  • 78 % - A great result, you can do more!
SESUDAH TAG H1 DIPERBAIKI:
  • H1: 1, that is Good
  • SEO Score for http://cibimagz.blogspot.com
  • 100 % - Congratulations!
*** Silakan cek: http://chkme.com/seo-cibimagz.blogspot.com

Cara Mengatasi Masalah Heading Tag H1  Logo Image

Cek dulu blog Anda di Chkme. Jika H1 sudah OK, gak usah lakukan langkah-langkah di bawah ini. Jika H1 "Zero" alias "missing", maka lakukan perbaikan:

1. Di Dashboar Blog: klik menu "Template" > "Edit HTML"
2. Temukan kode seperti berikut ini:

<!--Show the image only-->
<div id='header-inner'>
        <a expr:href='data:blog.homepageUrl' style='display: block'>
          <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
        </a>

3. Tambahkan kode <h1> dan </h1> seperti contoh berikut ini:

<!--Show the image only-->
div id='header-inner'>
        <h1><a expr:href='data:blog.homepageUrl' style='display: block'>
          <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
        </a></h1>

Jika tidak berhasil, coba cara kedua, seperti ini:

<div id='header-inner'>
        <a expr:href='data:blog.homepageUrl' style='display: block'>
          <h1><img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/></h1>
        </a>

4. Save Template!

Setidaknya itulah yang CB lakukan setiap kali menggunakan nama atau logo blog berupa gambar (image), agar Judul Blog ini tetap terdeteksi Chkme dan mesin pencari sebagai Heading Tag H1.

Referensi:
  • http://www.fastcolabs.com/3016894/should-your-tag-be-your-logo
  • http://www.web2feel.com/how-to-replace-my-site-name-text-with-a-logo-image/

Artikel Terkait