Loading...

Membuat Template Agar Seo Friendly

Monday, 17 February 2014
Membuat Template Agar Seo Friendly
Creating Templates For Seo Friendly : Selamat sore para sahabat semua, pada artikel kali ini saya akan memberikan tips agar template Anda Seo Friendly dan bisa bersaing di search engine minimal masuk dalam 10 besar pencarian yaitu dengan cara mebuat template Anda Seo Friendly selain submite artikel. Sebelum kita masuk pada inti pembahasan saya akan jelaskan terlebih dahulu apa sebenarnya yang dimaksud dengan SEO. Menurut yang saya baca SEO adalah sesuatu yang dilakukan untuk menaikkan posisi blog di Search Engine seperti google, bing, dan sebagainya. Sedangkan tujuannya untuk membuat blog mendapatkan banyak pengunjung dari Search Engine.

Baca juga : META TAG SEO FRIENDLY Dan MENGETAHUI ROBOT TXT YANG DIGUNAKAN OLEH PARA BLOG

Seperti yang saya ketahui ataupun Anda ketahui bahwa bila kita menggunakan template gratis dari orang lain, tidak menutup kemungkinan template buatan kita sendiri kebanyakan belum Seo Friendly atau masih dibilang standar. Alasan kenapa saya mengatakan seperti itu, jawabannya adalah karena hampir semua para blogger termasuk saya kebanyakkan lebih mengutamakan tampilan template agar terlihat indah dan tidak memperhatikan masalah SEO template tersebut.

Sesuai dengan judul artikel diatas, disini saya akan memberikan solusi agar template Anda Seo Friendly dan Insya Allah bisa bersaing di mesin pencarian.
Berikut Adalah Tutorialnya

1. Cari semua kode berikut :
<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 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>

2. Kemudian cari lagi kode di bawah ini
<h1 class='title' style='background: transparent; border-width: 0px'>  
<b:include name='title'/>  
</h1>

Dan ganti dengan yang 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>

3. Selanjutnya cari kode
<h1 class='title'>  
<b:include name='title'/>  
</h1>

Ganti dengan yang 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>

4. Ubah Postingan dan judul blog Anda, misalkan pada template terdapat .post h3 atau seperti di bawah ini
.post h3 {  
..................................  
}  
  
.post h3 a, .post h3 a:visited{  
..................................................  
}  
  
.post h3 a:hover {  
....................................  
}

Maka ganti dengan kode berikut
.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;
}

5. Untuk bagian Header cari kode seperti ini
#header h1 {  
............................  
}

Dan ganti yang 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;
}

6. Save template


Jika semuanya telah Anda lakukan dengan benar maka sekarang di halaman index, halaman utama blog, judul blog memiki tag h1 dan judul postingan bukan tag h1. Sementara ketika google index halaman postingan Anda, judul postingan otomatis berubah ke tag h1 dan judul blog tidak lagi menggunakan tag h1. Hasilnya, tidak ada lagi tag h1 ganda yang akan menimbulkan kekhawatiran untuk peringkat Anda. Perlu diingat trik ini hanya untuk template tipe dua kolom, untuk tipe magazine tag h1 kalo dirubah tulisannya akan membesar seperti pada single post, tapi bisa diatasi dengan merubah post h3 yg ada di bawah skin menjadi post h1.
Advertise Here
300x250

Click here for comments 0 komentar:

Dilarang menambahkan link aktif ataupun meng-iklankan suatu produk dll.
Komentar yang tidak bertanggung jawab menggunakan anonim akan segera dihapus.

Terima kasih atas komentar Anda