May 30, 2014

Cara Membuat Heading Tag H1 Dinamis untuk SEO Blog

By Romeltea | Published: May 30, 2014

Heading Tag H1 Dinamis untuk SEO Blog
MENGUBAH Heading Tag H1, H2, H3 blog menjadi dinamis (Dynamic Heading Tag) merupakan ikhtiar memperkuat SEO blog agar lebih mudah dan cepat terindeks mesin pencari. Heading Tag (H1, H2, H3) merupakan elemen terpenting di template blog.

Heading Tag itulah yang diindeks atau di-crawl oleh mesin pencari, terutama Google, untuk "disajikan" di halaman hasil pencarian --Search Engine Result Page (SERP).

Bagi blogger baru, penjelasannya begini. Heading tags itu adalah Nama Blog dan Judul Tulisan di blog (posting). Dalam bahasa coding HTML template, heading tags itu dikenali dengan kode H1, H2, H3, dst.

Pengertian praktis Heading Dinamis adalah menjadikan Tag H1 sebagai judul post (Post Title Become H1 Title Tag).

Menurut Google, Heading Tags --Google menyebutnya Header Tags-- adalah elemen blog yang digunakan oleh mesin pencari untuk "mengenali" dan mengindeks sebuah blog dan kontennya. "Search engines use headings to get an idea of what your post is about," katanya. 

Secara umum, blog platform blogspot menggunangan Tag H1 untuk nama atau judul blog, Tag H2 untuk judul-judul posting, dan H3 tags untuk judul-judul widget di sidebar dan "Related Posts". Itu sudah bagus, tapi menurut para ahli SEO Blog, itu standar. Perlu di-powerful-kan agar blog kita lebih SEO Friendly.

Caranya, yaitu dengan menggunakan Heading Tags Dinamis. Detailnya: H1 jadi judul blog di homepage (halaman depan) dan H2 jadi daftar judul posting yang ada di homepage. Namun, di Single Post atau halaman posting, judul posting itu berubah jadi H1.

Jika blog blogspot Anda menggunakan Template Blog SEO Friendly, maka template itu biasanya sudah menggunakan Heading Tags Dinamis. 

Cara mengecek apakah judul posting di halaman depan H2 dan di halaman dalam H1, yaitu dengan "select all" judul posting, lalu klik kanan mouse, dan klik "inspect elements". Nanti akan muncul pop up box dan temukan kode, seperti <h1 class="post title entry title"/>

heading tag h1 judul posting blog

Cara Membuat Heading Tag H1 Dinamis 

Ini cara yang saya lakukan untuk mendinasmiskan heading tags blog ini.

1. GANTI

<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>

DENGAN

<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/>
<p class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</p>
</b:if>

2. GANTI

<h1 class='title'>
<b:include name='title'/>
</h1>

DENGAN

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<h1 class='title'>
<b:include name='title'/>
</h1>
<b:else/>
<p class='title'>
<b:include name='title'/>
</p>
</b:if>

3. GANTI

<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>

DENGAN

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<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>
<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>

4. Jika ada perubahan jenis dan ukuran huruf, cek "font-family", "font size", dan "font-weight" di kode-kode berikit ini:
  • post h1
  • post h2
  • post h3

Cara Ekstrem: Mengubah Judul Blog

Cara paling ekstrem adalah mengubah judul posting menjadi judul blog di halaman posting. Nama/judul blog menjadi H2. Caranya:

Ganti kode  

<b:include name='title'/> 

dengan kode ini:

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:include name='title'/>
<b:else/>
<data:blog.pageName/>
</b:if>

Pengaruh SEO Heading Tag Dinamis 

Apakah ada ngaruh perubahan heading tags dinamis itu pada SEO blog? Jelas ada.

Skor SEO blog ini, versi Chkme, menjadi 100% setelah menggunakan heading tags dinamis dengan cara di atas. "SEO Score for http://www.romelteamedia.com 100 % - Congratulations!" katanya. Cekidot: http://chkme.com/seo-romelteamedia.com

Bagaimana dengan blog Anda, sudah menggunakan Heading Tag H1 dinamis? Wasalam. (http://www.romelteamedia.com).*

Referensi:
  • http://www.bloggertipandtrick.net/change-heading-tag-better-seo-blogger
  • http://www.theblogservices.net/2013/12/optimizing-your-blogs-title-heading-h1.html
  • http://seobloggertricks.blogspot.com/
  • http://blog-seo-friendly-2013.blogspot.com/2014/02/cara-seo-membuat-dynamic-heading-di-blog.html
  • http://blogger-coepoe.blogspot.com/2012/05/optimasi-tag-h1-tag-h1-menjadi-judul
 

Previous
« Prev Post
Author Image

Romeltea
Romeltea adalah onair dan online name Asep Syamsul M. Romli aka Kang Romel. Praktisi Media, Blogger, Trainer Komunikasi from Bandung, Indonesia. Follow me: facebook twitter instagram linkedin youtube

Recommended Posts

Related Posts

Show comments
Hide comments

76 comments on Cara Membuat Heading Tag H1 Dinamis untuk SEO Blog

  1. sudah di coba hasilnya mantap

    http://kampoengpelajar21.blogspot.com/

    ReplyDelete
  2. Sangat Bermanfaat bagi newbi.. silahkan cek http://queen-huan.blogspot.com/

    ReplyDelete
  3. waduh thank Pak master atas infonya

    ReplyDelete
    Replies
    1. saya bukan master, lha wong posting di atas ada sumbernya kok :)

      Delete
  4. Terima kasih atas saran dan info artikelnya sob, semoga dengan membaca artikel di atas menjadi wawasan pengetahuan bagi saya dan semua orang.

    ReplyDelete
  5. Beuh 100% Sempurna.. Ngeri Bang Romel

    ReplyDelete
    Replies
    1. Kesempurnaan hanya milik Allah SWT.... Kesempurnaan SEO Blog itu nisbi :)

      Delete
    2. Alhamdulillah mantap bro

      Delete
  6. Berbagai cara mengatur Heading Tag H1, H2, H3 pada blog, namun perlu di coba dan hasilnya bisa dilihat beberapa hari kemudian. Salam kenal sobat.

    ReplyDelete
  7. saya akan coba, terimakasih artikelnya pak.

    ReplyDelete
  8. Replies
    1. keep trying.... coba juga alternatif yg ada di link referensi

      Delete
  9. ribet banget mas,, kapan kapan saya praktekan izin bookmark dulu..

    mampir ke blog saya ya mas

    ReplyDelete
  10. mas, itu yang cara ekstrem? menggnti judul blog... knp banyak skali? apkah mmg bgitu??

    ReplyDelete
  11. "<h1 class='title' style='background: transparent" banyak bgt di blog saya hehe

    ReplyDelete
  12. artikelnya sangat tepat untuk di lakukan dalam perbaikan desain blog. terimakasih atas informasinya.

    ReplyDelete
  13. Sudah saya praktekkan mas. kira kira perlu berapa hari untuk bisa melihat hasilnya??

    ReplyDelete
  14. Sudah saya edit semua code-code tersebut, tapi ketika di cek keluar pesan ini ya mas "Warning: Make sure you have at least one H1 tag: It represent the headline of your content/website." kira-kira kesalahannya dimana lagi ya mas... maklum newbie blognya www.abg.me

    ReplyDelete
    Replies
    1. Ini solusinya:
      http://contohblognih.blogspot.com/2014/05/mengatasi-masalah-heading-tag-h1-image-logo-blog.html

      Delete
  15. Saya udah coba, terus test rate blog di chkme, masih 70%, apa lagi yang harus diubah ya

    ReplyDelete
    Replies
    1. Baca NOTE dari Chkme, ada catatannya yang harus diperbaiki.... hapus pula semia kode yang ada tulisan "quickedit" dan "feedlink" di template. Template > Edit HTML > Ctrl+F > quickedit, lalu feedlink...

      Delete
    2. ngikut nimbrung komen karena ada hubungannya dgn blog saya mas.
      Kalau saya hapus quickedit nya blog saya jadi kocar-kacir itu kenapa ya? jadi pusing. solusinya mas.

      Delete
  16. Makasih bnget share ilmunya mas Romel...
    saya udah coba, dan berhasil walapun masih 97%..

    ReplyDelete
  17. makasih infonya gan...

    ReplyDelete
  18. Terima kasih gan, saya cobe semoga bermanfaat

    ReplyDelete
  19. Berbagai cara mengatur Heading Tag H1, H2, H3 pada blog, namun perlu di coba dan hasilnya bisa dilihat beberapa hari kemudian. Salam kenal sobat.

    ReplyDelete
  20. wah makasih mas,yang cara extrem masih bingung

    ReplyDelete
  21. pengen coba cara anda diatas siapa tau blog ane seo gan setelahh membaca artikel agan cara membuat heading tag h1 h2 h3 blog jadi seo

    ReplyDelete
  22. thanks mas, tapi masih agak takut neh...takut templatenya kenapa2 wkwkwkw

    ReplyDelete
  23. Berhasil mas. :D Thanks ya, saya jadi terinspirasi untuk mendokumentasikannya. :D
    Izin tulis ulang di blog saya ya mas. :) Thanks.

    ReplyDelete
  24. om itu pas selesai di modifikasi kek tutorial diatas apa score langsung terlihat perubahannya atau harus nunggu ?
    soalnya skornya tetep sama

    ReplyDelete
  25. terimah Kasih mas.
    Postingan ni sangat membantu

    ReplyDelete
  26. Ada yang bisa ajarin saya memperbaiki blog saya tidak

    ReplyDelete
  27. Terimakasih atas tutorialnya mas... Blognya bagus lho buat referensi pemula seperti saya ini. Terkadang setting sebuah blog itu membikin bingung terutama bagi yang awam soal blogging.... Salam blogger

    ReplyDelete
  28. Terimakasih infonya ya, sdh saya ubah tapi h1 pada halaman posting jadi 2

    ReplyDelete
  29. thank ilmunya om admin...

    ReplyDelete
  30. Belum bisa digunakan...!kenapa?

    ReplyDelete
    Replies
    1. cara cepat: ganti dengan template seo friendly terbaru :)
      http://www.romelteamedia.com/search/label/Template%20Blog?&max-results=5

      Delete
  31. saya baru 76% bos. masih bingung mengoptimalkan seo, apalagi sampai 100%

    ReplyDelete
  32. Makasih gan sangat bermanfaat, ane bingung dari tadi browsing ternyata post agan oke banget sangat jelas....

    ReplyDelete
  33. percuma 100% via chkme klo H2 nya kecil, benar gak ya mas ?

    ReplyDelete
  34. akan di praktekkan mas !

    ReplyDelete
  35. Tadi mencoba, kok agak berantakan ya. Apa saya yang salah kopi, atau ada yang kurang.

    ReplyDelete
    Replies
    1. salah kopi kayaknya, harusnya kopi luak yang sedang ngetrend :) Coba ulangi lebih teliti

      Delete
  36. Apa penggunaan h1 ini berpengaruh terhadap kualitas blog dan SERP pada blog kita?
    tips terkini

    ReplyDelete
    Replies
    1. ya pengaruh, komentar spam juga ngaruh ke reputasi blog :)

      Delete
  37. blog saya setelah saya cek di chkme malah gak ada tag H1 nya gan. mohon solusinya?

    ReplyDelete
    Replies
    1. Jika blog Anda pake logo image/gambar, tambahkan kode <h1></h1> di bagian kode header seperti ini:

      <!--Show the image only-->
      <div id='header-inner'>
      <a expr:href='data:blog.homepageUrl' style='display: block'>
      <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
      </a>

      Ubah jadi:

      <!--Show the image only-->
      <div id='header-inner'>
      <a expr:href='data:blog.homepageUrl' style='display: block'>
      <h1><img expr:alt='data:title' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' style='display: block'/></h1>
      </a>

      Delete
    2. Mantab....
      terimakasih banyak bang.

      Delete
  38. Ini berarti ada dua cara ya gan, dengan mengubah menjadi tag h1 dinamis dan cara ekstrim. Kita perlu melakukan keduanya atau salah satu saja ? Terima kasih infonya memperluas wawasan tentang SEO

    ReplyDelete
  39. Mantap sekali Bang Ilmunya ...Mengena ke Blog Saya... visitor jadi tembus 2000 perhari..makasih bang. Salam Ngeblog

    ReplyDelete
  40. makasih gan...ini yang saya butuhkan...ijin sedot kodenya ya gan

    ReplyDelete
  41. o iya score chkme templete blog ane jd 100% sekarang gan...makasih nih atas ilmunya

    ReplyDelete
  42. Cara ganti font judul postingan gimana mas punya saya jadi tebel2 setelah pake tag ini ?

    ReplyDelete
  43. Makasih pencerahanya gan. Ikutan ngoprek ahh

    ReplyDelete
  44. kalau untuk wp bagaiamana formatnya min?

    ReplyDelete
  45. saya tidak memeilikikode seperti d atas, mohon pencerahannya

    ReplyDelete
  46. Makasih, sangat membantu

    ReplyDelete
  47. sudah di terapkan di blog sangat membantu blog score seo naik terima kasih

    ReplyDelete
  48. Terimakasih sangat membantu

    ReplyDelete
  49. tidak sama ya kode kodenya pada template generasi layout versi ke-3, semua kode tidak di temukan!

    ReplyDelete
  50. Keren mas, ini yang ane cari. Soalnya H1 ane jadi dobel di halaman postingan.

    ReplyDelete

Contact Form

Name

Email *

Message *