Yuk! Membuat Kotak Pencarian Blog di Blogger Blogspot yang Seo Friendly!
Jika www.wordpress.com dilengkapi dengan berbagai plug-in dalam optimasi seo,seperti optimasi .htaccess,All In One SEO Pack WordPress Plugin,mod rewrite dalam optimasi permalink,dan menambahkan berbagai fitur seperti dapat dioptimasi menggunakan bahasa php dalam premiumnya,lain halnya dengan www.blogger.com yang terkesan seolah kita hanya dihidangkan menu yang sudah tak dapat kita tambah berbagai fitur.
Dahulu teman saya pernah merekayasa membuat urls seo friendly dengan menggunakan kotak pencarian tanpa menggunakan file .htaccess di wordpress,sobat bisa lihat blognya di:cahdonorejo.wordpress.com
Hasil serp Google dari url http://cahdonorejo.wordpress.com/search/Belajar+Seo+Blogspot
akan terlihat seperti screenshot dibawah ini gan:
Yup! dengan menciptakan link sendiri yang menghasilkan url yang berubah menjadi:
http://cahdonorejo.wordpress.com/search/Belajar+Seo+Blogspot
Dan Urls seperti ini ini sangat seo friendly terutama di paman Google.
Tapi,benarkah url seperti ini hanya dapat dibaca serp Google dari platform Wordpress saja?
Dapatkah Saya Membuat Kotak Pencarian Blog yang Seo Friendly untuk Blogger?
Tentu dapat,namun sobat jangan berharap Google akan membaca url semacam itu,namun seperti kita tahu,www.blogspot.com (blogger) ini memiliki url 'khusus' yang sangat akrab dengan search engine Google.
Coba sobat perhatikan dari blog ini,dan ketikkan:http://satriasvc.blogspot.com/
pada browser sobat,meskipun tak ada posting yang tampil,(secara kita masih di tahun 2011 gitu lho),namun url seperti ini dapat cepat dubaca oleh Google.
Begitu juga label,jangan mengatakan bahwa label blog tak dapat dibaca search engine Google,coba ketik aja di Google.co.id url berikut:pelajaran-blog.blogspot.com/search/label/Tutorial%20Seo%20Blogger
Betul sob,Google akan sangat bersedia membaca url seperti itu,nah giliran kita saatnya menciptakan url seperti itu setiap pengunjung hanya menggunakan form pencarian yang seo friendly!!!
Langkah Membuat Kotak Pencarian Blog Seo Friendly
Yang harus perhatikan,
Selanjutnya,ikutilah langkah berikut,.profile-link {
Pertama,sobat pergi ke Rancangan / Tata Letak 1,lalu pilih Tab Edit Html 2,selanjutnya contreng tulisan Expand Widget Templates 3,
gb1
gb2
gb3
Lalu cari kode css berikut (Gunakan Ctrl+F)
.profile-link {
Berhubung masing2 template berbeda saya ambil contoh,misalnya saya sudah amenemukan kode tersebut dan seperti ini lengkapnya:
.profile-link {
font: $postfooterfont;
letter-spacing: .1em;
text-transform: lowercase;
}
Nah,kode yang berwarna merah yakni,text-transform: lowercase;
pada barisan code css tersebut adalah kode yang harus sobat tambahkan.
Jika sudah terdapat kode text-transform: uppercase;
maka tinggal rubah menjadi text-transform: lowercase;
Lalu simpan templates sobat.
Kemudian letakkan kode kotak pencarian berikut sob:
<div id="search" style="margin-top: 0px; padding: 0px; text-align: center; background-color: rgb(255, 255, 255); border: 1px dotted rgb(255, 255, 255);"> <form id="searchform" action="http://aryakamandhanuputraseplawan.blogspot.com//search" method="get" onsubmit="location.href='http://aryakamandhanuputraseplawan.blogspot.com//search/label/' + encodeURIComponent(this.s.value).replace(/%20/g, '%20'); return false;"> <div><input value="" name="s" id="s" type="text" /> <input id="searchsubmit" value="Search" type="submit" /> </div> </form></div>
Simpan,dan sobat bisa lihat hasilnya :D Moga bermanfaat gan!
Lihat contoh klik disini
Ket:
http://aryakamandhanuputraseplawan.blogspot.com/ gantilha dengan nama blog sobat ya :D