Cara Mengedit Template Agar SEO Friendly

Cara Mengedit Template Agar SEO Friendly. Berhubung banyak yang mencari Tips SEO Terbaru, jadi saya mau share Cara agar Template blog yang kita pakai SEO Friendly. Beberapa Template bawaan maupun modifikasi belum tentu SEO Friendly loh, kecuali kita pake template blog yang uda ready SEO. Yang pastinya semakin SEO template kita maka semakin tinggi juga trafik di blog kita. Nah, berikut adalah cara mengubah atau mengedit template blog agar SEO friendly.

seo friendly

– Login dulu ke akun blogger anda
– Pilih Rancangan –> Edit HTML
– Sebelum kita memulai mengedit, lebih baik kita backup dulu template kita dengan cara mengklik Download Template Lengkap.
– Lalu beri centang pada Expand Template Widget.

Kita mulai dari Manipulasi Tag Heading Judul Postingan

– Cari kode di bawah 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>


Setelah ketemu, hapus semua dan ganti dengan kode 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>


Manipulasi Tag Heading Judul Blog

– Cari Kode di bawah ini

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


– Lalu ganti dengan kode 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>


– Sekarang cari kode berikut

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


– Lalu ganti dengan kode berikut.

<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 Blog Anda.

– Cari kode CSS judul postingan dan juga judul blog. Kodenya mirip-mirip dengan kode di bawah ini.

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


Note : Jika tidak ketemu atau tidak berhasil, ganti hanya kode H3 nya.

– Cari kode CSS judul blog. Cari yang mirip dengan kode di bawah ini.

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


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


– Klik save. dan Selesai.

Tutorial di atas adalah cara agar template yang kita gunakan SEO friendly. Semoga bermanfaat.
Advertisements

About Legy Masyhury

Hanya manusia biasa, sungguh! :D http://legianto.com http://desainku.net http://masyhury.web.id http://ideku.info
This entry was posted in Tips, Tips SEO, Tutorial Blog. Bookmark the permalink.

3 Responses to Cara Mengedit Template Agar SEO Friendly

  1. Ramzi says:

    Tambahin juga mas bro buat memasang meta tag, aku rasa cukup seo friendly bila blog dipasangi meta tag apalagi meta tag dinamis tunice share dan terus berbagi dengan kita2 mas bro 🙂

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s