Kamis, 02 Februari 2012

Tips Agar Template Blog Ramah SEO 1

Template pada blogspot menjadi salah satu unsur pendukung pembuatan blog yang baik dan benar. Sebuah template dikatakan bagus jika template tersebut ramah seo atau seo friendly. Akhirnya jika blog sangat bersahabat dengan search engine, ujung-ujungnya si mesin pencari pasti bakal sering-sering mengunjungi blog tersebut. Jadi pengunjung blog akan melimpah dan hal ini sangat menguntungkan jika blog kita berorientasi kepada bisnis. 



Ada beberapa ciri, sebuah template blog dikatakan seo friendly.

Mempunyai page title.
Biasanya format page title dari blogger, defaultnya seperti ini :  JUDUL BLOG : JUDUL POSTING, nah agar blog kita lebih disukai oleh google sehingga ujung-ujungnya blog kita jadi rame, kita harus merubah format page title standart itu menjadi seperti ini : JUDUL POSTING | JUDUL BLOG. Caranya cari kode berikut di EDIT HTML 

< title>
< data:blog.pageTitle/> 
< /title>

Kalo sudah dapet kodenya hapus dan ganti dengan kode berikut ini :

< b:if cond='data:blog.pageType == "item"'>
< title>
<data:blog.pageName/> | 
<data:blog.title/>
</title>
<b:else/>
<title> 
<data:blog.pageTitle/> 
</title>
</b:if>

Atau bisa juga ditambahin beberapa kata kunci, sehingga kodenya menjadi :

<b:if cond='data:blog.pageType == "item"'>
<title> 
<data:blog.pageName/> | 
<data:blog.title/>
</title>
<b:else/>
<title> 
<data:blog.pageTitle/> | Kata kunci | Kata kunci 
</title>
</b:if>


Ada meta keyword dan deskripsi
Suatu mesin pencari seperti google sangat menyukai sebuah website / blog yang jelas tema dan isi content-nya. Jadi , kita harus menambahkan suatu tag yang namanya meta tag. Caranya adalah dengan menambahkan kode dibawah ini sebelum kode <b:skin><![CDATA[/*
Ini dia kodenya.


<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta name="description" content="Deskripsi Blog anda" />
<meta name="keywords" content="Kata kunci , kata kunci, kata kunci, kata kunci , kata kunci" />
</b:if>




Ada Breadcrumbs.
Breadcrumbs adalah menu navigasi yang ada diatas sebuah posting atau artikel. Contohnya bisa dilihat di blogteknik seo ini. Cara membuat menu breadcrumbs sangat mudah. Masukkan kode di bawah ini di atas ]]></b:skin>
Ini dia kodenya 


#breadcrumbs {
padding:5px 5px 5px 0px;
margin: 0px 0px 15px 0px;
font-size:10px;
line-height: 1.4em;
border-bottom:3px double #333;
}


Kalau sudah, berikutnya cari kode berikut ini. (Jangan lupa beri tanda centang pada Expand Widgets)


<div class='post hentry uncustomized-post-template'>


Kalau tidak ada, cari kode


<div class='post hentry'>




Kemudian pastekan kode berikut di bawah kode tadi


<b:if cond='data:blog.pageType == "item" '>
<div id='breadcrumbs'>
Browse: <a expr:href='data:blog.homepageUrl'>
Home </a> > 
<b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'> 
<data:label.name/> 
</a> 
<b:if cond='data:label.isLast != "true"'> > 
</b:if>
</b:loop>
</b:if> > 
<a expr:href='data:post.link'> 
<data:post.title/> </a>
</div>
</b:if>

Bersambung..

Label:

0 Komentar:

Posting Komentar

Tinggalkan pesan anda :

Berlangganan Posting Komentar [Atom]

<< Beranda