Search This Blog

Tata Letak Heading Tag h1 h2 h3

Mengatur Letak Heading Tag h1 h2 h3 pada blog terbukti sangat mudah sekali apabila kalian mengerti. Pada ketika kita memberi heading tag dibagian tertentu pada teks di blog, itu sama saja dengan mengatakan terhadap robot "Bagian ini merupakan yang terpenting, ini yang lebih penting, ini yang penting, serta ini yang agak penting".
Tata Letak Heading Tag h1 h2 h3

Dengan tutorial ini, kita dapat memberi tahu robot bahwa tahap teks ini merupakan yang paling penting atau ngak. Jadi, kita wajib mengatur heading tag dengan benar. Heading Tag ini juga mempunyai aturan-aturan supaya dapat menjadi heading yang benar menurut Google, berikut ini merupakan aturan-aturan yang wajib kalian patuhi:

1. H1 merupakan yang paling penting serta H2-H6 merupakan urutan selanjutnya.
2. H1 hanya boleh ada 1 untuk setiap halaman serta WAJIB ADA, sedangkan H2 serta H3 maksimal merupakan 8, serta H4 - H6 boleh lebih dari 8.
3. Semua heading sebaiknya mengandung kata kunci supaya relevansi halaman kalian meningkat menurut google.
4. Jangan terlalu tak sedikit pengulangan kata yang sama dalam satu heading tag.
5. H1 dipakai untuk judul blog, judul artikel sebaiknya diberi tag H2, sedangkan judul Widget sebaiknya diberi H3.
6. serta lain-lain

Tidak hanya aturan saja, namun juga urutan, tadi diatas telah saya jelaskan bahwa mengatur heading sama saja memberitahu tahap ini paling penting, kurang, tak penting. Dan heading ini punya 6 tingkatan heading yaitu h1, h2, h3, h4, h5, h6 serta tiap heading punya bagian-bagiannya tersendiri seperti:

1. Heading Tag H1 wajib menjadi heading pada nama blog, serta juga judul artikel ketika di halaman artikel.
2. Heading Tag H2 sebaiknya dipakai pada judul artikel pada halaman berbrader serta 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 dapat untuk judul widget serta jumlah komentar pada blog
5. Heading Tag H5 dipakai untuk nama pemberi komentar
6. Heading Tag H6 untuk link credit semacam Powered By Blogger

Jika kalian telah tahu aturan serta urutan pemasangan heading tag, jadi kalian tentu telah siap untuk praktek mengatur heading tag template brader.
Cara Mengatur Heading Tag di Blog dengan Benar

Mengatur Judul Artikel

Judul artikel ini memakai h2, sehingga apabila heading judul artikel kalian belum h2 jadi silahkan ikuti langkah-langkah berikut ini:

1. Silahkan login ke akun blogger brader, Masuk ke menu TEMPLATE.
2. Klik EDIT HTML, kemudian tekan Control + F pada keyboard komputer kalian untuk pencarian cepat.
3. Cari kode h3.post (kode semacam ini kadang beda di setiap template, sehingga apabila tak ada kode disamping silakan cari post.h3, alias kalau tak ada juga, silahkan cari h3, kalian akan menemukan tak sedikit h3, silahkan cari yang menurut kalian css untuk judul artikel.
4. Kode semacam ini dapat lebih dari satu. Ubah semuanya menjadi h2.post
5. Jika sudah, kini 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

brader tentu telah tahu kan bahwa h2 hanya boleh ada 8 di setiap halaman, sedangkan di homepage menampilkan tak sedikit heading h2 seusai kalian mengikuti tutorial diatas, serta apabila widget kalian tetap pakai h2 jadi tentu h2 kalian lebih dari 8. Jadi, untuk menguranginya merupakan dengan merubah judul widget sehingga h3. Silahkan ikuti tutorial berikut..

  • Di menu Template, silahkan masuk ke EDIT HTML
  • Cari kode HTML semua widget blog brader.
  • 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 telah kalian atur, silahkan klik SIMPAN TEMPLATE.
  • Saran saya, jangan semua widget dikasih h3 namun atur berbagai widget menjadi h4.

Mengatur Deskripsi Blog Menjadi H2


  • Sebenarnya ini tak terlalu penting, tapi untuk menambah relevansi silahkan ikuti saja..
  • Cari kode <div class='descriptionwrapper'>, kemudian lihat kode seusai kode <div class='descriptionwrapper'>
  • Kodenya semacam ini

  <div class='descriptionwrapper'>
   <p class='description'><span><data:description/></span></p>

Kode diatas dapat saja tak sama dengan blog brader, namun tak masalah, silahkan ikuti saja langkah-langkah nya.

  • Kode yang berwarna merah merupakan kode seusai 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 dipakai untuk mengatur heading tag tidak hanya untuk postingan, sehingga untuk mengatur heading di postingan, kalian lumayan memilih 4 opsi yang ada di editor entri yaitu HEADING untuk H2, SUB HEADING untuk H3, serta MINOR HEADING untuk H4, serta NORMAL merupakan tanpa heading.

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

Brader juga wajib mengoptimalkan 2 teknik SEO yaitu Onpage SEO Optimization serta Offpage SEO Optimization. Semoga artikel ini berguna untuk kalian serta terima kasih telah berkunjung serta menyimak artikel ini...
Previous
Next Post »

No comments:

Post a Comment

 

Translate

Search

Archives