Heading Tag H1 H2 H3 Blogspot SEO Friendly

Heading Tag H1 H2 H3 Blogspot SEO Friendly - Kembali lagi di runag blogging, kali ini akan menelaah tentang sebuah blog yang seo friendly (blog yang disukai oleh search engine). Blog yang seo frinedly tidak pernah terlepas dari strukturnya yang teratur, yaitu, H1, h2, h3, h4 dst.

Struktur yang bagus dalam sebuah blog adalah menggunakan TAG H1 pada judul blog ketika terbuka di homepage, sementara Tag untuk judul posting adalah menggunakan TAG H2 atau H3. Sementara ketika blog terbuka di single page, maka struktur TAG nya harus berubah, yaitu menggunakan TAG H1 untuk judul posting dan menggunakan TAG h2 atau H3 untuk judul blog.

Kebanyakan template yang tersebar didunia maya belum di optimasi dengan tertruktur seperti ini, maka bagi anda yang ingin blognya bisa nemiliki nilai seo yang bagus, tentu ini harus menjadi perhatian anda. Maka dalam postingan ini kita akan mencoba untuk mengulas bagaimana cara mengatur Tag H1 H2 H3 Seo friendly.

Cara Mengatur Heading Tag H1 H2 H3 Blogspot SEO Friendly

1. Merubah TAG head Judul Blog menjadi H1 pada homepage dan H3 [mau h2 boleh juga] pada halaman posting.
CARI KODE:
<div class='titlewrapper'
dst..dst..
dst..dst....
</div>

Kemudian ganti dengan kode dibawah ini

<div class='titlewrapper' style='background: transparent'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/></h1>
<b:else/>
<h3 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/></h3>
</b:if>
</div>

Kalau pada template anda terdapat banyak kode <div class='titlewrapper', maka ganti semuanya dengan kode hijau diatas.

2. Merubah TAG head Deskripsi Blog menjadi h2
Cari kode:
<div class='descriptionwrapper'>
dst...dst..
dst...
</div>

Kemudian ganti dengan kode dibawah ini

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

Kalau kode Orange diatas banyak, maka ganti semuanya dengan kode hijau

3. Merubah TAG head posting menjadi H3 pada homepage
Cari KODE: <div class='post hentry uncustomized-post-template', pada beberapa baris di bawah kode ini akan anda temukan kode seperti ini :

<h? class='post-title entry-title' itemprop='name'>
dst...dst...dst...
dst...dst...
dst...
</h?>
Disana ganti TAG H nya menjadi H3, kalau template anda sudah h3, berarti tidk perlu diganti lagi :D

4. Merubah TAG head posting menjadi H1 pada halaman posting (single post)

Cari kode Kuning tebal yang beberapa baris di atasnya ada kode berwarna hijau seperti di bawah ini:

<b:includable id='post' var='post'>
kode bla...bla...bla...
kode bla...bla...bla...
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
kode bla...bla...bla...
kode bla...bla...bla...
</h3>
</b:if>
<div class='post-header'>

Kemudian ganti kode yang berwarna orange dengan kode yang dibawah ini.

<a expr:name='data:post.id'/>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>
<b:else/>
<h1 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h1>
</b:if>

Terakhir save template, dan lihat atau cek dengan menggunakan SEO QUAKE add on mozilla, Tag heading blog anda sudah teratur. Demikianlah cara Mengatur Heading Tag H1 H2 H3 blogspot SEO Friendly, semoga bermanfaat. Salam blogging

loading...

14 komentar:

  1. Thank PUS YAKIZ, your blog is nice,,, keep posting :)

    BalasHapus
  2. Yang satu ini cukup bikin ane puyeng, udah ane ubah mudah2an work ...

    BalasHapus
  3. Membuat herbarium@ kalau sudah di ubah, silakan di cek struktur html blognya dengan cara menginstall SEOQuake add on di mozilla, kemudian tinggal klik kanan >> Seoquake >> Diagnosis. Disana akan nampak yang mana H1, H2, H3, H4, dst.

    BalasHapus
  4. langsung diterapkan diblog baruku..
    makasih gan, ini informasi yang bermanfaat bagi saya..

    BalasHapus
  5. langsung praktek boosss
    Thanks banget
    zvelite.com
    topfivetop.blogspot.com

    BalasHapus
    Balasan
    1. Skripsi tesis@ Silakan mas,,,

      Septa prasetya@ ya, may all of these are useful

      Hapus
  6. Wah kudu praktek nih.
    Informasinya sangat bermanfaat nich

    BalasHapus
  7. bagus sekali gan atas infonya

    BalasHapus
  8. Terima kasih mas tutorialnya.. Sangat membantu saya ^_^

    BalasHapus
    Balasan
    1. Bagus@ silakan mas,,,
      Salsavira@ Iya mas, semoga membantu
      Rohmatullah@ Sama-sama Omm

      Hapus