July 5, 2014

Cara Membuat Heading Tag Dinamis untuk SEO Blog

July 5, 2014

Dynamic Heading Tag (Heading Dinamis) yaitu judul postingan menjadi Judul Blog (Blog Title) atau menjadi H1 dalam halaman postingan (single post/page). Ini salah satu trik SEO. Berikut ini Cara Membuat Heading Tag Dinamis H1 dan H2 Judul untuk SEO Blog.

Cara Membuat Dynamic Heading Blog

Heading Tag ini pula yang menjadi rahasia ke-SEO-an template-template blog yang selama ini dikenal SEO Friendly seperti Johny Wuss, Seo Thesis, dll. (Baca: Rahasia SEO Template Johny Wuss).

Template default blogger biasanya menggunakan heading sebagai berikut:
  • H1: Judul atau Nama Blog.
  • H2: Tanggal publish posting blog
  • H3: Judul Postingan Blog.

Agar lebih SEO, maka heading H1 bisa diubah menjadi Nama Blog saat di Homeage dan menjadi Judul Posting saat di Single Post (Halaman Posting). Dengan begitu, judul posting dinilai lebih penting dari nama blog.

Cara mengetahui apakah judul posting kita menggunakan H1 atau H2:

1. Blok judul posting
2. Klik kanan > Inspect Element
3. Akan muncul seperti ini: <h1 class...> atau <h2 class.... >

Cara Membuat Heading Tag Dinamis untuk SEO Blog

1. Heading TIPE 1

Heading Dinamis tipe 1 yaitu Judul Posting Jadi Header di halaman postingan (Dynamic Heading (Post Title Become h1 Title Tag)

Untuk mengubah Judul Post menjadi Header H1 (Title Tag:
1. Temukan kode <b:include name='title'/> 
2. Ubah menjadi

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

5. Klik save template! 

2. Heading TIPE 2

Ini hanya mengubah Judul Posting Jadi H1 di halaman dalam. Banyak sekali blogger yang membagikan tips membuat dynamic heading, entah hasil pengalaman atau copas dari posting lain. CB ambil salah satunya yang berhasil diterapkan.

1. Cari kode berikut ini dan hapus yang berwarna merah!


<!--No header image --> 
<div id='header-inner'> 
 <div class='titlewrapper'> 
 <h1 class='title'> 
 <b:include name='title'/> 
 </h1> 
 </div> 
 <b:include name='description'/> 
</div>

Maka hasilnya akan seperti ini:

<!--No header image --> 
<div id='header-inner'> 
 <div class='titlewrapper'> 
 <b:include name='title'/> 
 </div> 
 <b:include name='description'/> 
</div>

2. Beberapa baris di bawah kode di atas ada kode seperti berikut ini:

<b:includable id='title'> 
<b:if cond='data:blog.url == data:blog.homepageUrl'> 
<data:title/> 
 <b:else/> 
 <a expr:href='data:blog.homepageUrl'> 
 <data:title/> </a> 
 </b:if> 
</b:includable>

Ganti atau Ubah menjadi seperti berikut ini:

<b:includable id='title'> 
 <b:if cond='data:blog.pageType != "item"'> 
 <b:if cond='data:blog.pageType != "static_page"'> 
 <h1 class='title'> 
 <a expr:href='data:blog.homepageUrl'> 
 <data:title/> </a> 
 </h1> <b:else/> 
 <h2 class='title'> 
 <a expr:href='data:blog.homepageUrl'> 
 <data:title/> </a> 
 </h2> 
 </b:if> 
 <b:else/> 
 <h2 class='title'> 
 <a expr:href='data:blog.homepageUrl'> 
 <data:title/> 
 </a> 
 </h2> 
 </b:if> 
</b:includable>

3. Mengubah Heading Post Title 

<b:if cond='data:post.title'> 
 <h3 class='post-title entry-title' itemprop='name'> 
 <b:if cond='data:post.link'> 
 <a expr:href='data:post.link'> 
 <data:post.title/> </a> 
 <b:else/> 
 <b:if cond='data:post.url'> 
 <b:if cond='data:blog.url != data:post.url'> 
 <a expr:href='data:post.url'> 
 <data:post.title/> </a> 
 <b:else/> 
 <data:post.title/> 
 </b:if> 
 <b:else/> 
 <data:post.title/> 
 </b:if> </b:if> </h3> </b:if>

Ubah atau ganti dengan kode berikut ini:

<b:if cond='data:post.title'> 
 <b:if cond='data:blog.pageType != "item"'> 
 <b:if cond='data:blog.pageType != "static_page"'> 
 <h2 class='post-title entry-title' itemprop='name'> 
 <b:if cond='data:post.link'> 
 <a expr:href='data:post.link'> 
 <data:post.title/> </a> 
 <b:else/> 
 <b:if cond='data:post.url'> 
 <b:if cond='data:blog.url != data:post.url'> 
 <a expr:href='data:post.url'> 
 <data:post.title/> </a> 
 <b:else/> 
 <data:post.title/> 
 </b:if> 
 <b:else/> 
 <data:post.title/> 
 </b:if> 
 </b:if> 
 </h2> 
 <b:else/> 
 <h1 class='post-title entry-title' itemprop='name'> 
 <b:if cond='data:post.link'> 
 <a expr:href='data:post.link'> 
 <data:post.title/> 
 </a> 
 <b:else/> 
 <b:if cond='data:post.url'> 
 <b:if cond='data:blog.url != data:post.url'> 
 <a expr:href='data:post.url'> 
 <data:post.title/> </a> 
 <b:else/> 
 <data:post.title/> 
 </b:if> <b:else/> 
 <data:post.title/> 
 </b:if> </b:if> </h1> </b:if> <b:else/> 
 <h1 class='post-title entry-title' itemprop='name'> 
 <b:if cond='data:post.link'> 
 <a expr:href='data:post.link'> 
 <data:post.title/> </a> <b:else/> 
 <b:if cond='data:post.url'> 
 <b:if cond='data:blog.url != data:post.url'> 
 <a expr:href='data:post.url'> 
 <data:post.title/> </a> <b:else/> 
 <data:post.title/> </b:if> <b:else/> 
 <data:post.title/> </b:if> </b:if> </h1> 
 </b:if> </b:if>

Jika ukuran huruf h2 dan h1 mau disamakan, maka gunakan kode CSS berikut ini:
header h1, .header h2 { font-size: 32px; }

Trik lain membuat dynamic heading:
2. Optimize H1 for Pos Title

Demikian Cara Membuat Heading Tag Dinamis untuk SEO Blog. Good Luck and happy blogging! (www.contohblog.com).

Previous
« Prev Post
Author Image

CB Blogger

Recommended Posts

Related Posts

Show comments
Hide comments

12 comments on Cara Membuat Heading Tag Dinamis untuk SEO Blog

  1. bermanfaat sekali tutorialnya, memang jagonya scrip cb blogger ini

    ReplyDelete
    Replies
    1. CB gak bikin skrip, itu "copas" dari blogger lain, sebagaimana blogger lain juga copas dari blogger lain, dan begitu seterusnya..... :)

      Delete
  2. sip sob... berhasil pya ku.....thanks ya
    link balik ya http://suksespenuh.blogspot.com

    ReplyDelete
  3. widih.. keren mas bro... visit juga ya
    Tips dan Trik Blogger

    ReplyDelete
  4. kalau kode ada lebih dari 1, diganti semua atau yg mana yg harus diganti?

    ReplyDelete
  5. Kok g bs ya gan template q. Ket. G sesuai prolog gt.

    ReplyDelete
  6. gan ane coba scrip ini ane pake header image, pada saat di homepage memang image header punya ekstensi H1 tp pada saat sigle page kenapa ga bisa ganti H3 ato H2 gitu ya?

    mohon pencerahan

    ReplyDelete
  7. nongol di atas (disamping logo) judul postingannya gimana nyembunyiinnya ya? padahal di homepage udah di hidden

    ReplyDelete
  8. punya saya data post title nya ada 2 brati harus di ganti dua2 nya ya mas?

    ReplyDelete
  9. ukuran font judulnya jadi imut2 gimana mas caranya biar judul blognya ngga imut2? maaf nih anak bawang saya

    ReplyDelete

Contact Form

Name

Email *

Message *