Breaking News
Loading...
March 20, 2013

Membuat Template Blog Menjadi SEO Friendly

6:26 AM

Membuat Template Blog Menjadi SEO Friendly
Template Blog SEO Friendly merupakan template blog yang paling disenangi Google. Bagaimana template bisa dikatakan Seo Friendly dan cara men-seo friendly-kan template yang berplatform blogger/blogspot tersebut bagaimana? Sebenarnya kalau anda search di google mengenai cara membuat template blog seo friendly ini sudah banyak dishare oleh blogger lainnya, namun tidak ada salahnya Blogger Bondowoso akan share juga barangkali masih ada yang membutuhkan. Memang banyak situs yang menyediakan layanan download template dan disainya bagus-bagus. Namun apakah template tersebut sudah Seo Friendly? Jadi sebelum anda membuat blog tentukan dulu dan gunakan template blog yang disenangi oleh search engine google tentunya template blog yang seo friendly.

Membuat Template Blog Menjadi SEO Friendly

Unsur yang paling utama menjadikan template blogspot agar seo friendly adalah dalam urutan / penyusunan Tag Heading yang sempurna. Google sangat menyukai blog dengan penyusunan tag heading h1 untuk judul blog, tag heading h2 untuk judul postingan dan tag heading h3 untuk widget. Kebanyakan dari blog yang saya temui, untuk tag heading H1 masih belum teratur (ganda bahkan lebih) maksudnya tag H1 seharusnya ada satu yaitu khusus untuk judul / titel blog. Baiklah simak bagaimana agar template blog menjadi seo friendly, simak sampai tuntas ya.

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

Demikian Cara Membuat Template Blog Menjadi SEO Friendly, silahkan diterapkan di blog anda untuk meningkatkan SERPs, semoga bermanfaat.

Membuat Template Blog Menjadi SEO Friendly
Share:

0 comments:

Post a Comment

 
Toggle Footer