Saturday, 11 May 2013

Cara Mengatur Heading Tag h1 h2 h3 Pada Blog

Cara mengatur Heading Tag h1 h2 h3
Cara mengatur Heading Tag h1 h2 h3 pada blog memang sangat mudah sekali jika anda mengerti. Pada saat kita memberi heading tag pada bagian tertentu pada teks di blog, itu sama saja dengan berkata kepada robot "Bagian ini adalah yang terpenting, ini yang lebih penting, ini yang penting, dan ini yang agak penting".

Dengan cara ini, kita bisa memberi tahu robot bahwa bagian teks ini adalah yang terpenting atau tidak. Jadi, kita harus mengatur heading tag dengan benar. Heading Tag ini juga memiliki aturan-aturan agar bisa menjadi heading yang benar menurut Google, berikut ini adalah aturan-aturan yang harus anda patuhi:
  1. H1 adalah yang paling penting dan H2-H6 adalah urutan selanjutnya.
  2. H1 hanya boleh ada 1 untuk setiap halaman dan WAJIB ADA, sedangkan H2 dan H3 maksimal adalah 8, dan H4 - H6 boleh lebih dari 8.
  3. Semua heading sebaiknya mengandung kata kunci agar relevansi halaman anda meningkat menurut google.
  4. Jangan terlalu banyak pengulangan kata yang sama dalam satu heading tag.
  5. H1 dipakai untuk judul blog, judul postingan sebaiknya diberi tag H2, sedangkan judul Widget sebaiknya diberi H3.
  6. dan lain-lain
Tidak hanya aturan saja, tetapi juga urutan, tadi diatas sudah saya jelaskan bahwa mengatur heading sama saja memberitahu bagian ini paling penting, kurang, tidak penting. Dan heading ini punya 6 tingkatan heading yaitu h1, h2, h3, h4, h5, h6 dan tiap heading punya bagian-bagiannya tersendiri seperti:
  1. Heading Tag H1 harus menjadi heading pada nama blog, dan juga judul artikel saat di halaman artikel.
  2. Heading Tag H2 sebaiknya dipakai pada judul artikel pada halaman beranda dan nama blog pada halaman artikel. Disarankan juga untuk deskripsi blog yang berada dibawah judul blog.
  3. Heading Tag H3 disarankan untuk judul widget.
  4. Heading Tag H4 juga bisa untuk judul widget dan jumlah komentar pada blog
  5. Heading Tag H5 dipakai untuk nama pemberi komentar
  6. Heading Tag H6 untuk link credit seperti Powered By Blogger
Jika anda sudah tahu aturan dan urutan pemasangan heading tag, maka anda pasti sudah siap untuk praktek mengatur heading tag template anda.

Cara Mengatur Heading Tag di Blog dengan Benar

Mengatur Judul Artikel

Judul artikel ini menggunakan h2, jadi jika heading judul artikel anda belum h2 maka silahkan ikuti langkah-langkah berikut ini:
  1. Silahkan login ke akun blogger anda, Masuk ke menu TEMPLATE.
  2. Klik EDIT HTML, kemudian tekan Control + F pada keyboard komputer anda untuk pencarian cepat.
  3. Cari kode h3.post (kode seperti ini kadang beda di setiap template, jadi jika tidak ada kode disamping silakan cari post.h3, atau kalau tidak ada juga, silahkan cari h3, anda akan menemukan banyak h3, silahkan cari yang menurut anda css untuk judul artikel.
  4. Kode seperti ini bisa lebih dari satu. Ubah semuanya menjadi h2.post
  5. Jika sudah, sekarang cari semua kode <h3 class='post
  6. Ubah semuanya menjadi <h2 class='post
  7. Ubah juga end tag pada kode tersebut, ubah </h3> menjadi </h2>
  8. Klik SIMPAN TEMPLATE

Mengatur Judul Widget Menjadi H3

Anda pasti sudah tahu kan bahwa h2 hanya boleh ada 8 di setiap halaman, sedangkan di homepage menampilkan banyak heading h2 setelah anda mengikuti cara diatas, dan jika widget anda masih pakai h2 maka pasti h2 anda lebih dari 8. Jadi, untuk menguranginya adalah dengan mengubah judul widget jadi h3. Silahkan ikuti tutorial berikut..
  • Di menu Template, silahkan masuk ke EDIT HTML
  • Cari kode HTML semua widget blog anda.
  • Contoh kode widget popular posts:
<b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
  • Ganti kode yang berwarna merah diatas dengan kode <h3><data:title/></h3> 
  • Jika semua widget sudah anda atur, silahkan klik SIMPAN TEMPLATE.
  • Saran saya, jangan semua widget dikasih h3 tetapi atur beberapa widget menjadi h4.

Mengatur Deskripsi Blog Menjadi H2

  • Sebenarnya ini tidak terlalu penting, tapi untuk meningkatkan relevansi silahkan ikuti saja..
  • Cari kode <div class='descriptionwrapper'>, kemudian lihat kode setelah kode <div class='descriptionwrapper'>
  • Kodenya seperti ini
  <div class='descriptionwrapper'>
   <p class='description'><span><data:description/></span></p>


Kode diatas bisa saja berbeda dengan blog anda, tetapi tidak masalah, silahkan ikuti saja langkah-langkah nya.
  • Kode yang berwarna merah adalah kode setelah kode <div class='descriptionwrapper'>.
  • Silahkan ganti kode yang berwarna merah tersebut dengan kode dibawah ini..
<h2 class='description'><span><data:description/></span></h2>
  • Klik SIMPAN TEMPLATE

Cara Mengatur Heading Tag Pada Editor Entri

Beberapa tutorial diatas digunakan untuk mengatur heading tag selain untuk postingan, jadi untuk mengatur heading di postingan, anda cukup memilih 4 pilihan yang ada di editor entri yaitu HEADING untuk H2, SUB HEADING untuk H3, dan MINOR HEADING untuk H4, dan NORMAL adalah tanpa heading.

Jadi, itulah cara mengatur Heading Tag h1 h2 h3 agar blog menjadi lebih SEO friendly. Tapi tetap saja, agar blog berada di halaman satu google, jangan hanya mengandalkan cara ini saja. Ini hanyalah 1 cara dari beratus-ratus cara lainnya.

Anda juga harus mengoptimalkan 2 teknik SEO yaitu Onpage SEO Optimization dan Offpage SEO Optimization. Semoga artikel ini bermanfaat untuk anda dan terima kasih sudah berkunjung dan membaca artikel ini...
Tolong Share artikel ini di: Komentar →

40 comments:

siska said...

saya mau nanya sobb , , ,diluar banyak kan tuh templete" yang keren" untuk ditambahkan diblig kita nah apakah templete tersebut masih tetap harus diseteng kembali heading tagnya atau sudah otomatis . .trma kasih!!

Izend Abdillah said...

agan kalau yang buat wordpress ada gak ya gan, sekiranya di halaman defaul itu ada h1-nya.
terima-kasih

Ma'ruf Hidayat said...

Mungkin akan saya buat artikelnya nanti

Ma'ruf Hidayat said...

@ Siska

Tergantung pada template nya, jika heading template nya buruk maka harus di atur agar menjadi SEO. Jika heading nya sudah benar, maka biarkan saja.

Untuk mengecek heading tag, silahkan anda pakai Add-ons SEOQUAKE..

Rifqi Shahab said...

Terima kasih untuk tutor SEO nya, web saya jd naik score SEO nya setelah saya cek. yang mau saya tanyakan untuk menjadikan tag h1 sebagai "title blog" nya gmn ?

Best regards,
Belajar Bahasa Inggris Online

Ma'ruf Hidayat said...

@ Rifki

Biasanya sebuah template itu sudah memakai h1 sebagai judul blognya.

antonius tan said...

Salam kenal gan. Ane mau tanya bagaimana penggunaan heading utk wordpress. Mohon petunjuk dari agan. Thanks.

Ayza Aksesoris said...

Bro...kalau klo sudah terlanjur salah gimana cara betulan-nya. Maksudnya gini: posting2 terdahulu salah karena saat "EDIT HTML" terdahulu belum belajar begini jadi-nya seperti H1-nya jadi banyak, gimana cara betulin-nya?

Thx before

Ma'ruf Hidayat said...

@ Azya

Maaf, saya kurang mengerti dengan pertanyaannya..

Alfin Doank said...

bagaimana cara mengatasi H1 yang lebih dari satu?...

Ma'ruf Hidayat said...

H1 dibagian mana ya? padahal seharusnya template default sudah memasang h1 hanya 1 kali setiap laman..

Coba cari < h1 > di template, dan pastikan bagian kodenya sama dengan kode heading h1 yang lain.

Jika sudah, silahkan ganti < h1 > dengan < h? >, ganti juga kode penutup < /h1> dengan < /h? >.
H? silahkan ganti sesuai aturan heading pada bagian templatenya..

Alfin Doank said...

saya ganti kode < /h1 > terus saya ganti dengan < /h? > tapi malah gak bisa....
trus gimana ya cara mengatasinya?

Ma'ruf Hidayat said...

Hmm.. Bukan seperti itu,, coba saya lihat blognya..
< /h1> itu ganti dengan heading yang lain, seperti < /h2> arau yang lainnya. Sesuai bagian yang salah..

Misalnya widget pakai < h1>, ganti menjadi < h3>, jangan lupa, kode penutupnya juga ganti

Kata Kata Mutiara said...

Terima kasih banyak ya mas tipsnya, saya langsung otak-atik template dulu supaya SEO On Page saya jadi lebih bagus.

anton said...

akhirya ketemu juga cara Aturan Heading tag nya terima kasih gan,ane terapkan di blog ane dulu

JAKARTA KONTENER said...

Gan, jika saya tidak ada komentar post, bisa tidak sy dai h4 lompat ke h6 utk kredit Linknya?

redzone-tm said...

thanks tutornya sob..
sudah saya rubah smw h2 ke h3 dibagian widget..
emg terbaca di chkme, tp tidak ada prubahan SEO, ttp blum 100%..
masih ttp 93%..
-keep blogging-

#blogwalking

Jasa Review said...

Min mau tanya, kalau misalnya judul artikel pada homepage diganti jadi h1 gimana? boleh gak?

Ma'ruf Hidayat said...

@ Jasa Review

Sebaiknya jangan, pakai H2 saja lebih bagus..

addy cover said...

jadi penting jg yah sob yang untuk setting penulisan di artikel editor ny? soalnya msh blm mengerti yg untuk penulisan di heading dan subheading di artikel

Danish said...

Mas kalau untuk cms wordpress gimana ngaturnya,karena kebanyakan pake kode php bukan html,apakah ngaturnya di kode ccsnya?Mohon pencerahannya.

redzone-tm said...

sangat jelas sekali pnjelasannya sob..
thanks ya, sudah saya terapkan pada template dan hal hasil memang nilai SEO lbih meningkat drpd sblumnya..
-keep blogging-

Andhi Setya Hermawan said...

sob... ane mau tanya ini, tentang mengatur judul widget menjadi h3, dr artikel d'atas d'paparkan bila contoh Popular Post dgn kode h2 diganti dengan h3. Widget lain seperti recent post, dan semua widget diganti h3 semua sob? mohon bantuan dan pencerahannya sob. Terima kasih

toko rezel said...

berguna seklai buat saya nih tentang susunan H1-H6, soalnya lg mencari info tentang cara yang pas merubah susunan title tagnya

Java Poker said...

ane punya blog, udah ane sek di chkme.com ternyata tidak ada tag H1 sama sekali gan
udah ane otak atik masih belum bisa
mohon pencerahannyya gan

Ma'ruf Hidayat said...

@ Java Poker

Coba cari kode title blog anda, kemudian tinggal pasang h1 dan /h1 diantara kode title tersebut.

Genie said...

Keren banget mas teknik SEO nya, masih muda tapi uda pakar. Ane jadi minder...Semangat terus Mas Hidayat. Thanks uda byk memberikan wawasan bagi sesama blogger.

Nandini Sigaranati Trisni Lestari said...

Halo Pak Ma'ruf saya ingin tanya terkait menulis posting menggunakan heading tag h2. Jadi yang di sort untuk h2 nya cuma keyword yang penting aja yah? atau satu paragraf di sort h2 tag pada postingan kita??

mohon bantuannya pak.. trims.
dinitalk.blogspot.com

Ma'ruf Hidayat said...

@ Nandini

Yang dikasih h2 cukup poinnya saja, sedangkan h3 dikasih pada poin penjelas dari h2, dan jangan sampai teks satu paragraf dikasih h2 atau h3 yah!!.. :D

Nandini Sigaranati Trisni Lestari said...

hahaha tapi memberi tag h2 itu bisa berupa kalimat atau hanya kata?
semisal mana dibawah ini yang lebih baik dalam untuk di sort tag h2 didalem postingan mas?

1. embed javascript to your posts blogger
2. embed javascript
3. post blogger

makasih ya sekali lg hehe

Ma'ruf Hidayat said...

@ Nandini

Ya seperti judul artikel anda, itukan pakai h2, itu kalimat atau kata? :v Menurut saya sih yang no 1 lebih cocok.

Coba anda cek disini: http://i.imgur.com/zvD2SgS.jpg
Itukan "tempat kerja online gratis tanpa modal" sebagai h2, sedangkan kerja freelance online saya kasih h3 karena itu penjelas dari yang h2.. :D

tyo said...

Gan, terimakasih tutorialnya sangat bermanfaat bagi saya. untuk pengaturan H1, H2, dan H3, apakah bisa menjadikan judul artikel sebagai nama blog saat dibuka artikel yang terkait?

Gan, boleh tau, tuk pngecekan persen seo pakai aplikasi apakah?

luis dhaniel said...

mas ketika saya mau mengatur judul artikel, di EDIT HTML, saya tidak menemukan kode h3.post, giman mas solusinya ?

Ma'ruf Hidayat said...

@ Luis

Kode h3.post ini kadang berbeda di setiap template, jadi jika tidak ada di template anda, mungkin bentuknya post.h3 , atau kalau tidak ada juga, silahkan cari h3 saja, nanti akan ada banyak sekali kode h3, kira-kira saja kode itu apakah untuk judul artikel. Semoga bermanfaat..

Kumpulan Chord Gitar 13 said...

Terimakasih ya gan sharenya :). oiya saya mau tanya di template saya tidak ada kode h3.post ( pokoknya yg di CSS. nah saya baru buat H3 khusus untuk widget. tapi untuk yg <h2 class='post ada dan sudah saya ganti dgn <h3 class='post. Nah pertanyaan nya kalau seperti ini apakah heading blog saya sudah termaksud H2, seperti yg agan jelaskan pada "Mengatur Judul Artikel".? Terimakasih maaf saya msh newbi mohon dibantu :D.

Blogger 2014 said...

Ini artikel bisa keren banget sob, cara penyampaian materinya sangat jelas dan mudah di pahami. Salam sukses selalu buat blog nya.
Ga kaya blog punya saya, artikelnya bolak balik ga jelas.hahahah
salam kenal aja ya sob.

Ma'ruf Hidayat said...

@ Kumpulan Chord

Silahkan cek manual dengan add-ons SEOQuake. Jika sudah anda install di browser, masuk ke halaman yang ingin dicek, klik kanan >> SEOQuake >> kemudian klik Diagnosis. Nanti ada data-data halaman anda, termasuk juga heading. Semoga membantu..

Kumpulan Chord Gitar 13 said...

Terimakasih mas saya sudah cek di chkme dan ternyata H2 blog saya sdh 8 begitu jg H3 nya pun 8. ada yg mau saya tanyakan lg ni mas di template saya ada tag <,h3 class='mobile-index-title entry-title',> sementara saya tidak tahu itu apa, karena bawaan dr template. nah yang saya tahukan H3 hanya untuk widget, lantas <,h3 class='mobile-index-title entry-title',> perlu dirubah atau gimana mas.? Maap sebelumnya ma'lum saya masih newbie :).

Putri Busana said...

Dari banyak tutorial Tag H1 sampai tag H6, koleksi seoterpadu termasuk yang paling lengkap bahasannya. Thks sudah mau berbagi buat kami semua

Sugiyo Harto Miharjo said...

makasih banget gan, langsung saya praktekkan. dan setelah itu coba pake cari google, blog saya langsung nongol di halaman pertama google. Siiip, ditunggu tips berikutnya.

Post a Comment

# Saya akan coba merespon komentar baru secepatnya.
# Harap berkomentar dengan bahasa baku tanpa singkatan.
# Komentar promosi, spam, dan komentar satu kalimat yang tidak bermutu akan saya hapus langsung.
# Jangan menggunakan nama pengomentar dengan nama yang berbau porno, judi, dan yang negatif lainnya.
# Setiap komentar akan dimoderasi secara manual sebelum muncul.

◄ Posting Baru Posting Lama ►
 

Info Admin: Danang Novianto

Panggil saya Danto, seorang blogger dan internet marketer pemula yang dianugrahi wajah manis, berambut klimis, dan suka mringis

Copyright © 2013-2014. Belajar SEO Blog & Bisnis Online Dari Ahli dan Pakar SEO Indonesia - All Rights Reserved Editor by Belajar SEO Blogspot Powered by Blogger