Kode Heading Tag H1 untuk Logo Blog Image

Baca Juga

Ringkasan: Tips ini membahas cara mengatasi judul blog <H1> zero atau hilang, mengatasi "H1 Zero. That is Really Bad" di Chkme, kode Heading Tag H1 untuk Logo Blog Image, atau Title Blog dengan Gambar agar terdeteksi sebagai Heading Tag H1.

HEADING Tag H1 atau H1 Tags Heading adalah bagian dari kode HTML untuk menunjukkan bagian terpenting dalam halaman situs web/blog. HTML --singkatan dari HyperText Markup Language-- adalah kode-kode standar yang digunakan untuk membuat halaman web.

Dalam sebuah halaman blog, Heading Tag H1 adalah bagian terpenting. Bahasa mudahnya, ia adalah Headline (Judul Utama) di sebuah halaman.

Di koran kita terbiasa melihat judul paling besar di halaman depan. Dalam dunia blog atau situs web, itulah yang disebut Heading Tag H1.

Template blog umumnya menggunakan Heading Tag H1 untuk nama atau judul blog (Blog Title). Para blogger, agar blognya tampak profesional, biasanya menggunakan logo, gambar, atau image untuk menggantikan teks judul blog.

Jika judul/nama blog menggunakan teks, maka mesin pencari --terutama Google-- bisa mendeteksinya dengan baik. Namun, jika nama blog menggunakan logo image atau gambar, biasanya Heading Tags H1 jadi hilang, zero, alias tidak terdeteksi oleh mesin pencari sehingga blog pun tidak SEO friendly.

BAGAIMANA MENGATASINYA?

Jika nama blog Anda menggunakan logo gambar, cek dulu di CHKME. Jika sudah terdeteksi H1, maka tidak usah meneruskan baca posting ini. Blog Anda sudah SEO Friendly dan aman.

Kode Heading Tag H1 untuk Logo Blog Image

Ini dia Kode Heading Tag H1 untuk logo image atau gambar yang menjadi judul/nama blog:

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<h1 style='text-indent:-9999px;margin:0 0 0 0;padding:0 0 0 0;height:0px;'>
<b:include name='title'/></h1>
</b:if>
</b:if>

Simpan di bawah kode: 

<!--Show the image only-->
<div id='header-inner'>

Jadinya begini:

<!--Show the image only-->
<div id='header-inner'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<h1 style='text-indent:-9999px;margin:0 0 0 0;padding:0 0 0 0;height:0px;'>
<b:include name='title'/></h1>
</b:if>
</b:if>

CARA LAIN MENGATASI HEADING TAG H1

Beradasarkan pengalaman, kode di atas sudah cukup mengatasi Heading Tag H1 logo gambar blog.

Jika cara di atas gagal --dan kemungkiannnya sangat kecil, cara lainnya adalah Dengan Menambahkan  Kode <h1> di depan kode gambar logo:

<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>
</div>

Bisa juga 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>
</div>

Itulah kode Kode Heading Tag H1 untuk Logo Blog Image berdasarkan hasil test terhadap sejumlah blog yang nama blognya menggunakan logo.

Anda tinggal pilih kode yang mana, namun direkomendasikan menggunakan kode yang pertama.*