Cara Mengubah Template Blog Agar SEO Friendly

Setelah pada postingan sebelumnya membahas tentang Komunitas Blogger Madura, pada kali ini akan share tips trik blog dalam optimasi SEO yang direquest oleh salah satu anggota Komunitas Blogger Madura. Kemaren dia menanyakan soal cara mengubah template blog jadi lebih SEO friendly.

Biar pembahasannya tidak melebar, mending langsung ke TKP. Sekalian biar cepet selesai request dari salah satu anggota Komunitas Blogger Madura.

1. Login Blogger
2. Tata Letak
3. EDIT HTML (jangan lupa download template lengkap)
4. Centang Expand Template Widget

Manipulasi Tag Heading Judul Postingan

Silahkan cari kode di bawah ini..

<b:if cond="data:post.title">
</b:if>
<h3 class="post-title entry-title">
<b:if cond="data:post.link">
<a expr:href="data:post.link" href="http://www.blogger.com/post-create.g?blogID=4413479108497015649"><data:post.title></data:post.title></a>
<b:else>
<b:if cond="data:post.url">
<a expr:href="data:post.url" href="http://www.blogger.com/post-create.g?blogID=4413479108497015649"><data:post.title></data:post.title></a>
<b:else>
<data:post.title>
</data:post.title>
</b:else>
</b:if></b:else></b:if></h3>


Kemudian Ganti Kode Diatas Dengan kode dibawah ini

<b:if cond="data:blog.pageType != &quot;item&quot;">
<b:if cond="data:post.title">
</b:if></b:if>
<h2 class="post-title entry-title">
<b:if cond="data:post.link">
<a expr:href="data:post.link" href="http://www.blogger.com/post-create.g?blogID=4413479108497015649"><data:post.title></data:post.title></a>
<b:else>
<b:if cond="data:post.url">
<a expr:href="data:post.url" href="http://www.blogger.com/post-create.g?blogID=4413479108497015649"><data:post.title></data:post.title></a>
<b:else>
<data:post.title>
</data:post.title>
</b:else>
</b:if></b:else></b:if></h2>

<b:else>
</b:else>
<h1 class="post-title entry-title">
<b:if cond="data:post.link">
<a expr:href="data:post.link" href="http://www.blogger.com/post-create.g?blogID=4413479108497015649"><data:post.title></data:post.title></a>
<b:else>
<b:if cond="data:post.url">
<a expr:href="data:post.url" href="http://www.blogger.com/post-create.g?blogID=4413479108497015649"><data:post.title></data:post.title></a>
<b:else>
<data:post.title>
</data:post.title>
</b:else>
</b:if></b:else></b:if></h1>


Manipulasi Tag Heading Judul Blog

Silahkan cari kode di bawah ini..

<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>


Kemudian Ganti Dengan Kode Berikut

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


Terus cari kode di bawah ini..

<h1 class='title'>
<b:include name='title'/>
</h1>


Kemudian Ganti Dengan Kode Berikut

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


Terakhir, Set CSS Blog

Cari kode css judul postingan dan judul blog sobat. Misal kodenya seperti ini. Kemudian cari yang mirip.

.post h3 {
..................................
}
.post h3 a, .post h3 a:visited{
..................................................
}
.post h3 a:hover {
....................................
}


Kemudian Ganti Dengan Kode Di Bawah Ini

.post h1, .post h2 {
margin:.25em 0 0;
padding:0 0 4px;
font-size:140%;
font-weight:normal;
line-height:1.4em;
color:$titlecolor;
}
.post h1 a, .post h1 a:visited, .post h1 strong, .post h2 a, .post h2 a:visited, .post h2 strong{
display:block;
text-decoration:none;
color:$titlecolor;
font-weight:normal;
}
.post h1 strong, .post h1 a:hover, .post h2 strong, .post h2 a:hover {
color:$textcolor;
}


NB: Kalau tidak berhasil, ganti hanya kode H3 nya dengan H1 saja..

OK. Rasanya jari sudah mulai kriting nich. Sampai disini dulu cara mengubah template blog agar SEO friendly. Selamat mencoba dan semoga bermanfaat.