Membuat Heading Tag H1 H2 H3 Blogspot Menjadi SEO Friendly

Membuat Heading Tag H1 H2 H3 Blogspot Menjadi SEO Friendly - Selamat Malam, kali ini kita akan membahas tentang blog yang suka berteman dan disukai oleh search engine sehingga search engine tidak segan-segan menawarkan jatah hadir di halaman utama untuk blog tersebut dan kita sering memanggilnya dengan istilah SEO Friendly.
Blog yang seo friendly tidak pernah terlepas dari strukturnya yang teratur dan bagus, terutama terletak pada pengaturan Headingnya, H1, h2, h3, h4 dst.

Struktur yang bagus dalam sebuah blog adalah menggunakan TAG H1 pada judul blog ketika terbuka di homepage, sementara Tag untuk judul posting adalah menggunakan TAG H2 atau H3. Sementara ketika blog terbuka di single page, maka struktur TAG H1-nya harus berubah, yaitu menggunakan TAG H1 untuk judul posting dan menggunakan TAG h2 atau H3 untuk judul blog.

Kita bisa melihat banyaknya template blogger atau lainnya yang tersebar di dunia maya dangan urgensi masing-masing dari para pembuat ataupun desainer template. Diantara mereka ada yang menyediakan template yang telah siap digunakan untuk optimasi SEO, namun banyak juga diantaranya mungkin menekankan pada kreatifitas dan nilai template tersebut menurut pertimbangan pembuat.

Kalau template telah dibumbui sedemikian rupa maka tidak menjadi masalah lagi bagi kita, tinggal melakukan optimasi lainnya, namun jika memang belum, maka artikel ini kiranya dapat bermanfaat untuk sobat yang ingin membuat templatenya menjadi lebih SEO Friendly. Disini kita akan mencoba untuk mengulas bagaimana cara mengatur Tag H1 H2 H3 Seo friendly.

Langsung saja ya :D

CARA MENGATUR HEADING TAG H1 H2 H3 BLOGSPOT SEO FRIENDLY. 

Sebelum melakukannya jangan lupa backup template sobat..!!

1. Merubah TAG head Judul Blog menjadi H1 pada homepage dan H3 (atau h2) pada halaman posting.

CARI KODE:

<div class='titlewrapper'
...
</div>

Kemudian ganti dengan kode dibawah ini

<div class='titlewrapper' style='background: transparent'>
<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/>
<h3 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/></h3>
</b:if>
</div>

Kalau pada template anda terdapat banyak kode <div class='titlewrapper', maka ganti semuanya dengan kode diatas.

2. Merubah TAG Deskripsi Blog menjadi h2

Cari kode:

<div class='descriptionwrapper'>
...
</div>

Kemudian ganti dengan kode dibawah ini

<div class='descriptionwrapper'>
<h2 class='description'><span><data:description/></span></h2>
</div>

Kalau banyak kode seperti diatas, maka ganti semuanya.

3. Merubah TAG head posting menjadi H3 pada homepage

Cari KODE:

<div class='post hentry uncustomized-post-template'

pada beberapa baris di bawah kode tersebut akan anda temukan kode seperti ini :

<h? class='post-title entry-title' itemprop='name'>
...
</h?>

Disana ganti TAG Heading-nya menjadi H3, kalau template anda sudah dalam format h3, berarti tidk usah diganti lagi.

4. Merubah TAG head posting menjadi H1 pada halaman posting (single post)

Cari kode seperti di bawah ini :

<b:includable id='post' var='post'>
...
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
...
</h3>
</b:if>
<div class='post-header'>

Kemudian ganti kode yang berwarna merah di atas dengan kode yang dibawah ini.

<a expr:name='data:post.id'/>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<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>
<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>

Save templatenya, dan silakan lihat atau cek apakah Tag heading blog anda sudah teratur.

Bila terjadi perubahan dalam bentuk Header maupun judul post, kita dapat mengaturnya lagi dengan CSS. Misalnya ingin menyamakannya, kita dapat menambah kode h1 setelah .post h3.
Contoh,

.post h3, .post h1 {...
}

Demikianlah Membuat Heading Tag H1 H2 H3 Blogspot Menjadi SEO Friendly, semoga bermanfaat.