Cara Agar Template Seo Friendly

Artikel sebelumnya saya telah membahas tentang Membuat Template Blog Seo Friendly, tips kali ini saya akan share Cara Agar Template Seo Friendly, Pengoptimalan template blogger dengan SEO yang tepat dan sangat penting untuk situs blog anda. Di sisi lain, Search Engine Optimization tidak memiliki makna yang sama  yang digunakan pada masa lalu karena sekarang prioritas utama Google adalah kualitas konten. Namun, untuk mengoptimalkan template dengan teknik yang benar tidak akan merugikan anda malah pengunjung akan menikmati perubahan pada template Anda. Sebagian besar pengguna blogspot hanya mementingkan masalah design tidak memikirkan bahwa SEO singkatan dari jumlah backlink \sangat berarti seberapa baik halaman tertentu diatur dengan atribusi yang tepat yaitu Tag H2, Permalinks, dan lain-lain. Diartikel kali ini saya akan membahas bagaimana kita dapat mengoptimalkan Template Blogspot untuk Search engine.

Agar template SEO kita perlu sedikit memodifikasi agar optimal. Baiklah, langsung saja saya akan berikan kepada anda cara dalam mengoptimalkan template yang kita pakai selama ini agar lebih SEO friendly.

1.  Masuk di Blog anda
2. Download Full template anda, ini bertujuan agar bilah terjadi kesalan bisa di upload kembali template sebelumnya
3. Klik rancangan--EDIT HTML
4. Kemudian centang Expand Template Widget,

Mengganti Tag Heading Judul Postingan

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

Ganti dengan code di bawah 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>

Tag Heading Judul Blog

Kemudian cari lagi code di bawah ini, biasanya lebih dari satu jadi ganti semuanya :

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

Ganti dengan code di bawah 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>

Kemudian cari kode berikut lagi :

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

Ganti dengan code di bawah 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>

Set CSS Anda

Cari kode seperti ini :

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

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

Terakhir cari css yang hampir mirip dengan code seperti berikut :

#header h1 { 
xxxxxxxxxxxxxxxxxxx
} 

Kemudian ganti dengan code di bawah 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. Terakhir Save

Ikuti semua langkah-langkah di atas, apabila anda melakukan dengan benar, maka blog dan artikel anda nongkrong dalam 10 besar search engine.

Tweet

Postingan terkait:

— Blogspot, SEO, tutorial