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.
assalamualaikum kawans, makin menuju kursi suhu dunia per-blog-an aja neh. mantab....
BalasHapushmm ga mudeng ni gini2an...
BalasHapuspusing cernanya...tapi sidebar dikanan lebih cool sihhhhhh
BalasHapuswalopun 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 :)
BalasHapusbtw, 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...?
BalasHapusKang, 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..?
BalasHapussip bos.. memang si jaring laba-laba ini kerjanya gitu .. konsep na hampir mirip dengan ngeloding halaman..
BalasHapusmakacih 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.
BalasHapusMakasih infonya, mas..
@gus, anang : waduuh.. ada mbah-mbah pada kesini.. pingsan gw...
BalasHapus@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..
BalasHapusbayak ilmu keknya di sini...hehehe
Oh gitu yach..malah gw baru tahu tuh....
BalasHapusGw 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..
BalasHapus@JoVie: Gitu joV. Iya gw sendiri jg lebih suka tulisan ada di tengah (padahaludah ditulis diatas, tapi diomongin lagi...)
Halo...mas
BalasHapussalam 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. :)
BalasHapusO... 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?
BalasHapus@Tukang Sapu Radio : Insya Allah mas.. sebisanya OK.
BalasHapusya semua aja bos
BalasHapusgitu 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.
BalasHapusHanya 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
BalasHapusSiiip dah artikelnye
BalasHapusBanyak ilmunya nih.... ijin bookmart mas :D
BalasHapusmantep mas templatenya, lam kenal
BalasHapusfolderblog
teorinya udah paham, tapi implementasinya masih bingung :(
BalasHapusInterested thank you for sharing
BalasHapusSiip banget dah tulisannya bos
BalasHapuswah, saya baru tau bos, terima kasih infonya hehe
BalasHapusJadi lokasi artikel musti dibagian kiri template lalu sebelah kanan adalah sidebar untuk proses Indeks makasih2x baru tahu ternyata template saya strukturnya benar.
BalasHapusWah baru tahu kalau strukture template juga memberikan kontribusi terhadap seo, makasih as info nya. Maklum baru belajar seo.
BalasHapusTernyata cara pandang search engine sama persis dengan alur mata manusia.
BalasHapusAtas - kiri - tengah - kanan - bawah.
Tepat !.
Waduhh..sih bingung bos..:(
BalasHapuscara 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 :)
BalasHapusgood blog
BalasHapusBaru tau kalo bot juga punya skala prioritas pembacaan kontent sebuah blog.
BalasHapusMantap penjelasannya bos ..
BalasHapusSangat berguna bagi new bie seperti saya ..
keep good post article
sip nih infonya, save as dulu ah. thanks bos.
BalasHapusPenjelasan yang lengkap dan pasti.... bermanfaat.
BalasHapusoh sip.. pengetahuan tambahan..
BalasHapusInfo bermanfaat... struktur template ternyata berpengaruh ya?
BalasHapusKunjungan perdana nih kang Eos... mantap... info yg bermanfaat
BalasHapusoooooo getoooo
BalasHapusArtikelnya informatif banget. Thanks untuk ilmunya.
BalasHapusSeo???kyknya....susah sekali...
BalasHapuspusing...
ooo seperti itu yahh perjalanan search enginenya
BalasHapusmakasih banyak sobat infonya
Makasih infonya Bro... Lam kenal...
BalasHapusWaw.. senang bisa mampir disini, bersaing dalam mengoptimalkan SEO dan memperebutkan juara di halaman Google ternyata sangat sulit.
BalasHapusThank's atas Infonya..
pertama kali berkunjung, salam kenal om... :D
BalasHapusSEO emang gampang-gampang susah ya bos
BalasHapustapi kayaknya alur pembacaan dari se nggak mempengaruhi serp deh, tp info yg bagus, aku jg masih ragu sm analisaku..thanks
BalasHapusKerenz dah infonya
BalasHapusnice post, keep blogging.. hehe bukan bots lho komennya.. salam kenal
BalasHapuspraktek ahh makasih info nya neh
BalasHapuswah, harus edit template lgi nih, thanks infonya bos.
BalasHapuswah..saya harus ngedit lagi nih
BalasHapusStop Dreaming Start Action
mantep mas. template sy cm asal comot aj. :(
BalasHapusTerimakasih artikelnya sangat membantu bagi semua pembaca, semoga bermanfaat
BalasHapusSalam 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.. :)
BalasHapussalam 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.. ;))
BalasHapusbtw, thanks atas tipsnya.. :)
Mantep infonya kang
BalasHapusoo.. begitu ya... jadi tau nich thanks bro
BalasHapusbisa jadi bahan ganti theme ini.. thanks
BalasHapuswah ini masukan bagus.....thank's ya infonya....
BalasHapusnice artikel, thank's
BalasHapussetelah baca ini, kayaknya harus saya pikir ulang lagi blog saya. but, thanks infonya
BalasHapusMas klo yang buat ngatur bacground sisi artkel gimana ya..
BalasHapusTemplate 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? :)
BalasHapusoh gitu ya mas..saya baru tahu..artikel yang bermanfaat..
BalasHapusThanks untuk infonya om hehe :D
BalasHapussip. mantab ditunggu artikel SEO lainnya.
BalasHapusgood info kang, matur thank you. :D
BalasHapushmm,. gitu yaa urutan bacanya...
BalasHapuscari theme yg mendukung seo dengan baik...
BalasHapusGood Job kang !!.. keep posting ya :d
BalasHapusbagus mang,, maju trus...
BalasHapusok.. ok.. setuju..
BalasHapuswawww... kereen mass!!!!manthap!!
BalasHapuskeren euy artikelnya....
BalasHapusemang ngaruh diganti gitu?
BalasHapusemang ngaruh diganti gitu?
BalasHapusterimaksih ,artkelnya ok banget...
BalasHapusajarin saya menguasai search engine yahoo dong :D
BalasHapusKomentar buat SEO juga hehehhee
BalasHapusSetuju banget tuh..Halaman posting di sebelah kiri memang lebih disukai oleh search engine.
BalasHapussalam sukses bos
Hi..saya suka articke anda ,terimakasih.
BalasHapuswah ternyata seo itu memusingkan ya...Stop Dreaming Start Action
BalasHapusmakasih tipsnya
BalasHapusOtak-atik blog lagi dong...Bisnis Pulsa Eranet
BalasHapusStruktur yang bagus emang harus seperti itu yah. Thanks untuk infonya pak.
BalasHapusArtikel yang bagus, terima kasih infonya Mas!
BalasHapusoh iya ya..
BalasHapuskeliatannya simple dan sering tdk diperhatikan..
makasih uda ngasih tahu.. :-)
Siippp..makasih kang tutorialnya..:)
BalasHapusSetuju mas ...
BalasHapusharus pintar2 melayout tampilan aja biar blognya tetap kelihatan menarik ... :d
sip banget nih, thank
BalasHapusYa , setuju banget dan harus sering2 update
BalasHapusSaya nilai artikelnya sangat berkualitasdan patut dibaca. Gak percuma saya berkunjungi ke blog Anda. Terima Kasih Mas!
BalasHapussalam kenal penulis
BalasHapusbolehkah 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
BalasHapusOh ya sekalin nitip SDSA ya
Wah.. infonya sangat bermanfaat.. thanks
BalasHapusinfo ne jos tenan , tak bookmark yoo
BalasHapusmasih bingung cara nerapinnnya diriku
BalasHapusijin bookmark dolo sob
BalasHapusnice inpo gan, terimakasih.
BalasHapusArtikelnya bagus, Salam kenal
BalasHapusWah, udah bagus banget nih infonya.
BalasHapusMakasi ya mas!
kaos | kaos distro | distro online | distro
BalasHapusMakasih infonya mas.
Mantabs... coba dl bro.... blog baru nie sp th dengan inpo ini bisa dpt PR hehehhe...
BalasHapusMakasih 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.
BalasHapusterima kasih atas infonya semoga bermanfaat bagi diri saya sendiri dan diri anda....
BalasHapusartikel ini sesuai dengan hobi saya yaitu bagaimana supaya blog saya seo
BalasHapusWah... sekarang saya jadi tau cara kerjanya robot search engine. Terima kasih atas ilmunya.
BalasHapuswah..nyerah aku mas...dah pasrah aja ama SEO...
BalasHapusSaya baru tahu kalau Header di Blog dibaca pertamakali. Terimakasih.
BalasHapuswah luar biasa.. kok gak pernah kepikiran yah sama saya kalau alurnya seperti itu... :)
BalasHapusMakasih banyak ilmunya mas
Hmmm... Sekian lama ngeblog baru tahu konsep ini... Thx sharingnya Mas... Masuk akal juga sih...
BalasHapusTQ for Inponya gan
BalasHapusBlgo walking
Very nice info friend, thanks for sharing :-)
BalasHapusOhh ternyata posisi template wp juga mempengaruhi seo yah.
BalasHapusThanks jadi bertambah lagi ilmu seo
hwewh??? saya gag ngerti mas... trus kalok blog saya gak saya isi header. apakah itu lebih baik??
BalasHapushmm interesting.. articlenya menarik. terutama tentang javascript dan SEOnya.
BalasHapussip lah desain yang seo ternyata kaya gini toh! baru tahu aku, hehehe
BalasHapuswah... bagus banget idenya.. emang lagi bingung mau pake tempale baru..rencananya sih 3 kolom, ternyata seperti ini yang SEO friendly ya.. thx mas
BalasHapuswah nice info..makasih sharingnya bos. sangat membantu seo websiteku nih...
BalasHapusVery nice info friend, thanks for sharing
BalasHapusSepertinya 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.
BalasHapusTerima Kasih
Berita selebriti
ya, saya sudah menyadarinya, karena urutan posisi kode php, xml maupun html biasanya urut dari header kemudian kearah sisi kiri blog
BalasHapussaya butuh banyak belajar lagi SEO. Ada rekomendasi?
BalasHapus