Menurut standardisasi pengkodean HTML yang valid, setiap halaman seharusnya hanya memiliki sebuah tag H1. Dan menurut disiplin SEO, H1 hanya boleh tampil 1 kali di setiap halaman – jika ada 2 – maka katanya akan membuat robot mesin pencari kebingungan untuk menentukan yang mana judul artikel atau mana yang perlu di beri prioritas.

Efeknya akan berpengaruh pada posisi halaman di hasil pencarian, atau paling tidak halaman anda seret indeks (benarkah?)

Di halaman muka (homepage) blog WordPress, tag ini umumnya di letakan untuk membungkus judul blog, semisal judul blog ini <h1>Blog SEO Dan Dunia Berita</h1>. Namun timbul masalah, jika judul artikel di bagian single.php juga di bungkus tag yang sama, berarti terdapat 2 H1 dalam halaman artikel!

Untuk memecahkan problem tersebut, sebaiknya judul blog di bungkus dengan 2 tag (misal H1 dan H4) sekaligus atau di rangkap dengan menggunakan perintah PHP agar WordPress hanya menampilkan H1 untuk judul blog di homepage dan tag H4 di halaman artikel (single.php) dan ini adalah kode perintahnya:


<?php
if (is_home()) {
echo '<h1><a href="'.get_option('home').'/">'.get_bloginfo('name').'</a></h1>';
} else {
echo '<h4><a href="'.get_option('home').'/">'.get_bloginfo('name').'</a></h4>';
}
?>

Dengan perintah diatas, maka H1 hanya tampil di halaman muka, dan selanjutnya H4 tampil hanya di halaman artikel/posting. Dan hanya judul artikel/posting saja yang di bungkus oleh tag H1, jadi struktur ini tidak membingungkan robot-robot Google (?)

Lalu pertanyaannya sekarang, munculnya judul blog di halaman muka akan berbeda dengan di halaman artikel. Jika di halaman muka muncul dengan ukuran H1 (yang umumnya besar) dan di halaman artikel dengan ukuran H4 (yang ukurannya kecil), jadi tidak proporsional dong???

Untuk menangani masalah tersebut, bisa di tengarai dengan 2 cara, pertama gunakan image/gambar! Ganti text judul blog dengan gambar, seperti blog Abibakarblog.com ini gunakan gambar, ini kodenya:

<?php
if (is_home()) {
echo '<h1><a href="http://abibakarblog.com" title="Blog SEO"><img src="http://abibakarblog.com/wp-content/uploads/2010/05/logoabibakarblog.jpg" alt="Blog SEO AbiBakarBlog" height="87px" width="200px" /></a></h1>';
} else {
echo '<h4><a href="http://abibakarblog.com" title="Blog SEO"><img src="http://abibakarblog.com/wp-content/uploads/2010/05/logoabibakarblog.jpg" alt="Blog SEO AbiBakarBlog" height="87px" width="200px" /></a></h4>';
}
?>

Dengan begitu tidak ada perbedaan ukuran teks!

Atau dengan cara ke 2, dengan melakukan perubahan pada ukuran tag-tag tersebut via file css, seperti yang saya lakukan pada blog saya yang lain AbiBakarblog.Info. Jika anda buka homepage dan single page, maka ukuran teks judul blog disana tetap sama, padahal berbeda tag!

Yang saya lakukan ialah dengan menggandengtag h1 dan h4 (karena saya gunakan tag h4 di blog itu) satu garis di stylesheet.css dan menggantikan tag h1 yg telah ada dengan berikut ini:

#logo {
width: 200px;
float: left;
padding-top: 25px;
}

#logo h1, #logo h4 {
color: #FFFFFF;
font-size: 23px;
font-family: Georgia, Times New Roman;
font-weight: normal;
margin: 0px;
padding: 15px 0px 0px 20px;
text-decoration: none;
background:none
}
#logo h1 a, #logo h1 a:visited, #logo h4 a, #logo h4 a:visited {
color: #FFFFFF;
font-size: 23px;
font-family: Georgia, Times New Roman;
font-weight: normal;
margin: 0px;
padding: 0px;
text-decoration: none;background:none
}

Kemudian saya tambahkan sebuah devision bernama <div id=”logo”> untuk membungkus kode perintah PHP sebelumnya dan saya letakan di header.php, jadinya seperti ini:

<div id="logo">
<?php
if (is_home()) {
echo '<h1><a href="'.get_option('home').'/">'.get_bloginfo('name').'</a></h1>';
} else {
echo '<h4><a href="'.get_option('home').'/">'.get_bloginfo('name').'</a></h4>';
}
?> </div>

Dengan begitu ukuran teks H1 dan H4 akan sama dan proporsional, plus jadi lebih SEO friendly deh theme WordPress saya,

Sampai jumpa di posting-posting berikutnya!