Showing posts with label Kotak Pencarian. Show all posts
Showing posts with label Kotak Pencarian. Show all posts

Saturday 30 July 2011

Membuat Kotak Pencarian Blog Hanya Menghasilkan Url Label di Blog Saja (Seo Friendly!)

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:



Create SEO Friendly URL's Using Mod Rewrite and PHP.




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,



Nama label blog semua harus lowercase alias ukuran kecil semua,misal nama label 'Tutorial Seo' harus menjadi 'tutorial seo'.(ini karena sebagian besar pengunjung dalam mencari tidak memperhatikan besar kecilnya huruf,sedang url yang akan kita hasilkan ini,jika label masih uppercase alias awal penulisan huruf besar selanjutnya kecil,kemungkinan hasilnya adalah nihil),nah bagi sobat yang belum membuat label,bisa baca tutorial cara membuat label di sini




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,



Membuat Kotak Pencarian Blogspot.
gb1


Cara Membuat Kotak Pencari Blogger.
gb2


Membuat Kotak Pencarian Seo Friendly untuk Blogger Blogspot.
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.

Nah,sekarang tinggal pilih Dashboard,lalu Tata Letak / Rancangan kemudian klik tulisan Add New Widget atau Tambah Gadget dan pilih HTML/Javascript,lihat Gambar:



membuat kotak pencari blog.

Cara Membuat seo friendly search form.

search form urls seo friendly mod rewrite.
.

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