Cara Membuat Heading Tag H1 Dinamis untuk SEO Blog

Follow @romel_tea
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
 

Thanks for reading Cara Membuat Heading Tag H1 Dinamis untuk SEO Blog | Tags:

Next Article
« Prev Post
Previous Article
Next Post »

Related Posts

Your Comments

71 komentar 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
    Replies
    1. ganti aja smua... hehe :).. btul x gan??

      Delete
  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. Ijin share mas, thanks...

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

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

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

    ReplyDelete
  26. terimah Kasih mas.
    Postingan ni sangat membantu

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

    ReplyDelete
  28. 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
  29. Terimakasih infonya ya, sdh saya ubah tapi h1 pada halaman posting jadi 2

    ReplyDelete
  30. thank ilmunya om admin...

    ReplyDelete
  31. 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
  32. saya baru 76% bos. masih bingung mengoptimalkan seo, apalagi sampai 100%

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

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

    ReplyDelete
  35. akan di praktekkan mas !

    ReplyDelete
  36. 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
  37. 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
  38. 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
  39. 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
  40. Mantap sekali Bang Ilmunya ...Mengena ke Blog Saya... visitor jadi tembus 2000 perhari..makasih bang. Salam Ngeblog

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

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

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

    ReplyDelete
  44. Makasih pencerahanya gan. Ikutan ngoprek ahh

    ReplyDelete
  45. kalau untuk wp bagaiamana formatnya min?

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

    ReplyDelete
  47. Makasih, sangat membantu

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

    ReplyDelete

Komentar SPAM dan LINK AKTIF tidak akan muncul.