Mengatur Tag Heading Template Blog Agar SEO Friendly

Mengatur Tag Heading Template Blog Agar SEO Friendly. Heading merupakan elemen sangat penting yang 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 engine dan mendapatkan posisi SERP yang baik pula. Nah berhubung saya baru ganti template, akhirnya dapat kerjaan baru lagi ngoprek tag heading blog abcwahyu ini.

Namun kali ini saya mencoba menerapkan tag heading dinamis dimana pada saat berada di homepage maka title blog akan diindeks sebagai H1 dan judul artikel diindeks sebagai H2. Kemudian apabila kita membuka halaman posting (single post) maka secara otomatis judul artikel berubah menjadi H1. Konsep perubahan yang otomatis seperti inilah yang disebut dengan tag heading dinamis seo friendly.

Ada banyak sekali memang model penataan tag heading H1 dan H2 ini yang mungkin pernah anda baca di blog-blog lain. Tapi pada dasarnya tujuan akhir tetap sama yaitu jangan sampai terjadi ada banyak H1 saat kita membuka halaman blog atau halaman posting. Seperti apa penataan tag heading dinamis yang seo friendly ini, ikuti langkah-langkah dibawah ini :

Cara Mengatur Tag Heading Template Blog Agar SEO Friendly:

1. Login ke dashboard blogger anda.
2. Pilih Rancangan > Edit HTML, centang Expand widget template.
3. Jangan lupa backup dulu template anda sebelum melakukan 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. Lalu ganti kode diatas dengan kode berikut ini :

<div id='header-inner'>

<div class='blogtitle'>

<b:if cond='data:blog.url == data:blog.homepageUrl'>

<h1 id='blogtitle'><a expr:href='data:blog.homepageUrl'><data:title/></a></h1>

<b:else/>

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<h2 id='blogtitle'><a expr:href='data:blog.homepageUrl'><data:title/></a></h2>

<b:else/>

<h1 id='blogtitle'><a expr:href='data:blog.homepageUrl'><data:title/></a></h1>

</b:if>

</b:if>

</div>

<b:include name='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’>

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

7. Dan ganti dengan kode berikut ini :

<a expr:name='data:post.id'/>

<b:if cond='data:blog.url == data:blog.homepageUrl'>

<b:if cond='data:post.title'>

<h2 class='post-title entry-title'>

<b:if cond='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>

8. Save/Simpan Template

Untuk bagian CSS, agar tampilannya tidak berantakan. Lakukan caranya dibawah ini

1. Cari kode-kode seperti dibawah ini

.post h3

.post h3 a:link, a:visited

.post h3 a:hover

2. Lalu ganti kode diatas dengan kode berikut ini:

.post h1, .post h2

.post h1 a,.post h1 a:visited,.post h1 strong,.post h2 a,.post h2 a:visited, .post h2 strong

.post h1 strong,.post h1 a:hover,.post h2 strong,.post h2 a:hover

3. Untuk bagian header, Cari kode berikut ini

#header h1

4. Dan tambahkan kode berikut ini, disamping kode seperti diatas

#header p

5. Nanti jadinya seperti dibawah ini

#header h1, #header p

Info:
Jangan hapus kode css-nya seperti "color: black; background: white;" sobat hanya cukup merubah kode seperti diatas (.post h3). Agar tampilannya seperti semula.

Oiya jangan lupa juga untuk Menyimpan Template Blog sobat dan lihat hasilnya.

Nah begitulah cara-nya Mengatur Tag Heading Template Blog Agar SEO Friendly. Cukup mudahkan semoga bermanfaat :)

Wahyu Arief -

Anda sedang membaca artikel tentang Mengatur Tag Heading Template Blog Agar SEO Friendly dan anda bisa menemukan artikel Mengatur Tag Heading Template Blog Agar SEO Friendly ini dengan url http://abcwahyu.blogspot.com/2012/09/mengatur-tag-heading-template-blog-agar-seo-friendly.html, anda boleh menyebar luaskannya atau mengcopy paste-nya jika artikel Mengatur Tag Heading Template Blog Agar SEO Friendly ini sangat bermanfaat bagi teman-teman anda, namun jangan lupa untuk meletakkan link Mengatur Tag Heading Template Blog Agar SEO Friendly sebagai sumbernya.

Mengatur Tag Heading Template Blog Agar SEO Friendly. 100%. 78909. 1.