Romeltea Media
  • HOME
  • Categories
    • Komunikasi
    • Media
    • Jurnalistik
    • Humas
  • Writing
  • Speaking
  • Blogging
    • Templates
    • Tips SEO
    • AdSense
    • Posting
  • About
  • Kontak
  • Sitemap
  • Disclaimer
  • Iklan
  • Links
    • Romeltea Online
    • Komunikasi Praktis
    • Risalah Islam
    • BolaGP Sport
    • Bandung Aktual
Romeltea Media Blogging Tips SEO Cara Membuat Heading Tag H1 Dinamis untuk SEO Blog

Cara Membuat Heading Tag H1 Dinamis untuk SEO Blog

Romeltea Romeltea Media Romeltea
May 30, 2014
Romeltea Follow @romel_tea
Romeltea
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: Blogging Tips SEO

Next Article
« Prev Post
Previous Article
Next Post »

Related Posts

Your Comments

70 komentar on Cara Membuat Heading Tag H1 Dinamis untuk SEO Blog

  1. Namaku AlimkaJune 12, 2014

    sudah di coba hasilnya mantap

    http://kampoengpelajar21.blogspot.com/

    ReplyDelete
    Replies
    1. Romel TeaAugust 29, 2014

      Congratz !!!

      Delete
      Replies
        Reply
    2. Reply
  2. Oktavia LieAugust 16, 2014

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

    ReplyDelete
    Replies
    1. Romel TeaAugust 29, 2014

      cek? gak mau ah :)

      Delete
      Replies
        Reply
    2. Reply
  3. ferry rinaldiAugust 29, 2014

    waduh thank Pak master atas infonya

    ReplyDelete
    Replies
    1. Romel TeaAugust 29, 2014

      saya bukan master, lha wong posting di atas ada sumbernya kok :)

      Delete
      Replies
        Reply
    2. Reply
  4. ibrahim lubisSeptember 07, 2014

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

    ReplyDelete
    Replies
    1. Romel TeaSeptember 08, 2014

      Aaaamiiiiinnn...... :)

      Delete
      Replies
        Reply
    2. Reply
  5. Ali ZakariyaSeptember 08, 2014

    Beuh 100% Sempurna.. Ngeri Bang Romel

    ReplyDelete
    Replies
    1. Romel TeaSeptember 08, 2014

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

      Delete
      Replies
        Reply
    2. RaulGantengMay 26, 2019

      Alhamdulillah mantap bro

      Delete
      Replies
        Reply
    3. Reply
  6. Jamaris MelayuSeptember 19, 2014

    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
    Replies
      Reply
  7. nukeSeptember 24, 2014

    saya akan coba, terimakasih artikelnya pak.

    ReplyDelete
    Replies
      Reply
  8. Aldino PratamaOctober 05, 2014

    Saya qok gagal ya?

    ReplyDelete
    Replies
    1. Romel TeaOctober 05, 2014

      keep trying.... coba juga alternatif yg ada di link referensi

      Delete
      Replies
        Reply
    2. Reply
  9. Oka Rizky NirlandiOctober 21, 2014

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

    mampir ke blog saya ya mas

    ReplyDelete
    Replies
      Reply
  10. Azhar BallecoztOctober 22, 2014

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

    ReplyDelete
    Replies
      Reply
  11. Nafortism BOctober 24, 2014

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

    ReplyDelete
    Replies
    1. calrase patrickOctober 30, 2014

      ganti aja smua... hehe :).. btul x gan??

      Delete
      Replies
        Reply
    2. Reply
  12. fb google trendNovember 13, 2014

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

    ReplyDelete
    Replies
      Reply
  13. Pesan TerkirimNovember 14, 2014

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

    ReplyDelete
    Replies
    1. Romel TeaNovember 14, 2014

      ASAP :) As Soon As Possible....

      Delete
      Replies
        Reply
    2. Reply
  14. Satria JayaNovember 26, 2014

    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. Romel TeaNovember 26, 2014

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

      Delete
      Replies
        Reply
    2. Reply
  15. Gambar Motor DragDecember 24, 2014

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

    ReplyDelete
    Replies
    1. Romel TeaDecember 25, 2014

      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
      Replies
        Reply
    2. Mas YonowDecember 28, 2014

      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
      Replies
        Reply
    3. Reply
  16. Roni rahmatJanuary 08, 2015

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

    ReplyDelete
    Replies
      Reply
  17. sopyanJanuary 08, 2015

    makasih infonya gan...

    ReplyDelete
    Replies
      Reply
  18. hanibi abnaJanuary 31, 2015

    Terima kasih gan, saya cobe semoga bermanfaat

    ReplyDelete
    Replies
      Reply
  19. jual airsoft gun murahFebruary 10, 2015

    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
    Replies
      Reply
  20. lukiFebruary 10, 2015

    wah makasih mas,yang cara extrem masih bingung

    ReplyDelete
    Replies
      Reply
  21. jaka ariansyahFebruary 11, 2015

    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
    Replies
      Reply
  22. Belajar TIK-04March 06, 2015

    Ijin share mas, thanks...

    ReplyDelete
    Replies
      Reply
  23. eHikmawan.comApril 02, 2015

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

    ReplyDelete
    Replies
      Reply
  24. Yusuf Dwi PutraMay 09, 2015

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

    ReplyDelete
    Replies
      Reply
  25. Resmon RondonuwuJune 09, 2015

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

    ReplyDelete
    Replies
      Reply
  26. Hadat LA siteJuly 07, 2015

    terimah Kasih mas.
    Postingan ni sangat membantu

    ReplyDelete
    Replies
      Reply
  27. bredmartJuly 25, 2015

    Ada yang bisa ajarin saya memperbaiki blog saya tidak

    ReplyDelete
    Replies
      Reply
  28. Cepi Ali AnwariJuly 30, 2015

    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
    Replies
      Reply
  29. Dea FeraOctober 18, 2015

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

    ReplyDelete
    Replies
      Reply
  30. Beni DoankNovember 03, 2015

    thank ilmunya om admin...

    ReplyDelete
    Replies
      Reply
  31. Arief KurniawanDecember 03, 2015

    thank gan infonya

    ReplyDelete
    Replies
      Reply
  32. saras tianaJanuary 02, 2016

    Belum bisa digunakan...!kenapa?

    ReplyDelete
    Replies
    1. Romel TeaJanuary 02, 2016

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

      Delete
      Replies
        Reply
    2. Reply
  33. Roland JbJanuary 06, 2016

    done.

    ReplyDelete
    Replies
      Reply
  34. Zaen AchFebruary 29, 2016

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

    ReplyDelete
    Replies
      Reply
  35. Suna BeautyApril 06, 2016

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

    ReplyDelete
    Replies
      Reply
  36. Kurnia SandyApril 08, 2016

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

    ReplyDelete
    Replies
      Reply
  37. cut hayatul wardhaniApril 09, 2016

    akan di praktekkan mas !

    ReplyDelete
    Replies
      Reply
  38. andre danaApril 23, 2016

    thamks untuk infonya

    ReplyDelete
    Replies
      Reply
  39. Wahyu SyahputaJune 06, 2016

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

    ReplyDelete
    Replies
    1. Romel TeaJune 06, 2016

      salah kopi kayaknya, harusnya kopi luak yang sedang ngetrend :) Coba ulangi lebih teliti

      Delete
      Replies
        Reply
    2. Reply
  40. Rahma WatiJuly 27, 2016

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

    ReplyDelete
    Replies
    1. Romel TeaJuly 28, 2016

      ya pengaruh, komentar spam juga ngaruh ke reputasi blog :)

      Delete
      Replies
        Reply
    2. Reply
  41. exceliveOctober 28, 2016

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

    ReplyDelete
    Replies
    1. Romel TeaOctober 28, 2016

      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
      Replies
        Reply
    2. exceliveAugust 27, 2018

      Mantab....
      terimakasih banyak bang.

      Delete
      Replies
        Reply
    3. Reply
  42. WenNovember 27, 2016

    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
    Replies
    1. Romel TeaNovember 27, 2016

      salah satu saja biar nilainya 9 :)

      Delete
      Replies
        Reply
    2. Reply
  43. andre danaNovember 28, 2016

    thanks infonya gan

    ReplyDelete
    Replies
      Reply
  44. Naruto 899April 03, 2017

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

    ReplyDelete
    Replies
      Reply
  45. Mike ahmad supandi ilyasJuly 15, 2017

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

    ReplyDelete
    Replies
      Reply
  46. Mike ahmad supandi ilyasJuly 15, 2017

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

    ReplyDelete
    Replies
      Reply
  47. Rafly rastNovember 27, 2017

    punya ku gak bisa gan gmn ya??

    ReplyDelete
    Replies
      Reply
  48. Wisnu AzisAugust 24, 2018

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

    ReplyDelete
    Replies
      Reply
  49. Karya MediaSeptember 14, 2018

    Makasih pencerahanya gan. Ikutan ngoprek ahh

    ReplyDelete
    Replies
      Reply
  50. harison erixeSeptember 21, 2018

    kalau untuk wp bagaiamana formatnya min?

    ReplyDelete
    Replies
      Reply
  51. Gancil indonesiaFebruary 12, 2019

    saya tidak memeilikikode seperti d atas, mohon pencerahannya

    ReplyDelete
    Replies
      Reply
  52. UdanMarch 15, 2019

    Makasih, sangat membantu

    ReplyDelete
    Replies
      Reply
Add comment
Load more...

You comment, I'll visit back your blog. If you have one. Komentar SPAM dan LINK AKTIF tidak akan muncul.

Subscribe to: Post Comments (Atom)

Recent Posts

Popular Posts

  • Cara Menulis Berita - Panduan untuk Pemula
  • Dasar-Dasar Jurnalistik untuk Pemula
  • Daftar Istilah & Singkatan Chat WhatsApp dan Media Sosial - Kamus Bahasa Slang, Gaul
  • Media Online: Pengertian dan Karakteristik
  • Cara Membuat Website di Hosting Premium Hosting24
  • Cara Membuat Logo, Kartu Nama, Kop Surat secara Online dengan Logaster
  • Daftar Kata Baku-Tidak Baku Bahasa Indonesia
  • Media Sosial: Pengertian, Karakteristik, dan Jenis
  • Cara Menulis Berita yang Baik: 5W1H plus Piramida Terbalik
  • Cara Download Buku Google (Google Books)

Categories

Bahasa Bisnis Online Blogging Blogpreneur Google Adsense Humas Internet Jurnalistik Komunikasi Media Pers Presentasi Public Speaking Radio Teknik MC Template Blog Tips SEO

Join us on Facebook

Romeltea Media

Info Bola & MotoGP

Recommended Yeuh!

Hosting Unlimited Indonesia

About

Romeltea Media adalah blog pribadi ASM Romli untuk share tips & trik komunikasi praktis, jurnalistik, menulis, public speaking, radio broadcasting, blogging, dll.

Web Partners

  • Romeltea Online
  • Komunikasi Praktis
  • BolaGP Sport
  • Bandung Aktual
  • Risalah Islam

Newsletter

Berlangganan artikel terbaru dari blog ini langsung via email.

Copyright © Romeltea Media. All rights reserved