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 != "item"">
<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 != "item"'>
<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 != "item"'>
<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.