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

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

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

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

Cara mengetahui apakah judul posting kita memakai H1 atau H2:
1. Blok judul posting
2. Klik kanan > Inspect Element
3. Akan muncul ibarat ini: <h1 class...> atau <h2 class.... >

Dynamic Heading TIPE 1

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

Untuk mengubah Judul Post menjadi Header H1 (Title Tag:
1. Temukan aba-aba <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! 

Dynamic Heading TIPE 2

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

1. Cari aba-aba 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 alhasil akan ibarat 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 aba-aba di atas ada aba-aba ibarat 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 ibarat 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 aba-aba 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 karakter h2 dan h1 mau disamakan, maka gunakan aba-aba CSS berikut ini:
header h1, .header h2 { font-size: 32px; }

Trik lain menciptakan dynamic heading:
Share To:

Endo Sadewa

Post A Comment:

0 comments so far,add yours