Menulis

Cara Membuat Heading Tag H1 Dinamis untuk SEO Blog

Posted by Romel Tea ● Follow @romeltea ● Like Romeltea Media on Facebook

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

Author:

I am a Blogger, Media Practisioner, and Practical Communication Trainer. I share my own knowledges, experiences, and skills about practical communication - writing, speaking, blogging - and my hobbies and concerns. Visit my official website Romeltea.

Previous
« Prev Post
59 Komentar untuk "Cara Membuat Heading Tag H1 Dinamis untuk SEO Blog"

sudah di coba hasilnya mantap

http://kampoengpelajar21.blogspot.com/

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

waduh thank Pak master atas infonya

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

cek? gak mau ah :)

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

Beuh 100% Sempurna.. Ngeri Bang Romel

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

Aaaamiiiiinnn...... :)

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

saya akan coba, terimakasih artikelnya pak.

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

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

mampir ke blog saya ya mas

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

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

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

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

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

ASAP :) As Soon As Possible....

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

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

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

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

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.

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

makasih infonya gan...

Terima kasih gan, saya cobe semoga bermanfaat

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

wah makasih mas,yang cara extrem masih bingung

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

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

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

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

terimah Kasih mas.
Postingan ni sangat membantu

Ada yang bisa ajarin saya memperbaiki blog saya tidak

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

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

thank ilmunya om admin...

Belum bisa digunakan...!kenapa?

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

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

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

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

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

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

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

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

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

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>

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

salah satu saja biar nilainya 9 :)

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