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.
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.
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.
Ini dia Kode Heading Tag H1 untuk logo image atau gambar yang menjadi judul/nama blog:
Simpan di bawah kode:
Jadinya begini:
CARA LAIN MENGATASI HEADING TAG H1Beradasarkan 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:
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.
Ini dia Kode Heading Tag H1 untuk logo image atau gambar yang menjadi judul/nama blog:
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<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>
<b:if cond='data:blog.pageType != "static_page"'>
<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>
<!--Show the image only-->
<div id='header-inner'>
<div id='header-inner'>
<!--Show the image only-->
<div id='header-inner'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<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>
<div id='header-inner'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<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
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 + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/></a></h1>
</div>
<h1><a expr:href='data:blog.homepageUrl' style='display: block'>
<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/></a></h1>
</div>
<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 + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/></h1></a>
</div>
<a expr:href='data:blog.homepageUrl' style='display: block'>
<h1><img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' 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.*
Anda tinggal pilih kode yang mana, namun direkomendasikan menggunakan kode yang pertama.*
