Cara Merubah Tag Heading h1 Untuk Judul Postingan
Agak sedikit bingung untuk membuat judul postingan ini antara "cara merubah tag heading h1 untuk judul postingan"
atau "cara membuat titel postingan menjadi seo friendly dengan merubah ke tag h1"
(yang ini kepanjangan heeee … ), yang pada intinya bagaimana ketika kita membuka sebuah postingan atau page (halaman) maka tag heading untuk judul akan berubah menjadi h1 dan tag heading judul/title blog menjadi h2 atau mungkin malah tidak menggunakan tag heading (hanya menggunakan titel).
Banyak para pakar SEO baik lokal maupun luar yang menyarankan untuk menggunakan teknik tag heading h1 untuk judul postingan dengan tujuan agar postingan tersebut lebih seo friendly, mendapatkan prioritas pengindexan untuk sebuah halaman dan berpeluang memperoleh posisi yang bagus di hasil pencarian search engine (SERP) terutama Google. Di buku Google SEO Starter Guide juga sedikit disinggung tentang hal ini (di bagian pembahasan Use heading tags appropriately).
Pendapat di atas (penggunaan tag h1 untuk judul postingan) mungkin masih bisa diperdebatkan pengaruhnya terhadap SEO, karena masih banyak juga postingan yang tidak menggunakan tag h1 untuk judul postingan tapi punya posisi yang bagus di SERP. Sebaliknya postingan yang menggunakan tag h1 malah kurang bagus posisinya. SEO itu bukan hanya soal judul/titel postingan tapi juga description, URL/permalink, isi postingan (kualitas dan kuantitas), PR, usia domain, popularitas dan masih banyak lagi yang kadang-kadang jadi sebuah misteri. Contoh misterinya adalah banyak blog yang baru dibuat kemaren sore (masih baru) dengan artikel copas (copy paste) tapi malah mempunyai posisi yang lebih bagus di SERP dibandingkan artikel aslinya (beberapa kali saya pernah jadi korbannya).
Meskipun penggunaan tag h1 untuk judul postingan mungkin masih bisa diperdebatkan pengaruhnya terhadap SEO, tapi saya termasuk yang menggunakan teknik ini untuk diterapkan di blog ini (hampir 2 tahun). Hasilnya …? berdasarkan pengalaman hasilnya secara umum lebih bagus dibandingkan sebelumnya. Tapi saya tidak tahu apakah ini murni pengaruh tag h1 atau karena faktor lain, karena sekali lagi SEO itu bukan hanya soal judul/titel postingan tapi juga description, URL/permalink, isi postingan (kualitas dan kuantitas) dan asas manfaat atau kebergunaan, PR, usia domain, popularitas dan lain-lain. Walaupun sudah menggunakan tag h1 untuk judul postingan nyatanya tidak semua postingan mempunyai posisi yang bagus di SERP, ada beberapa postingan yang malah mental entah ke mana (ada di halaman 10 dst).
Cara Merubah Tag H1 Untuk Judul Postingan (conditional tag)
1. Buka file header.php yang ada di folder theme yang digunakan, untuk theme tertentu seperti Theme Inove yang saya gunakan ini, buka file header.php yang ada di folder inove/templates/
.
2. Cari tag h1 yang biasa digunakan untuk menampilkan judul blog dan deskripsi/tagline, kira-kira seperti ini :
<h1><a href="<?php bloginfo('url'); ?>/"><?php bloginfo('name'); ?></a></h1> <div id="tagline"><?php bloginfo('description'); ?></div>
Tambahkan fungsi conditional tag menjadi seperti ini :
<?php if(is_single() OR is_page()) {?> <h2><a href="<?php bloginfo('url'); ?>/"><?php bloginfo('name'); ?></a></h2> <div id="tagline"><?php bloginfo('description'); ?></div> <?php } else {?> <h1><a href="<?php bloginfo('url'); ?>/"><?php bloginfo('name'); ?></a></h1> <div id="tagline"><?php bloginfo('description'); ?></div> <?php } ?>
Atau bisa juga menggunakan teknik di bawah ini (judul blog tidak menggunakan tag heading ketika dibuka di halaman postingan) :
<?php if(is_single() OR is_page()) {?> <div id="title_blog"><a href="<?php bloginfo('url'); ?>/"><?php bloginfo('name'); ?></a></div> <div id="tagline"><?php bloginfo('description'); ?></div> <?php } else {?> <h1><a href="<?php bloginfo('url'); ?>/"><?php bloginfo('name'); ?></a></h1> <div id="tagline"><?php bloginfo('description'); ?></div> <?php } ?>
3. Buka file single.php dan file page.php. Cari tag h2 yang biasa digunakan untuk menampilkan judul postingan atau page, kira-kira seperti ini :
<h2><?php the_title(); ?></h2>
Ganti tag h2 untuk judul postingan atau page tersebut menjadi h1, atau menjadi seperti ini :
<h1><?php the_title(); ?></h1>
4. Untuk pengaturan tampilan akibat perubahan tag heading h1 dan h2, kita bisa membuat file css yang berbeda untuk halaman depan (home) dan halaman postingan atau page. Caranya bisa dibaca di postingan berikut ini : Cara Menggunakan File CSS Yang Berbeda Untuk Home, Single Dll. Kemudian pada file css untuk postingan atau page kita sesuaikan ukuran fontnya untuk tampilan tag heading h1 dan h2. Atau jika kebetulan anda memilih tidak menggunakan tag heading pada judul/titel blog maka kita bisa melakukan pengaturan tampilan pada #title_blog {font-size:bla bla bla}.
Jika kebetulan anda memasukkan halaman kategori dan post tag ke dalam index mesin pencari, anda juga bisa menggunakan teknik ini (menggunakan tag heading h1 untuk judul/titel kategori atau post tag). Kalau ada yang bertanya caranya gimana? yaaa tinggal tambahkan aja category dan post tag ke dalam conditional tag seperti contoh di atas.
<?php if(is_single() || is_page() || is_category() || is_tag()) {?> bla ... bla .. bla ....
Kemudian tag heading h2 pada halaman kategori dan post tag kita ganti menjadi h1, dan jangan lupa diatur ulang tampilannya dengan CSS, beres kaaann.
Makasih atas penjelasannya mas, tapi sekarang ini kebanyakan template sudah support dynamic h1
Reply
Selama ini tidak pernah memperhatikan tag h1…
Reply
tanya mas Al, theme saya di headernya justru tidak ada H1 nya, apa tidak SEO friendly theme tersebut?
Reply
aming Reply:9-05-2012 at 15:33
tapi di single.php sudah yg seperti mas alwi sebutkan..
itu gimana yak, apa perlu dimodif lagi……..
Untuk halaman single.php, judul postingan sudah pakai tag h1, tapi tag h2 malah gak ada, ini (tag h2) bisa juga ditambahkan misalnya untuk sub judul dalam postingan.
Reply
okelah sidikit sedikit kita permak, kayak motor balap itu, semua komponen harus bagus…
Reply
Baca di core trac dan theme trac.
WordPress kedepannya tidak mau theme di conditional di file seperti index dan single harus di functions dan mengenquque. Ini nantinya beriring dengan functions exis, Templatepath, komen nitifikasi di page yang tak di perbolehkan dan perubahan custom header di 3.4+. So klo ga mau ribet pakai aja theme artblogazine dan lihat strukturnya. [promosi dikit]
Sudah seperti itu ko, tapi caranya beda sesuai keinginan wp..tak perlu kondisi. Makin rumit nantinya. kondisi tak boleh di file seperti index dan singular harus di function..hehehe..waw..kacau kan?
Nanti malahan plugin SEO bisa jadi ga ada..soalnya ane dah lihat di belakang trac nanti ada add_theme_support [meta-decription] dan segalanya tentang fungsi SEO.
Kita buktikan nanti, pasti acak2an yang dah terlanjur pakai plugin SEO yakin ane. Dan yoast pasti bangkrut sama all in seo. smashing saja sudah mulai di lepas semuanya.
for 3.4+ read = otto blog, chip and core trac buat refrensi.
Reply
Kalo di blogger ge mana ya mas?
Reply
Untung sudah ada tag H1 dijudul postingan. Oh ya mas Alwi, mau tanya nih, blognya mas Alwi kalau dibuka dan klik home kok tanpa loading ya? Bagaimana caranya itu?
Reply
arif Reply:10-05-2012 at 09:03
saya juga penasaran, optimasi load nya keren abis :D
Reply
terima kasih banyak pak, nanti akan saya terapkan di blog wp saya agar lebih seo dimata google
Reply
Lama tidak berkunjung dapat tambahan ilmu baru tentang tag heading. apa pada default dengan tambahan plugin SEO seperti AIOS akan berubah otomatis mas
salam dari pamekasan madura, semoga senantiasa sehat walafiat
Reply
ilmu nya belom nyampe sana pak,,hehehe,,,masi sedikit bingung nih,,tapi terima kasih buat informasinya
Reply