Kamis, 02 Februari 2012

Tips Agar Template Blog Ramah SEO 1

| Kamis, 02 Februari 2012 | 1 komentar

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

Ditulis Oleh : muhammad yusuf ~ Blog Pribadi Abu Iram Al-Atsary

Selamat, Anda sedang membaca artikel saya yang berjudul Tips Agar Template Blog Ramah SEO 1 - Artikel ini diposting oleh muhammad yusuf pada hari Kamis, 02 Februari 2012. Terimakasih atas kunjungan Anda serta kesediaan Anda membaca artikel ini. Jangan lupa like ke akun facebook anda untuk berbagi - Kritik dan saran dapat anda sampaikan melalui Buku Tamu Kami. By. Abu Iram Al-Atsary.

1 komentar:

Caroline Thomas mengatakan...

That was such an awesome content to read and going through it.
Telecom analytics company
Healthcare analytics company
Finance analytics company
Retail analytics company

:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

Posting Komentar

Tulis Komentar Anda Disini:

 
© Copyright 2010. yourblogname.com . All rights reserved | yourblogname.com is proudly powered by Blogger.com | Template by o-om.com - zoomtemplate.com