Cara Membuat Tag Headling H1 dan H2 SEO Friendly

Posted by Rudy Susetyahadi on April 04, 2012

Cara Membuat Tag Headling H1 dan H2 SEO Friendly Heading merupakan elemen sangat pentingyang menjadi tanda pengenal bagi sebuah blog berdasarkan title atau judul. Pengaturan tag heading agar menjadi seo friendly di blogspot mutlak diperlukan agar blog terindeks dengan baik di search enginedan mendapatkan posisi SERP yang baik pula. Namun kali inisaya mencoba menerapkan tag heading dinamis dimana pada saat berada di homepagemaka title blog akan diindeks sebagai H1 dan judul artikel diindeks sebagai H2.Kemudian apabila kita membuka halaman posting (single post) maka secaraotomatis judul artikel berubah menjadi H1. Konsep perubahan yang otomatis sepertiinilah yang disebut dengan tag headingdinamis seo friendly. Ada banyak sekali memang model penataan tagheading H1 dan H2 ini yang mungkin pernah anda baca di blog-blog lain. Tapipada dasarnya tujuan akhir tetap sama yaitu jangan sampai terjadi ada banyak H1saat kita membuka halaman blog atau halaman posting. Seperti apa penataan tag heading dinamis yang seofriendly ini, ikuti langkah-langkah dibawah ini :

TipsMembuat Tag Heading Dinamis SEO Friendly

1.      Login ke dashboard blogger anda.
2.      Pilih Rancangan > Edit HTML, centang Expandwidget template.
3.      Jangan lupa backup dulu template anda sebelummelakukan perubahan.
4.      Cari kode seperti dibawah ini :
<div id=’header-inner’>
<div class=’titlewrapper’>
<h1 class=’title’>
<b:include name=’title’/>
</h1>
</div>
<b:include name=’description’/>
</div>

5.      Kemudian ganti dengan kode berikut ini :
<div id='header-inner'>
<div class='blogtitle'>
<b:if cond='data:blog.url ==data:blog.homepageUrl'>
<h1 id='blogtitle'><aexpr:href='data:blog.homepageUrl'><data:title/></a></h1>
<b:else/>
<b:if cond='data:blog.pageType ==&quot;item&quot;'>
<h2 id='blogtitle'><aexpr:href='data:blog.homepageUrl'><data:title/></a></h2>
<b:else/>
<h1 id='blogtitle'><aexpr:href='data:blog.homepageUrl'><data:title/></a></h1>
</b:if>
</b:if>
</div>
<b:includename='description'/>
</div>

6.      Selanjutnya cari lagi kode seperti dibawah ini :
<a expr:name=’data:post.id’/>
<b:if cond=’data:post.title’>
<H2 class=’post-title entry-title’>
<b:if cond=’data:post.link’>
<aexpr: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>

7.      Dan ganti dengan kode berikut ini :
<aexpr:name='data:post.id'/>
<b:if cond='data:blog.url ==data:blog.homepageUrl'>
<b:ifcond='data:post.title'>
<h2 class='post-titleentry-title'>
<b:ifcond='data:post.link'>
<a expr:href='data:post.link' expr:title='data:post.title'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'expr:title='data:post.title'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h2>
</b:if>
<b:else/>
<b:if cond='data:blog.pageType ==&quot;item&quot;'>
<b:ifcond='data:post.title'>
<h1 class='post-title entry-title'style='font-size:1.3em;'>
<b:ifcond='data:post.link'>
<a expr:href='data:post.link'expr:title='data:post.title'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'expr:title='data:post.title'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h1>
</b:if>
<b:else/>
<b:ifcond='data:post.title'>
<h2 class='post-titleentry-title'>
<b:ifcond='data:post.link'>
<a expr:href='data:post.link'expr:title='data:post.title'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'expr:title='data:post.title'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h2>
</b:if>
</b:if>
</b:if>

8.      Save/Simpan template anda.

Semoga Bermanfaat 




Source : http://rayhanzhampiet.blogspot.com/

PERHATIAN..!!

Untuk cara downloadnya Anda akan diarahkan ke adf.ly kemudian tunggu 5 detik dan cari tombol SKIP AD yang berada di sebelah kanan atas monitor anda.

Artikel Terkait

Penulis: Rudy Susetyahadi ~ FREE DOWNLOAD SOFTWARE FULL|TIPS AND TRICK|WINDOWS|BLOGGER|INTERNET|NOKIA|ANDROID

Artikel Cara Membuat Tag Headling H1 dan H2 SEO Friendly ini dipublish oleh Rudy Susetyahadi pada hari April 04, 2012.Semua Artikel yang saya buat tanpa ada maksud untuk "menggurui" ataupun menjadi orang yang "sok pintar", Manusia tidak ada yang sempurna karena sesungguhnya kesmpurnaan itu hanya ALLAHU S.W.T. Semoga artikel ini dapat bermanfaat dan menambah wawasan kita semua. Terimakasih atas kunjungan Anda serta kesediaan Anda membaca artikel ini.

:: Get this widget ! ::

{ 12 comments... read them below or add one }

Post a Comment

Silahakan berkomentar yang baik dan sopan karena blog ini adalah Blog Dofollow. "Anda Sopan Kami Segan"

Komentar Tidak akan di Tampilkan dan Akan dihapus jika :
» Menyisipkan Link dalam komentar / Meyertakan Nama Blog dalam Komentar. (jangan Menulis Blog anda dalam komentar, karna itu adalah SPAM) tidak akan di tampilkan dan akan di hapus
» Menggunakan bahasa yang tidak sopan (Sara,Kasar,Pornografi,Caci Maki (yg Bukan dari Mulut Manusia) Menyinggung.dll)
» Duplikat komentar(komen yang sama)
» Pertanyaan/komentar tidak berkaitan dengan artikel