Membuat Template Blogspot Menjadi SEO Friendly

Biasanya template bawaan blogger susunannya tag heading-nya kurang begitu bagus untuk optimasi seo blog. Untuk itulah template bawaan blogger masih harus dimodifikasi atau dirubah menjadi template blogger seo friendly. Sedangkan Google sendiri senang dengan template blog yang sudah seo friendly yaitu dengan susunan tag heading H1 hanya satu saja yakni untuk judul / titel blog dan tag heading H2 untuk judul postingan dan tag heading H3 untuk widget. Begitu juga dengan penambahan metatag desciption yang harus dicantumkan agar cepat terindex google atau dengan memasang tag rel canonical atau menjadikan blog yang semula nofollow dirubah menjadi dofollow atau dengan merubah judul postingan berada didepan judul blog. Kalau anda baru belajar membuat blog usahakan mencari dan menggunakan template blogger seo firendly dan anda tinggal mencari di search google yang sudah banyak dishare oleh ahli pembuat template yang berplatform blogspot/blogger. Namun template seo friendly yang sudah dibuat oleh pembuat template kebanyakan masih belum memenuhi kriteria untuk susunan tag heading h1, h2, dan h3, jadi supaya template blogspot lebih seo friendly lagi anda dapat simak tutorial dibawah ini bagaimana cara membuat template blogspot lebih seo feiendly.

Sebenarnya cara mengoptimalkan template blogger menjadi seo friendly ini sudah banyak dishare oleh blogger lainnya, mungkin postingan sudah terlalu basi buat blogger sebelum saya, namun saya akan share juga siapa tahu masih ada yang membutuhkan tutorial ini. Untuk mempersingkat topik, simak cara membuat template blogger menjadi seo friendly dibawah ini :

Untuk mengoptimalkan template blog supaya seo friendly, caranya masuk ke Edit HTML dan gunakan Ctrl+F untuk mencari kode-kode seperti ini :

1. Cari kode seperti dibawah ini untuk merubah tag heading untuk judul postingan

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

Hapus semua kode diatas dan ubah dengan kode dibawah ini.

<b:if cond='data:blog.pageType != "item"'>
<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. Cari kode seperti dibawah ini untuk merubah tag heading untuk title blog

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

Hapus semua kode diatas dan ganti dengan kode dibawah ini

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

Berikutnya cari kode seperti dibawah ini

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

Kalau sudah lalu hapus ganti dengan kode dibawah ini

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

3. Cari kode seperti dibawah ini untuk merubah kode CSS pada judul postingan

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

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

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

Lalu ganti dengan kode dibawah 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;
}

4. Cari kode seperti dibawah ini untuk merubah kode CSS pada Judul / Titel Blog

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

Hapus kode diatas dan ganti 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;}

5. Simpan

Tambahan :
Untuk membuat template blogspot lebih seo friendly, silahkan klik link dibawah ini

1. Memasang Rel Canonical di Blog
2. Cara membuat breadcrums terindeks google
3. Memasang Meta Tag Seo Friendly di Blog
4. Merubah Blog Nofollow Menjadi Dofollow

seo

Terlintas

Membuat Template Blogspot Menjadi SEO Friendly

Related Posts

Entri Populer