MEMBUAT TEMPLATE BLOG MENJADI SEO FRIENDLY

Mengoptimalkan template blog agar seo friendly
1. Buka blog anda di blogger.com
2. Pada dashboard, pilih Template => Edit HTML
3. Backup dulu template anda untuk jaga-jaga kalau terjadi kesalahan
4. Lalu centang Expand Template Widget
5. Tekan F3, cari kode-kode seperti dibawah ini

Merubah Tag Heading untuk Judul Postingan Blog, silahkan cari kode seperti dibawah ini


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

Kalau sudah dapat, hapus semua kode diatas dan ganti dengan kode dibawah ini.

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<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>
<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>

2. Merubah Tag Heading untuk Judul / Title Blog, cari kode yang mirip dengan ini

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

Kalau sudah, lalu hapus dan ubah dengan kode dibawah ini

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

Selanjutnya cari kode seperti dibawah ini

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

Lalu hapus kode diatas dan ganti dengan kode dibawah ini

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

Selanjutnya pengeditan di kode CSS pada Judul Postingan dan Judul Blog

Silahkan cari kode yang mirip seperti berikut ini

.post h3 { 
..................................

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

   
.post h3 a:hover { 
..................................


Ganti kodenya 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;
}

Catatan :
Kalau misalnya masih belum berhasil, ganti hanya kode H3 nya saja

Selanjutnya anda cari lagi kode css untuk Judul Blog, kodenya seperti dibawah ini

#header h1 { 
 ............................ 


Hapus kode diatas dan ubah dengan kode dibawah ini

#header h1, #header p {
margin:5px 5px 0;
padding:15px 20px .25em;
line-height:1.2em;
text-transform:uppercase;
letter-spacing:.2em;
font: $pagetitlefont;
}
Atau anda dapat melihat cara lain yang lebih sederhana namun tepat mengenai susunan tag heading h1 h2 h3, silahkan klik link ini : Cara Merubah Tag Heading H1, H2, H3 Agar Seo Friendly

Supaya template blogspot lebih seo friendly, silahkan klik link-link dibawah ini

1. Cara membuat breadcrums terindeks google

2. Memasang Rel Canonical di Blog

3. Memasang Meta Tag Seo Friendly di Blog

4. Merubah Blog Nofollow Menjadi Dofollow

5. Merubah Judul Postingan Didepan Judul Blog

Kalau sudah lalu Simpan Template anda

No comments:

Post a Comment