Cara Membuat Heading Tag H1 Dinamis untuk SEO Blog

May 30, 2014 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

63 komentar

Tulis komentar
Namaku Alimka
AUTHOR
June 12, 2014 delete

sudah di coba hasilnya mantap

http://kampoengpelajar21.blogspot.com/

Reply
avatar
Oktavia Lie
AUTHOR
August 16, 2014 delete

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

Reply
avatar
ferry rinaldi
AUTHOR
August 29, 2014 delete

waduh thank Pak master atas infonya

Reply
avatar
Romel Tea
AUTHOR
August 29, 2014 delete

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

Reply
avatar
Romel Tea
AUTHOR
August 29, 2014 delete

cek? gak mau ah :)

Reply
avatar
ibrahim lubis
AUTHOR
September 07, 2014 delete

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

Reply
avatar
Ali Zakariya
AUTHOR
September 08, 2014 delete

Beuh 100% Sempurna.. Ngeri Bang Romel

Reply
avatar
Romel Tea
AUTHOR
September 08, 2014 delete

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

Reply
avatar
Romel Tea
AUTHOR
September 08, 2014 delete

Aaaamiiiiinnn...... :)

Reply
avatar
September 19, 2014 delete

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

Reply
avatar
nuke
AUTHOR
September 24, 2014 delete

saya akan coba, terimakasih artikelnya pak.

Reply
avatar
October 05, 2014 delete

Saya qok gagal ya?

Reply
avatar
Romel Tea
AUTHOR
October 05, 2014 delete

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

Reply
avatar
October 21, 2014 delete

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

mampir ke blog saya ya mas

Reply
avatar
October 22, 2014 delete

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

Reply
avatar
Nafortism B
AUTHOR
October 24, 2014 delete

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

Reply
avatar
October 30, 2014 delete

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

Reply
avatar
November 13, 2014 delete

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

Reply
avatar
November 14, 2014 delete

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

Reply
avatar
Romel Tea
AUTHOR
November 14, 2014 delete

ASAP :) As Soon As Possible....

Reply
avatar
Satria Jaya
AUTHOR
November 26, 2014 delete

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

Reply
avatar
Romel Tea
AUTHOR
November 26, 2014 delete

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

Reply
avatar
December 24, 2014 delete

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

Reply
avatar
Romel Tea
AUTHOR
December 25, 2014 delete

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

Reply
avatar
Mas Yonow
AUTHOR
December 28, 2014 delete

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.

Reply
avatar
Roni rahmat
AUTHOR
January 08, 2015 delete

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

Reply
avatar
sopyan
AUTHOR
January 08, 2015 delete

makasih infonya gan...

Reply
avatar
hanibi abna
AUTHOR
January 31, 2015 delete

Terima kasih gan, saya cobe semoga bermanfaat

Reply
avatar
February 10, 2015 delete

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

Reply
avatar
luki
AUTHOR
February 10, 2015 delete

wah makasih mas,yang cara extrem masih bingung

Reply
avatar
February 11, 2015 delete

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

Reply
avatar
March 06, 2015 delete

Ijin share mas, thanks...

Reply
avatar
eHikmawan.com
AUTHOR
April 02, 2015 delete

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

Reply
avatar
May 09, 2015 delete

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

Reply
avatar
June 09, 2015 delete

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

Reply
avatar
Hadat LA site
AUTHOR
July 07, 2015 delete

terimah Kasih mas.
Postingan ni sangat membantu

Reply
avatar
bredmart
AUTHOR
July 25, 2015 delete

Ada yang bisa ajarin saya memperbaiki blog saya tidak

Reply
avatar
July 30, 2015 delete

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

Reply
avatar
Dea Fera
AUTHOR
October 18, 2015 delete

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

Reply
avatar
Beni Doank
AUTHOR
November 03, 2015 delete

thank ilmunya om admin...

Reply
avatar
saras tiana
AUTHOR
January 02, 2016 delete

Belum bisa digunakan...!kenapa?

Reply
avatar
Romel Tea
AUTHOR
January 02, 2016 delete

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

Reply
avatar
Zaen Ach
AUTHOR
February 29, 2016 delete

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

Reply
avatar
Suna Beauty
AUTHOR
April 06, 2016 delete

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

Reply
avatar
Kurnia Sandy
AUTHOR
April 08, 2016 delete

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

Reply
avatar
April 09, 2016 delete

akan di praktekkan mas !

Reply
avatar
andre dana
AUTHOR
April 23, 2016 delete

thamks untuk infonya

Reply
avatar
June 06, 2016 delete

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

Reply
avatar
Romel Tea
AUTHOR
June 06, 2016 delete

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

Reply
avatar
Rahma Wati
AUTHOR
July 27, 2016 delete

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

Reply
avatar
Romel Tea
AUTHOR
July 28, 2016 delete

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

Reply
avatar
excelive
AUTHOR
October 28, 2016 delete

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

Reply
avatar
Romel Tea
AUTHOR
October 28, 2016 delete

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>

Reply
avatar
Wen
AUTHOR
November 27, 2016 delete

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

Reply
avatar
Romel Tea
AUTHOR
November 27, 2016 delete

salah satu saja biar nilainya 9 :)

Reply
avatar
andre dana
AUTHOR
November 28, 2016 delete

thanks infonya gan

Reply
avatar
Naruto 899
AUTHOR
April 03, 2017 delete

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

Reply
avatar
July 15, 2017 delete

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

Reply
avatar
July 15, 2017 delete

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

Reply
avatar
Rafly rast
AUTHOR
November 27, 2017 delete

punya ku gak bisa gan gmn ya??

Reply
avatar

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