Cara Membuat HEADING TAG < H1 H2 H3 > di Blog

05.38
Cara Membuat HEADING TAG

Cara membuat atau mengatur Heading Tag h1 h2 h3 pada blog memang sangat mudah. Pada saat kita mengatur heading tag pada bagian tertentu pada teks di blog, sama halnya dengan meminta order kepada robot dan  bagian ini adalah yang terpenting, ini yang lebih penting, ini yang penting, dan ini yang agak penting". 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 aturannya :

 H1 adalah yang paling penting dan H2-H6 adalah urutan selanjutnya.
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.
Semua heading sebaiknya mengandung kata kunci agar relevansi halaman anda meningkat menurut google.
Jangan terlalu banyak pengulangan kata yang sama dalam satu heading tag.
H1 dipakai untuk judul blog, judul postingan sebaiknya diberi tag H2, sedangkan judul Widget sebaiknya diberi H3.
dan lain-lain

Bukan hanya pada aturannya saja, tetapi juga urutan, 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

Heading Tag H1 harus menjadi heading pada nama blog, dan juga judul artikel saat di halaman artikel.
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.
Heading Tag H3 disarankan untuk judul widget.
Heading Tag H4 juga bisa untuk judul widget dan jumlah komentar pada blog
Heading Tag H5 dipakai untuk nama pemberi komentar
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

Mengatur Judul Artikel

Judul artikel ini menggunakan h2, jadi jika heading judul artikel belum h2 maka silahkan ikuti 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

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.
Perlu di perhatikan, jangan semua widget dikasih h3 tetapi atur beberapa widget menjadi h4.

Mengatur Deskripsi Blog Menjadi H2

Kode ini sebenarnya ini tidak terlalu penting, tapi untuk meningkatkan relevansi silahkan diikuti 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 tips diatas digunakan 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.

Tips diatas adalah 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... 


Artikel Terkait

Penulisan markup di komentar
  • Untuk menulis huruf bold silahkan gunakan <strong></strong> atau <b></b>.
  • Untuk menulis huruf italic silahkan gunakan <em></em> atau <i></i>.
  • Untuk menulis huruf underline silahkan gunakan <u></u>.
  • Untuk menulis huruf strikethrought silahkan gunakan <strike></strike>.
  • Untuk menulis kode HTML silahkan gunakan <code></code> atau <pre></pre> atau <pre><code></code></pre>, dan silahkan parse dulu kodenya pada kotak parser di bawah ini.
Konversi Code
Disqus
Silahkan Berkomentar Dengan