Buatlah Halaman Depan yang Sederhana dan Informatif
Halaman depan situs/blog (homepage) biasa digunakan sebagai landing page (halaman yang pertama kali diakses) oleh pengunjung reguler. Ada dua tipe halaman depan yang umum kita jumpai pada beberapa blog, yaitu halaman yang menampilkan artikel secara penuh, dan halaman yang hanya menampilkan ringkasan (excerpt) nya saja. Sesuai dengan judul artikel ini, maka saya menyarankan, buatlah halaman depan yang sesederhana mungkin. Ada beberapa alasan yang mendasarinya:
1. Halaman depan itu kurang penting bagi pengunjung
Halaman depan biasanya hanya digunakan sebagai landing page saja (saya sudah jelaskan di atas, bukan?). Pengunjung pastinya ingin menjelajahi blog secara lengkap, baik itu isi artikel, maupun komentar-komentarnya. Oleh karena itu pengunjung pasti akan membuka artikel yang ditampilkan di halaman depan. Pada kasus ini, halaman depan memang tidak begitu bermanfaat bagi pengunjung.
2. Kesan pertama begitu menggoda
Jika kita mengunjungi sebuah situs/blog, dan kemudian mendapati halaman depan situs/blog tersebut sangat kompleks, berat, lama loadingnya, maka kesan pertama yang timbul adalah bahwa halaman-halaman yang lain pun akan sama beratnya. Hal ini tentunya akan mengurangi minat pengunjung untuk menjelajah lebih jauh.
3. Faktor SEO
Begitu banyak pakar yang menjelaskan mengenai pentingnya menghindari duplikat konten (isi artikel) di setiap halaman. Jika di halaman depan kita isi dengan konten-konten yang lengkap (full), maka hal tersebut dapat menyebabkan duplikat konten. Google akan mendapatkan artikel yang serupa baik itu di halaman utama maupun di halaman posting.
Tampilkanlah artikel hanya sebagai ringkasannya saja
Menghadapi masalah tersebut, WordPress telah menyediakan solusinya, yaitu saat kita menulis artikel, maka potonglah artikel tersebut setelah paragraf pertama dengan menggunakan tag more (<!–more–>). Sepertinya semua blogger sudah paham bagaimana cara memotongnya.
Cara itu biasa membuat masalah bagi seorang blogger. Seringkali blogger tersebut lupa untuk memotong artikel tersebut. Akhirnya setelah menyadari artikelnya belum terpotong, maka kemudian dieditlah artikel itu. Saat mengedit, dia bingung mau memotong di bagian mana, karena paragraf pertamanya sangat panjang. Akhirnya yang terjadi adalah terbuangnya waktu secara sia-sia hanya gara-gara dia lupa.
Solusi dari masalah ini adalah gunakan excerpt ketika kita menampilkan postingan di halaman depan. Yaitu dengan cara sebagai berikut:
1. Bukalah file index.php yang ada pada direktori theme blog anda. (Sebelumnya backup file ini terlebih dahulu untuk menghindari hal-hal yang tidak diinginkan)
2. Carilah kode sniplet berikut:
< ?php the_content(); ?>
Biasanya sniplet ini dituliskan sebagai
< ?php the_content('(continue reading...)'); ?>
atau
< ?php the_content('(read the rest of this entry...)'); ?>
3. Gantilah sniplet di atas dengan sniplet untuk menampilkan excerpt (ringkasan) artikel. Kodenya sebagai berikut:
< ?php the_excerpt(); ?>
4. Save (simpan) file index.php tersebut.
5. Selesai. Kini anda tak perlu khawatir tentang buruknya daya ingat anda untuk memotong artikel setiap kali anda menulisnya. JANGAN LUPA untuk segera menyimpan halaman ini jika penyakit “lupa” anda sudah mencapai tahap kronis.
Buatlah sidebar blog lebih informatif
Pengunjung lebih senang kepada halaman web/blog yang bersifat informatif daripada blog yang hanya berisikan banner-banner atau iklan-iklan yang tidak penting. Untuk halaman depan pun demikian. Buatlah widget samping itu informatif, dengan begitu pengunjung dapat lebih tertarik untuk menjelajah lebih jauh. Beberapa cara untuk menampilkan sidebar yang informatif adalah:
- Menampilkan random post
- Menampilkan popular post
- Menampilkan recent comments
- Menampilkan RSS atau feed dari situs-situs yang bermanfaat
- Hindarilah memasang gambar atau animasi flash yang berlebihan. Lihat pembahasan mengenai pentingnya kecepatan loading web bagi pembaca.
Hal yang paling susah untuk dikerjakan bagi pemula adalah mengedit theme blog mereka. Kebanyakan theme WordPress hanya memiliki sidebar yang statis. Sidebar tersebut penampilannya sama baik itu di halaman depan, halaman posting, kategori, halaman statis, maupun halaman 404. Dengan latihan mengedit theme, kita dapat membuat sidebar yang dinamis, dimana kita dapat menampilkan sidebar hanya di halaman posting saja, sementara untuk halaman depan kita bisa menghilangkannya.
Tampilkan link yang merujuk pada daftar isi atau sitemap
Tidak cukup dengan list artikel terbaru ataupun sidebar yang informatif, halaman depan sebaiknya menampilkan link yang merujuk ke halaman daftar isi seluruh postingan. [Maksudnya begini, BUKAN menampilkan daftar isi, TAPI menampilkan link yang merujuk ke halaman daftar isi]. Beberapa pengunjung yang menyukai konten blog kita biasanya ingin lebih jauh menjelajah dengan membaca postingan-postingan lama. Oleh karena itu buatlah halaman khusus sebagai daftar isi, dan tautkan di halaman depan agar pengunjung dapat lebih mudah menjangkaunya. Lihat cara membuat halaman daftar isi atau sitemap.
Keep It Simple, Idiot…!!!
Keep It Simple, Idiot…!!! Slogan tersebut sepertinya lebih saya sukai daripada slogan “Stop Dreaming Start Action“.
Semoga bermanfaat.
This entry was writen by rismaka, The Admin, A part time blogger, Biochemist, and Energy Consultant in PT. BKA. More profile on Contact.
Oh aku lupa masukkin recent comments di sidebar.
Makasih udah diingatkan kak
sama, aku juga lupa memasang recent comment. :)
MMM, ini yang kucari-cari info yang bagus mas Fatih. Akan kuperhatiken insya alloh. :lol:
Keep It Simple, Idiot…!!!, what do you mean ? why not keep it simple and stupid ? podo ya mas ?, nah ini dia mas ris, membuat sidebar yang dinamis itu yang perlu diposting, masak tiap halaman sidebarnya itu-itu aja ( contohnya punya saya ), mau ngubah…heh…ntar yang muncul halaman kosong doang. bisa gak mas dibuatkan snipletya ? oh ya kalau gak salah template arthemia freemium support thread comment, lantas aktifkannya gimana ? atau cara buat thread comment gimana ? ( udah ah kepanjangan…)
Sama aja mas, cuma sepertinya lebih tegas aja kalau pake idiot.
Ini pertanyaan yang simpel, tapi butuh penjelasan khusus yang kalau dijabarkan lengkap bisa jauh melebihi panjang artikel tentang javascript (yg masih belum kelar 2 lagi) :laughing: .
Nanti deh Insya Allah kalau waktu lagi saya jabarin.
Oke deh ditunggu, ach…buat sitemap yang baik aja gue masih…, gak dah ntar ketahuan…
Masih apa mas? :lol:
Mas gimana caranya untuk memasang anti spam quiz dan tulisan pesan yang ada di kotak komentar seperti pada blog mas ini?
Antispam tersebut adalah plugin quiz (bisa dibaca di artikel ini). Untuk contoh kotak komentar, silahkan lihat contoh berikut:
Berikanlah komentar yang santun, tidak mengirim spam, dan usahakan sesuai topik. Terimakasih kami ucapkan atas kunjungan anda ke RISOFTE….
bagaimana kalau ketika pengunjung tanpa sengaja mengklik tombol submit tetapi isi komentar belum diganti? apakah ada cara untuk mengantisipasi hal tersebut?
Solusinya adalah hapus koment tsb. Kecuali yang bertujuan menjelaskan komentar itu. Ada mas, beberapa komentar iseng seperti itu. Mereka biasanya pengunjung yang datang dari mesin pencari, yang iseng asal klik aja tombol submit. Tapi tentunya mereka bukan orang idiot, karena bisa menjawab jumlah 5+2=7 :D
Mas commentya kok doble ? tolong di delete satunya ya ? TQ
Makasih informasinya mas Rismaka.. Nanti ku coba deh…
Silahkan dicoba.
1.Pencerahan ini akan saya terapkan di blog,utamanya guna mencegah beratnya beban.
2.Ketika sudah bicara soal index php,theme,dll maka saya langsung lemas karena blog saya masih blog dinas..ha..ha..hak.Entar kalau dah cukup kocek baru mau njajal beli rumah sendiri deh.
3.”Menampilkan RSS atau feed dari situs-situs yang bermanfaat”,apakah ini yang disikan di widget RSS itu mas,mohon dielaborasi.
4.Thanks mas,maju terus.
1. Sangat dianjurkan untuk diterapkan di semua blog :)
2. Tidak usah lemas pak, kan masih ada jamu gendongnya mbak juminten :)
3. Iya, maksudnya itu. Semua blog wordpress sudah terintegrasi dengan widget RSS feed reader. Kita tinggal memasukkan alamat feednya saja.
4. Sami-sami Pak. :)
Komentar 1 lagi ach boleh kan.
“Keep It Simple, Idiot…!!!”, ini ditujukan kepada diri sendiri,kepada pengunjung,kepada pemberi komentar atau kepada orang sedunia??
Just kidding kok mas.Don’t worry be happy.
Good luck.
Hahahah. Itu ditujukkan utk diri sendiri pak. Sebagai pengingat aja, agar selalu memberikan kenyamanan bagi pengunjung :) .
Don’t take it to the heart. Let it be whatever it is.
mas Adi ini ada-ada saja … Stupid diganti dengan Idiot … kan beda banget … ibarat monyet masih bisa diajarin dan tidak mau memegang api karena sudah pernah terbakar, lah kalau keledai memang mau dikasih tahu bagaimanapun juga tetap saja masuk lobang … hahaha :lol:
saya tetap menggunakan istilah Keep It Simple, Stupid (maksudnya yang sederhana dan mudah dimengerti) … :)
Hahahah.. mas Ardi adalah orang ketiga yang “agak” protes dengan penggunaan kalimat tsb. Gpp mas, toh maksudnya bukan kasar kok. Tapi hendak mengalahkan slogan “stop dreaming start action” aja :D
ibarat rumah, halaman depan (home page) adalah halaman rumah mulai dari pintu pagar sampai masuk ke ruang tamu … bayangin saja kalau kita jadi tamunya … seandainya halaman depan itu gak informatif dan usable maka sangat riskan untuk bermanfaat bagi pengunjungnya … padahal justru halaman depan merupakan pokok dari situs … kalau doa ya itulah basmalahnya … pembuka …
*duh … gak tahan lagi … sakitnya kambuh lagi kayaknya… istirahat dulu sayanya … nanti saya coba blogwalking lagi ya … padahal tulisan terakhir tentang imageshack sepertinya sangat menarik dan membuat saya shock berat … hiks … saya juga banyak sekali nyimpan file gambar saya di sana*
Wah ternyata mas Ardi lagi sakit ya.. semoga cepat sembuh ya mas. Kehadiranmu sangat ditunggu di sini :)
sekarang udah lumayan mas … alhamdulillah, masih disayang Allah … dengan sakit, kita diingatkan, dibersihkan dan dinaikkan …
terima kasih atas perhatiannya … :)
/* tetapi saya belum bisa posting artikel untuk beberapa hari ini … saya harus mengejar silaturahmi terlebih dahulu */
Iya mas. Alhamdulillah. Dengan sakit, dosa-dosa kita akan diampuni olehNya.
Dari Ummu Al-Ala’, dia berkata: “Rasulullah Shallallahu ‘alaihi wa sallam menjenguk-ku tatkala aku sedang sakit, lalu beliau berkata. ‘Bergembiralah wahai Ummu Al-Ala’. Sesungguhnya sakitnya orang Muslim itu membuat Allah menghilangkan kesalahan-kesalahan, sebagaimana api yang menghilangkan kotoran emas dan perak”. [Abu Daud No. 3092]
“Tidaklah seorang muslim menderita sakit karena suatu penyakit dan juga lainnya, melainkan Allah menggugurkan kesalahan-kesalahannya dengan penyakit itu, sebagaimana pohon yang menggugurkan daun-daunnya” [Al-Bukhari, 7/149. Muslim 16/127]
halaman depan ya. sayangnya aq masih pake yang gratisan c. jadi ga bisa mengoptimalisasi halaman depan. lagian males juga ngedit halaman tiap kali posting. paling2 sebulan sekali ngedit halaman depan
[ninggalin jejak rumah lama biar ga lupa http://celotehbayu200687.wordpress.com/ ]
Sebenarnya bisa bro, yaitu dengan hanya menampilkan ringkasannya saja di halaman depan.
Blog-blog yang lainnya mana? Tulis semua donk, jadi bisa kucatet. :)
ringkasan? gimana tuh caranya? bisa otomatis tuh?
Dipotong bro, dengan tag
benar seperti mas Adi bilang … engine wp baik yang .com maupun .org semua sudah disediakan cara optimasi standar …
oya, untuk excerpt yang blognya ada di wp.com kan bisa memanfaatkan excerpt box (kutipan) di bawah edit artikel … isi saja beberapa kalimat awal dari artikel … sebenarnya itu sama fungsinya dengan excerpt yang harus edit theme itu …
lah kok kumenku gak nongol?
untuk excerpt dapat memanfaatkan excerpt box (kutipan) yang ada di bawah edi artikel … jadi yang blognya di wp.com juga dapat mengatur agar di halaman depan yang tampil excerpt bukan posting utuh … pakai tag more juga bisa …
paling tidak jika menggunakan excerpt, jumlah seluruh tulisan pada halaman home page lebih atau sama dengan 300 karakter, agar search engine mengetahui topik yang relevan dengan blog kita.
Owh iya juga ya… Thanks bang. Saya harus setel lagi nih panjang excerpt maksimal di halaman depan.
you’re welcome.. hehehe
Keep it Simple, Idiot. Ini baru denger. Biasanya keep in Simple, Stupid disingkat KISS. Namun KISS buat saya berarti Keep It Straight and Simple. (Tetaplah Jujur dan Sederhana).
Tentang RSS atau feed dah pernah dibahas belum ya? Kelihatannya blog ini wajib masuk …
Langsung meluncur buat belajar bikin sitemap …
Thanks …
Hahah itu slogan bagus juga bang: “Keep it straight and Simple“.
BTW RSS feed yang mana ya? Yang wajib masuk yang mana? :D
yang random post kayaknya agak sering bikin kecele kalo datang dari yahoo dot com. seperti yang pernah saya tulis. alamat url sama tapi konten ternyata berbeda atau bahkan ngga ada (karena random itu).
yang duplikasi full post di laman kan dah ada rel=canonical?
mas kalo di blogspot gimana caranya
tolong di balas via e-mail
Haduh, saya ga tau kalo blogspot mas. Saya jagonya wordpress ajah :)
wehh dah jago niyee.. :lol:
hmm… ini yang saya cari. soalnya saya suka sekali sama theme standard yang kesannya kayak theme magazine mas (pemotongannya selalu sama,jadi kalo liat dari homepage kesannya rapih!)
makasih berat nih mas :D
update ada yang kelupaan :)
1. bisa gak mas excerptnya di tetapin? misalnya akan selalu dipotong setiap 300 kata. gitu mas?
2. saya kan narok gambar gak mesti selalu di bagian kanan/awal2 paragraf pertama mas. ada gak cara biar dimanapun saya narok gambarnya akan selalu muncul di bagian kanan atas gitu?
3. aduh gak enak ni mas :D tapi tanggung :D (lagi.) bisa gak yah mas. biar tulisan [...] itu dibikin clickable? jadi kalo mau nerusin baca tinggal klik itu aja?
mohon dibantu mas :D makasih sebelumnya
1. Bisa mas, menggunakan fungsi juga, tapi panjang. Nanti kalau ada kesempatan saya posting tentang ini.
2. Bisa mas, Menggunakan custom field. Makasih atas pertanyaannya, saya dapat ide utk posting :)
3. Bisa mas. ini juga berhubungan dengan custom excerpt di pertanyaan ke-1
berarti nanti di posting yah mas… :D
yesss…
ntar saya tunggu y mas. :)
Kembali kasih mas :)
kak rismaka smart banget ya
sepertinya saia harus banyak belajar modif tampilan blog dari kak rismaka :D
Mas buat nomor halaman pake plug in atau pake apa y mas?!
Kalau maksudnya adalah penomoran yang ada di halaman depan, itu memakai plugin wp-pagnavi buatan lester chan.
hmmm.. nais inpo bro. btw yg diexcerpt bagian mana toh? kan
< ?php the_excerpt(); ?>fungsinya mengotomatiskan excerpt biar nggak perlu lagi ngisi excerpt di dashboard wpsemua blog saya, saya ginikan
keknya bakal sering mampir ke postingan2 kaya gini nih. jiah, ternyata bikin blog berbayar malah susah. mesti belajar macem2. mana smart makin lemot aja..dah gitu kerjaan di kantor bener2 menyita waktu! hiks…
[kapan ya bisa expert kaya dirimu,,,]
Satu lagi. Untuk aksesibilitas. Dalam hal ini terkait koneksi Internet yang lambat, ukuran berkas, small screen. 10KB direkomendasikan. Terasa saat akses Internet berbasis volume berdasar hitungan KB yang diunduh/dibuka. Terkait loading time juga, seperti disebut di konten. :)
Web luar negeri biasanya konten di home/frontpage bisa seabreg isinya, walau dominan teks. Karena koneksi Internet mereka mumpuni.
Saat timbang-timbang fitur mana saja yang akan ditampilkan di laman, mungkin sebaiknya kembali mengacu ke statistik. Selain recent post, apakah fitur popular post, last commented, most commented, categories, atau tags yang lebih usable bagi pengguna.
Welcome back Mas Adi. :)
[...] Buatlah Halaman Depan yang Sederhana dan Informatif dari Mas Adi – Rismaka dot Net. [...]
< ?php if ( is_404() || is_search() ) { ?>
< ?php } else if ( is_archive() || is_paged() ){ ?>
< ?php } else { ?>
< ?php }?>
begitu ya, jadi emang harus mengerti dulu codingnya, jadi lebih mudah implementasinya terhadap blog.
terima kasih sarannya, langsung di praktekkin.