Bukanlah sebuah optimalisasi penampakan pada mesin pencari, atau yang sering dikenal dengan SE-Optimization atau SEO yang serius, walau juga tidak bisa disebut, main-main. Jika kita ingat (itupun jika sudah pernah menyambah kemari), layout yang digunakan di blognya firdaus ini adalah sebuat layout berformat 3 Kolom bernama "Tropical-Retreat" yang dibuat oleh se7en. Tiga kolom tersebut terdiri atas 2 kolom sidebar, tempat seringnya kita menyematkan "Widget", dan 1 kolom Outter-wrapper (istilah yang dipakai bloggger.com untuk wilayah tulis atau Posting-Area). Tentu Juga dilengkapi oleh Header berpasangan dengan Footer-nya.
Jika kita lihat dari segi kenyamanan mata, tentulah saya juga akan setuju, jika penulisan posting yang ditempatkan di tengah halaman akan lebih nyaman terbaca. itu oleh mata kita, tapi tidak oleh pantauan Googlebot, dan Search-Engine Bot lainnya. Penulisan script HTML yang sedang kita pakai menggunakan alir satu arah dengan mengambil jalur kiri-kanan. Artinya ketika posisi posting tulisan berada di sebelah kanan sidebar, maka script HTML akan menempatkan posting-area di "bawah" script sidebar. Sedangkan sidebar paling kanan (sidebar-2) akan di lacak "setelah" posting-area. Dan yang paling akhir terendus Bot adalah Footer.
Selain untuk keperluan SEO (khususnya untuk blog dengan Host Blogger.com), pembaca blog yang ingin membaca postingan blog berlayout sejenis dengan blog ini (sekarang), akan mempunyai prioritas pertama sebelum browser mencerna seluruh script yang berada di Sidebar-area. Mengingat Widget yang umumnya kita pasang, adalah widget dengan kode bahasa javascript atau yang lainnya, yang akan menyebabkan waktu muat dipastikan melambat. Dengan cara ini, posting sebagai porsi utama penulisan Blog, akan muncul lebih dari bidang lain, kecuali header. Karena header jelas harus didahulukan, mengingat ia menyimpan sejumlah data sebagai penunjuk awal situs atau blog kepada Browser.
Berikut diagram alir pembacaan script untuk format 3 kolom, sebelum dan sesudah perubahan tata letak.
Angka Romawi I -IV berserta gambar tanda panah, menunjukan alir "cara pandang" Search-Engine dalam meninjau script, begitu pula dengan Browser yang kita gunakan. Panah terakhir, adalah alir baca menuju Footer (tidak ditampilkan). Konsentrasi saja pada layout secara makro karena itu yang sedang kita bahas. Artinya hanya satu bagian yang saya tukar posisinya, yaitu sidebar 1 dan posting-area. Dari kedua aliran tersebut, jelas Alir Kedua (gambar bawah) akan memberikan kecepatan muat yang lebih tinggi. Jadi ini, bukanlah semata-mata SEO. Tapi juga, pemuatan posting-area yang lebih optimal bagi kita yang membaca. Lalu bagaimana dengan layout dengan 2 Kolom saja?. Jelas, itu lebih baik, tapi secara fundamental, kita mengerti beginilah mereka (-SearchEngine) mengintip halaman kita. Silahkan mencoba (bagi yang belum mencoba).
#PS :
Jika kita lihat dari segi kenyamanan mata, tentulah saya juga akan setuju, jika penulisan posting yang ditempatkan di tengah halaman akan lebih nyaman terbaca. itu oleh mata kita, tapi tidak oleh pantauan Googlebot, dan Search-Engine Bot lainnya. Penulisan script HTML yang sedang kita pakai menggunakan alir satu arah dengan mengambil jalur kiri-kanan. Artinya ketika posisi posting tulisan berada di sebelah kanan sidebar, maka script HTML akan menempatkan posting-area di "bawah" script sidebar. Sedangkan sidebar paling kanan (sidebar-2) akan di lacak "setelah" posting-area. Dan yang paling akhir terendus Bot adalah Footer.
Selain untuk keperluan SEO (khususnya untuk blog dengan Host Blogger.com), pembaca blog yang ingin membaca postingan blog berlayout sejenis dengan blog ini (sekarang), akan mempunyai prioritas pertama sebelum browser mencerna seluruh script yang berada di Sidebar-area. Mengingat Widget yang umumnya kita pasang, adalah widget dengan kode bahasa javascript atau yang lainnya, yang akan menyebabkan waktu muat dipastikan melambat. Dengan cara ini, posting sebagai porsi utama penulisan Blog, akan muncul lebih dari bidang lain, kecuali header. Karena header jelas harus didahulukan, mengingat ia menyimpan sejumlah data sebagai penunjuk awal situs atau blog kepada Browser.
Berikut diagram alir pembacaan script untuk format 3 kolom, sebelum dan sesudah perubahan tata letak.
Sebelum Perubahan :
Setelah Perubahan :
Angka Romawi I -IV berserta gambar tanda panah, menunjukan alir "cara pandang" Search-Engine dalam meninjau script, begitu pula dengan Browser yang kita gunakan. Panah terakhir, adalah alir baca menuju Footer (tidak ditampilkan). Konsentrasi saja pada layout secara makro karena itu yang sedang kita bahas. Artinya hanya satu bagian yang saya tukar posisinya, yaitu sidebar 1 dan posting-area. Dari kedua aliran tersebut, jelas Alir Kedua (gambar bawah) akan memberikan kecepatan muat yang lebih tinggi. Jadi ini, bukanlah semata-mata SEO. Tapi juga, pemuatan posting-area yang lebih optimal bagi kita yang membaca. Lalu bagaimana dengan layout dengan 2 Kolom saja?. Jelas, itu lebih baik, tapi secara fundamental, kita mengerti beginilah mereka (-SearchEngine) mengintip halaman kita. Silahkan mencoba (bagi yang belum mencoba).
#PS :
- Hanya sebagai pelipur lara.
125 tanggapan:
Any type of comment will be accepted and published. Except spam!
Subscribe to my feed | Subscribe comment feed
assalamualaikum kawans, makin menuju kursi suhu dunia per-blog-an aja neh. mantab....
hmm ga mudeng ni gini2an...
pusing cernanya...tapi sidebar dikanan lebih cool sihhhhhh
walopun di cssnya muncul lbh dulu, sptnya bisa lho mas yg main-wrapper tetep di tengah. di cssnya, sidebar nya ditambahin float gitu. tapi engga tau jg sih, belom pernah nyoba :)
btw, tadi kolom komentar nya koq ada 2 ya..? apa saya yg lagi mabok..?
Kang, boleh numpang dikit ya... Blog nya smart banget... Belajarnya demana? Boleh belajar gak...?
Kang, kalo buat blogroll yang bisa nge-roll ke bawah kayak gitu gemana caranya? Trus buat tanda [-/+] di postingan juga, trus buat kotak komentar yang langsung kayak gene (gak ribet), gemana caranya? Minta script nya dunk.. Boleh gak..?
sip bos.. memang si jaring laba-laba ini kerjanya gitu .. konsep na hampir mirip dengan ngeloding halaman..
makacih juga atas sharenya
Oooh,,, gt tooh baru tau saya. Pantesan kalo saya ngetik di search engine tulisan2 yg ada di sidebar saya, blog saya nggak pernah nongol. Hihi.
Makasih infonya, mas..
@gus, anang : waduuh.. ada mbah-mbah pada kesini.. pingsan gw...
@edisamsuri : Cool.. kaya kulkas ya mas..
@Blogger-Holic : CSS (kalo gak salah) memang ga masalah om, dituker tuker.. Karena dia ada di 'luar' body. Maksud saya yg ini teh... Script di dalam body. Yang lebih dulu dilihat adalah yang paling atas. Setuju bro..
Oya.. om BroHOl ga mabok kok.. yang mabok memang blog saya, ntar deh dibetulin :)
@I Ketut Riasmaja : Iya sih saya udah janji, awalnya mau tunjukkin linknya, tapi saya lupa. Jadi punya niatan bikin sendiri deh. Semoga ada kesempatan.
@blogspot : Gilaa.. gw nerangin sepanjang itu.. ternyata om blogspot.. bisa nerangin dalam dua kalimat. Mantab om. Thx juga.
@Ruth : ruth.. bukannya templates lu udah bagus tuh..?. Mungkin.. dulu (sempet) gak begitu bentuknya ya?
mas numpang belajar di blognya ...ya..
bayak ilmu keknya di sini...hehehe
Oh gitu yach..malah gw baru tahu tuh....
Gw sebenernya lebih suka posting berada di tengah..enak dibacanya..tapi ternyata agak berantakan ngatur sidebarnya....
karena gw gak pinter juga kali yah...jadi langsung ganti yang template sekarang aja..
@Mr.zhep: wah, sangat dipersilahkan mas, kan kita sama-sama belajar mas..
@JoVie: Gitu joV. Iya gw sendiri jg lebih suka tulisan ada di tengah (padahaludah ditulis diatas, tapi diomongin lagi...)
Halo...mas
salam kenal ya....
boleh tukeran link g'???
Maklum,aku masih newbie.Jadi butuh banyak temen buat nambah ilmu..
Minta ajarin ilmunya nge-blog donk...
@S@si : Salam kenal juga sasi.. Tuker link, boleh. Saya juga Newbie kok. Kalo gitu kita sama-sama belajar ya... ok. :)
O... Begitu to... cara mbah gugel dan om yahoo(d) menggerayangin blog kita. Meluncur ke TKP Ah.... Tapi kalo ntar ada kesalahan Om Fir mau mbantuin nggak ya?
@Tukang Sapu Radio : Insya Allah mas.. sebisanya OK.
ya semua aja bos
gitu itu di pelajarin di Teknik Pemrograman
semua browser jelas ngeload dari atas ke bawah. gak pakek kanan kirian
ada-ada aja.
kenapa kok gitu?
soalnya di CSS ada banyak bagian
ada Header
ada Content (ini gak peduli content atau widget, semuanya di sini)
ada juga footer
cumak itu INTI dari CSS
GIMANA SIHHH!
Terimakasih penjelasannya mas/mbak anonim, semoga bermanfaat juga buat yang lain.
Hanya saja, sayang, ada suaranya tapi gak ada namanya.. "something but nothing"
Jadi,.. sekeras apapun suara mas/mbak anonim, kalau masih tidak berani meninggalkan nama, ya maaf.. mungkin INTI yang ingin disampaikan itu, jadi malah nggak ada artinya mas/mbak.
Kita semua hanya ingin belajar dari sesama saja.. sesama blogger yang punya identitas tentunya... bukan anonim.. ok mas/mbak/tante.
terimakasih sekali lagi, semoga jadi masukkan juga buat yang lain. :)
iya tuh, kalau tipe templatenya begitu jadi lebih bagus di SEs kayanya hehe
Siiip dah artikelnye
Banyak ilmunya nih.... ijin bookmart mas :D
mantep mas templatenya, lam kenal
folderblog
teorinya udah paham, tapi implementasinya masih bingung :(
Interested thank you for sharing
Siip banget dah tulisannya bos
wah, saya baru tau bos, terima kasih infonya hehe
Jadi lokasi artikel musti dibagian kiri template lalu sebelah kanan adalah sidebar untuk proses Indeks makasih2x baru tahu ternyata template saya strukturnya benar.
Wah baru tahu kalau strukture template juga memberikan kontribusi terhadap seo, makasih as info nya. Maklum baru belajar seo.
Ternyata cara pandang search engine sama persis dengan alur mata manusia.
Atas - kiri - tengah - kanan - bawah.
Tepat !.
Waduhh..sih bingung bos..:(
cara biar alurnya berubah tuh gimana??
Wah. aku mulai mendalami SEO nih. Tapi kayaknya tetep aja kita harus konsen ke Content, SEO itu gak perlu diperhatikan berlebihan. Menurutku sih begitu :)
good blog
Baru tau kalo bot juga punya skala prioritas pembacaan kontent sebuah blog.
Mantap penjelasannya bos ..
Sangat berguna bagi new bie seperti saya ..
keep good post article
sip nih infonya, save as dulu ah. thanks bos.
Penjelasan yang lengkap dan pasti.... bermanfaat.
oh sip.. pengetahuan tambahan..
Info bermanfaat... struktur template ternyata berpengaruh ya?
Kunjungan perdana nih kang Eos... mantap... info yg bermanfaat
oooooo getoooo
Artikelnya informatif banget. Thanks untuk ilmunya.
Seo???kyknya....susah sekali...
pusing...
ooo seperti itu yahh perjalanan search enginenya
makasih banyak sobat infonya
Makasih infonya Bro... Lam kenal...
Waw.. senang bisa mampir disini, bersaing dalam mengoptimalkan SEO dan memperebutkan juara di halaman Google ternyata sangat sulit.
Thank's atas Infonya..
pertama kali berkunjung, salam kenal om... :D
SEO emang gampang-gampang susah ya bos
tapi kayaknya alur pembacaan dari se nggak mempengaruhi serp deh, tp info yg bagus, aku jg masih ragu sm analisaku..thanks
Kerenz dah infonya
nice post, keep blogging.. hehe bukan bots lho komennya.. salam kenal
praktek ahh makasih info nya neh
wah, harus edit template lgi nih, thanks infonya bos.
wah..saya harus ngedit lagi nih
Stop Dreaming Start Action
mantep mas. template sy cm asal comot aj. :(
Terimakasih artikelnya sangat membantu bagi semua pembaca, semoga bermanfaat
Salam Action
Wah,iya menurut buku2 yang saya baca juga begitu, katanya spider atau crawler itu membaca dari pojok kiri atas ke pojok kanan bawah...gitu...jadi ga bagus kalau tombol navigasi yang kurang penting ditaruh di column kiri.. :)
salam kenal mas..CMIIW
sama bro, kayak kita baca buku dari kiri ke kanan jangan samain kayak baca alqur'an.. :D namanya jg yg bikin search engine org amrik.. gak pernh baca alqur'an sih.. ;))
btw, thanks atas tipsnya.. :)
Mantep infonya kang
oo.. begitu ya... jadi tau nich thanks bro
bisa jadi bahan ganti theme ini.. thanks
wah ini masukan bagus.....thank's ya infonya....
nice artikel, thank's
setelah baca ini, kayaknya harus saya pikir ulang lagi blog saya. but, thanks infonya
Mas klo yang buat ngatur bacground sisi artkel gimana ya..
Template aku mesti itu yang terkhir ke load.. dah diotak atik bingung euy..:(
Halo mas, kalo udah terlanjutr suka ama theme pilihan kita, code css untuk mindahin sidebar dari kiri ke kanan gimana mas? :)
oh gitu ya mas..saya baru tahu..artikel yang bermanfaat..
Thanks untuk infonya om hehe :D
sip. mantab ditunggu artikel SEO lainnya.
good info kang, matur thank you. :D
hmm,. gitu yaa urutan bacanya...
cari theme yg mendukung seo dengan baik...
Good Job kang !!.. keep posting ya :d
bagus mang,, maju trus...
ok.. ok.. setuju..
wawww... kereen mass!!!!manthap!!
keren euy artikelnya....
emang ngaruh diganti gitu?
emang ngaruh diganti gitu?
terimaksih ,artkelnya ok banget...
ajarin saya menguasai search engine yahoo dong :D
Komentar buat SEO juga hehehhee
Setuju banget tuh..Halaman posting di sebelah kiri memang lebih disukai oleh search engine.
salam sukses bos
Hi..saya suka articke anda ,terimakasih.
wah ternyata seo itu memusingkan ya...Stop Dreaming Start Action
makasih tipsnya
Otak-atik blog lagi dong...Bisnis Pulsa Eranet
Struktur yang bagus emang harus seperti itu yah. Thanks untuk infonya pak.
Artikel yang bagus, terima kasih infonya Mas!
oh iya ya..
keliatannya simple dan sering tdk diperhatikan..
makasih uda ngasih tahu.. :-)
Siippp..makasih kang tutorialnya..:)
Setuju mas ...
harus pintar2 melayout tampilan aja biar blognya tetap kelihatan menarik ... :d
sip banget nih, thank
Ya , setuju banget dan harus sering2 update
Saya nilai artikelnya sangat berkualitasdan patut dibaca. Gak percuma saya berkunjungi ke blog Anda. Terima Kasih Mas!
salam kenal penulis
bolehkah saya menulis ulang postingnya
Memang betul, untuk keprluan seo spider membaca dari kiri atas lalu ke kanan bawah. ini nformasi sangat mudah di terima dengan penjelasan sampean diatas. karena da gamabranya. Salam kenal
Oh ya sekalin nitip SDSA ya
Wah.. infonya sangat bermanfaat.. thanks
info ne jos tenan , tak bookmark yoo
masih bingung cara nerapinnnya diriku
ijin bookmark dolo sob
nice inpo gan, terimakasih.
Artikelnya bagus, Salam kenal
Wah, udah bagus banget nih infonya.
Makasi ya mas!
kaos | kaos distro | distro online | distro
Makasih infonya mas.
Mantabs... coba dl bro.... blog baru nie sp th dengan inpo ini bisa dpt PR hehehhe...
Makasih mas infonya, apalagi sekarang ada kontes SEO degan kata kunci "astaga.com lifestyle on the netagar tampil di halaman pertama google-10 besar google ,kita harus mengetahui cara Search engine merayap ke situs kita. Info baru bagi saya yang masih pemula ini. Terima kasih.
terima kasih atas infonya semoga bermanfaat bagi diri saya sendiri dan diri anda....
artikel ini sesuai dengan hobi saya yaitu bagaimana supaya blog saya seo
Wah... sekarang saya jadi tau cara kerjanya robot search engine. Terima kasih atas ilmunya.
wah..nyerah aku mas...dah pasrah aja ama SEO...
Saya baru tahu kalau Header di Blog dibaca pertamakali. Terimakasih.
wah luar biasa.. kok gak pernah kepikiran yah sama saya kalau alurnya seperti itu... :)
Makasih banyak ilmunya mas
Hmmm... Sekian lama ngeblog baru tahu konsep ini... Thx sharingnya Mas... Masuk akal juga sih...
TQ for Inponya gan
Blgo walking
Very nice info friend, thanks for sharing :-)
Ohh ternyata posisi template wp juga mempengaruhi seo yah.
Thanks jadi bertambah lagi ilmu seo
hwewh??? saya gag ngerti mas... trus kalok blog saya gak saya isi header. apakah itu lebih baik??
hmm interesting.. articlenya menarik. terutama tentang javascript dan SEOnya.
sip lah desain yang seo ternyata kaya gini toh! baru tahu aku, hehehe
wah... bagus banget idenya.. emang lagi bingung mau pake tempale baru..rencananya sih 3 kolom, ternyata seperti ini yang SEO friendly ya.. thx mas
wah nice info..makasih sharingnya bos. sangat membantu seo websiteku nih...
Very nice info friend, thanks for sharing
Sepertinya teori SEO tersebut tidak termasuk algoritma perhitungan google. Dan kalaupun google/crawler membacanya dari atas ke bawah dan kiri ke kanan memang seperti itu dan tidak diperhitungkan dalam pagerank. Mungkin bisa diberikan petunjuk referensi resmi dari google.
Terima Kasih
Berita selebriti
ya, saya sudah menyadarinya, karena urutan posisi kode php, xml maupun html biasanya urut dari header kemudian kearah sisi kiri blog
saya butuh banyak belajar lagi SEO. Ada rekomendasi?
Beri Komentar
Silahkan tanggapi tulisan ini. Blognya firdaus mendukung "DO FOLLOW". Artinya, Setiap komentar yang diberikan, akan dibalas dengan backlink dari sini.
(Jangan buang-buang waktu dengan melakukan SPAMMING. Komentar yang ber'bau' SPAM akan dihapus.)
(Atau bila rindu menggunakan Form Komentar Lama Terima Kasih Yang Sebesar-besarnya)