Trik Membuat Tag Heading Menjadi Lebih SEO Friendly

Diposting oleh Keiruchan Agatha on Sabtu, 06 Oktober 2012

Markup Validation Service

Membuat Tag Heading H1, H2 dan H3 SEO Friendly – Pada pertemuan kali ini saya akan membahas mengenai Tag Heading, yang merupakan elemen sangat penting yang menjadi tanda pengenal bagi sebuah blog berdasarkan title atau judul. Pengaturan tag heading agar menjadi seo friendly di blogspot mutlak diperlukan agar blog terindeks dengan baik di search engine dan mendapatkan posisi SERP yang baik pula. Nah berhubung saya baru ganti template, akhirnya dapat kerjaan baru lagi ngoprek tag heading blog Share With Irfan ini. Namun kali ini saya mencoba menerapkan tag heading dinamis dimana pada saat berada di homepage maka title blog akan diindeks sebagai H1 dan judul artikel diindeks sebagai H2. Kemudian apabila kita membuka halaman posting (single post) maka secara otomatis judul artikel berubah menjadi H1. Konsep perubahan yang otomatis seperti inilah yang disebut dengan tag heading dinamis seo friendly. Ada banyak sekali memang model penataan tag heading H1 dan H2 ini yang mungkin pernah anda baca di blog-blog lain. Tapi pada dasarnya tujuan akhir tetap sama yaitu jangan sampai terjadi ada banyak H1 saat kita membuka halaman blog atau halaman posting. Seperti apa penataan tag heading dinamis yang seo friendly ini, ikuti langkah-langkah dibawah ini :    
1.    Login ke dashboard blogger anda.

2.    Pilih Rancangan > Edit HTML, centang Expand widget template.

3.    Jangan lupa backup dulu template anda sebelum melakukan perubahan.

4.    Cari kode seperti dibawah ini :
<div id=’header-inner’>
<div class=’titlewrapper’>
<h1 class=’title’>
<b:include name=’title’/>
</h1>
</div>
<b:include name=’description’/>
</div>

5.   Kemudian ganti dengan kode berikut ini :
<div id='header-inner'>
<div class='blogtitle'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<h1 id='blogtitle'><a expr:href='data:blog.homepageUrl'><data:title/></a></h1>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<h2 id='blogtitle'><a expr:href='data:blog.homepageUrl'><data:title/></a></h2>
<b:else/>
<h1 id='blogtitle'><a expr:href='data:blog.homepageUrl'><data:title/></a></h1>
</b:if>
</b:if>
</div>
<b:include name='description'/>
</div>

6.   Selanjutnya cari lagi kode seperti dibawah ini :
<a expr:name=’data:post.id’/>
<b:if cond=’data:post.title’>
<h2 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>
</h2>
</b:if>

7.   Dan ganti dengan kode berikut ini :
<a expr:name='data:post.id'/>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<b:if cond='data:post.title'>
<h2 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link' expr:title='data:post.title'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h2>
</b:if>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:post.title'>
<h1 class='post-title entry-title' style='font-size:1.3em;'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link' expr:title='data:post.title'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h1>
</b:if>
<b:else/>
<b:if cond='data:post.title'>
<h2 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link' expr:title='data:post.title'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h2>
</b:if>
</b:if>
</b:if>


8.   Selanjutnya cari kode dibawah ini :
<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>
Seharusnya judul/title posting menggunakan tag h2, jadi ubahlah tag h3 diatas, menjadi h2. Jika pada templatemu sudah menggunakan tag h2, biarkan saja(gak usah dirubah).

9.    Lanjutkan cari lagi kode dibawah ini
<h3 class='mobile-index-title entry-title' itemprop='name'>
<data:post.title/>
        </h3>
Sama seperti diatas tadi, ganti tag h3 menjadi h2.

10.    Lalu cari kode Gadget/widget seperti dibawah ini :
<!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
Ubah tag h2 menjadi h3, mungkin masing-masing template memiliki widget yang banyak atau sedikit, jika ada 4 widget maka kode tersebut akan ada 4, maka cari ke-4 kode gadget tersebut dan ganti semuanya dengan h3.

Jangan lupa juga untuk mengatur CSS agar sesuai dengan yang telah di rubah di atas.
Misal : Cari kode css .post h3, .post h3 a, .post h3 a:visited, .post h3 a:hover. Rubah juga h3 menjadi h2.  dan .sidebar h2  rubah menjadi h3. yaitu menyesuaikan dengan tag yang telah dirubah tadi.
Mengerti maksud saya kan teman-teman !!
Kode pada setiap template mungkin berbeda-beda, jadi tinggal disesuaikan saja pada masing-masing template.
Setelah menyusun tag heading blogspot yang seo friendly diatas, maka struktur tag heading telah tersusun pada tempatnya masing-masing. Dan semoga tag heading pada blog anda menjadi lebih seo friendly.

Share Please :

Posted by : Keiruchan Agatha ~ / Portal Media Informasi Pilihan

Markup Validation Service
Anda telah membaca artikel Trik Membuat Tag Heading Menjadi Lebih SEO Friendly Ditulis oleh Keiruchan Agatha pada Sabtu, 06 Oktober 2012. Kritik dan saran dapat disampaikan via kotak komentar. Anda diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link yang ada di bawah sebagai sumbernya. Atas perhatiannya saya ucapkan terimakasih. Salam blogger and Happy blogging.

Baca Yang Ini Juga Boz :

{ 5 komentar... read them below or add one }

andhika tatawarna mengatakan...

makasi banget triknya,boleh di coba dulu ni

Keiruchan Agatha mengatakan...

silahkan bro :D

Rudy Bond mengatakan...

ntar ya akan sy rubah sesuai petunjuk diatas, soalnya sy baru buat blog, makasih and jangan lupa kunjungi http://bloggerbondowoso24.blogspot.com/

Andra Gembara mengatakan...

wah, keren gan tutorialnya, skor ane mningkat

Teh Hitam Blesstea Center mengatakan...

Terima kasih ya,, sangat bermanfaat nih artikelnya,, blog saya semakin bagus dan lebih friendly. ini kunjungan pertama saya ya,, silahkan berkunjung ke blog saya ya
Jual Teh Blesstea Murah

Posting Komentar

Silahkan tinggalkan komentar anda dengan tidak meninggalkan link. Jika ada kesalahan dalam artikel ini dan jika ada saran dan kritik silahkan tulis komentar anda dibawah dengan baik dan sopan... ;)
Dan jika kedapatan link yang mati dalam penempatan software atau game harap beritahukan agar segera diperbaiki...

 
Markup Validation Service Markup Validation Service Markup Validation Service Markup Validation Service Markup Validation Service