Tips Mendesain Website - "Bagaimana Seharusnya"

Tips Mendesain Website - "Bagaimana Seharusnya"

Saya (Michael Bluejay) dapat menghidupi diri saya sendiri dari website -- awalnya merancang untuk orang lain, dan sekarang menjalankan situs saya sendiri. Selama bertahun-tahun saya telah menyusun tips terbaik pada desain web, dan saya membaginya dengan Anda di sini. Hal ini sangat penting karena sangat mudah untuk membuat halaman yang membuat pengunjung Anda frustasi. Dan pengunjung yang terganggu cenderung untuk meninggalkan website dengan cepat tanpa melihat apa yang Anda tawarkan.


Untungnya, kesalahan paling umum website sangat mudah untuk mencegah atau diperbaiki. Daftar tips desain website di bawah ini akan membantu Anda melakukan hal itu. (kode huruf-angka berwarna abu-abu untuk masing-masing tips digunakan untuk kepentingan profesor di perguruan, yang meminta cara mudah untuk merujuk pada setiap tips dalam tugas-tugas mereka.)

Menyediakan konten yang menarik / sesuatu yang bernilai

C1.  Pastikan setiap halaman di website Anda memiliki sesuatu yang berharga untuk ditawarkan.

Meskipun ini tidak begitu berhubungan dengan desain, namun sebenarnya lebih penting dari desain, yang mana hal ini menjadi tips pertama. Saya tahu bahwa banyak orang membaca halaman ini mencoba untuk mengetahui bagaimana untuk membuat halaman yang tidak berguna terlihat cantik, karena mereka berpikir bahwa style-lah yang benar-benar penting. Jadi mari kita mundur sejenak dan menyadari bahwa pada dasarnya sebuah halaman web ada untuk memberikan sesuatu yang berguna atau menarik untuk pengunjung. Jika halaman Anda tidak memilikinya, maka Anda harus memperbaiki masalah itu sebelum Anda khawatir tentang bagaimana untuk mempresentasikannya. Jika Anda melemparkan lumpur pada kanvas, meskipun jika itu dalam bingkai emas, tetap saja itu hanyalah kanvas berisi lumpur. Apa yang Anda tawarkan kepada pengunjung Anda? Mengapa waktu mereka tidak sia-sia untuk mengunjungi situs Anda? Harap fokus pada hal ini sebelum Anda pindah ke tampilan.

Jika rencana Anda adalah mendapatkan uang dari iklan, kemudian buatlah rasio tidak kurang dari 75% editorial dan 25% iklan. Hebatnya, saya melihat beberapa situs yang hampir keseluruhan hanyalah iklan. Kita tahu bahwa tidak ada yang menyalakan TV jika hanya iklan, dan tidak ada program, atau membeli majalah jika hal itu hanya iklan, dan tidak ada artikel. Dengan cara yang sama, situs web juga harus memiliki lebih dari iklan untuk menjadi sukses.

Hindari Elemen Mengganggu

Z1.  Jangan mengalihkan perhatian pengunjung anda dengan teks berkedip atau bergulir, animasi GIF, atau suara yang memuat secara otomatis.

Animasi dan suara merupakan pengganggu. Bagaimana orang bisa berkonsentrasi pada bacaan di situs Anda bila ada sesuatu yang terbang di sekitar halaman? Ini seperti mencoba membaca koran ketika seseorang menepuk bahu Anda berulang-ulang. Dan juga, pengunjung yang memiliki koneksi lambat mungkin akan marah karena Anda menyia-nyiakan waktu mereka dengan memaksa mereka untuk memuat animasi dan file suara. Kebijaksanaan konvensional adalah bahwa orang akan tertarik untuk iklan animasi, tapi itu sebenarnya berlawanan: Pembaca yang diserang oleh iklan berkedip lebih mungkin untuk meninggalkan situs sesegera mungkin tanpa mengklik apapun, dan jauh lebih kecil kemungkinannya untuk mem-bookmark, kembali ke situs itu, membuat link, dan merekomendasikan situs tersebut. Hasilnya tidak berbohong: Ketika saya mengubah iklan di situs teman dari animasi menjadi statis, proses mengklik iklan tersebut tidak mengganggu sama sekali. (Omong-omong, Situs itu memperoleh hampir 500.000 USD pada pendapatan iklan tahunan). Saya membuat hidup saya dari iklan di situs saya, dan saya tidak akan menjalankan iklan animasi pada mereka. Saya lebih memilih untuk memberikan pengalaman yang baik pada pembaca saya, daripada yang mengganggu mereka.

Mari kita bicara teks bergulir. Selain fakta bahwa hal itu menjengkelkan, ada masalah lain:. Pembaca tidak bisa membacanya dengan kecepatan mereka sendiri. Mereka dipaksa untuk membacanya pada kecepatan yang Anda kirimkan. Mereka mungkin lebih suka untuk membaca dua kalimat dengan cepat dan kemudian pindah, tapi karena tulisan itu bergulir mereka dipaksa untuk duduk di sana dan menunggu teks perlahan-lahan muncul.

Ini merupakan poin penting: Selalu jaga minat pengunjung Anda. Pastikan Anda mencoba untuk menyenangkan mereka, bukan diri anda sendiri. Teks bergulir tidak melayani pengunjung. Jika hal tersebut terdapat pada suatu situs, itu karena pemilik situs berpikir, "Mari saya tunjukkan betapa kerennya aku." Apakah Anda melihat perbedaannya? Jangan mendesain situs untuk diri sendiri, desainlah untuk orang-orang yang benar-benar akan menggunakannya.

Z2.  Jangan ganggu pengunjung Anda dengan pop-up.

Tidak ada yang suka popup. Ini lagi, satu-satunya alasan sebuah situs memiliki popup adalah karena pemilik situs memikirkan kepentingannya sendiri daripada kepentingan pembaca. Kita semua tahu bahwa ketika kita sedang browsing kita benci popup, tapi tiba-tiba ketika kita beralih topi dan menjadi pemilik situs, kita kehilangan kemampuan kita untuk melihat melalui sudut pandang pengguna. Jadi mari kita ingat untuk menempatkan diri dalam sudut pandang mereka. Manakah dari reaksi pengunjung terhadap pop-up dibawah ini yang lebih mungkin?
(A) "Sebuah pop-up, oh Tuhan! aku cinta situs dengan pop-up! Aku tentu akan mem-bookmark situs ini dan sering mengunjungi. Saya juga akan mengklik iklan atau link dalam popup karena saya begitu mencintainya."
(B) "@#&$! Siapa saja yang membuat website ini jelas tidak menghormati saya sebagai pengunjung. Ketika saya pergi dari sini aku tidak akan pernah kembali."

Z3.  Jangan gunakan latar belakang bergambar.

Gambar latar belakang menunjukkan "amatir", karena itu sebagian besar situs amatir yang menggunakannya. Cepat, dapatkah Anda sebutkan sebuah situs profesional, yang dihormati menggunakan latar belakang gambar di belakang teks? Tidak Google, Yahoo, eBay, Amazon, New York Times, Webmaster Dunia, atau yang lainnya.

Salah satu alasan bahwa latar belakang menunjukkan "kualitas rendah" adalah karena situs yang menggunakannya biasanya musuh pengguna. Sebagai contoh, ketika saya mengunjungi situs baru-baru ini dan melihat mereka menggunakan gambar latar belakang, saya tidak terkejut menemukan bahwa situs tersebut juga sangat lambat saat memuat halaman, link internal yang muncul dalam jendela baru, link yang warnanya sama persis seperti teks sekitarnya, GIF animasi murahan, kata kunci isian terang-terangan, dan banyak salah eja yang memalukan. [Sebagai bukti lebih lanjut, saya harus menghapus link saya ke situs itu dari artikel ini, karena mereka sudah keluar dari bisnis.]

Sayangnya, orang-orang pada akhirnya mulai menunjukkan kenyataan bahwa gambar latar belakang itu murah dan norak, datanglah MySpace untuk membuat populer kembali sebuah ide yang buruk. Ini tidak mengherankan bahwa MySpace adalah desain yang buruk, dengan menonjolkan iklan, paksaan memuat musik, animasi yang mengganggu, dan pemuatan halaman yang super lambat. Aku bukan satu-satunya yang merasa seperti itu. Berikut adalah bagaimana Dan Piraro yang paling terkenal mengatakannya: "Rancangan buruk, mustahil untuk menavigasi, jelek, berisik, menyedihkan, bau kematian. Bagaimana binatang yang makan kain peradaban kami dan muntah di sepatu masa depan kami mencapai popularitas seperti itu?"

Tapi kembali ke latar belakang gambar, masalah lain dengannya adalah bahwa mereka memerlukan waktu lebih lama untuk dimuat. Salah satu situs yang saya periksa memiliki latar belakang gambar berukuran 144kb. Halaman homepage memerlukan enam belas kali lebih lama untuk dimuat daripada yang sedang Anda baca sekarang -- bahkan meskipun memiliki informasi yang jauh lebih berguna.

Latar belakang gambar oke oke saja jika Anda tahu apa yang Anda lakukan. Mereka dapat bekerja jika Anda dapat memastikan kontras sangat tinggi (misalnya August Marketing ), atau Anda tidak memasukkan teks langsung diatas mereka (misalnya, Uncommon Wedding Gifts ).

Mudahkan Dalam Mencari Sesuatu

F1.  Taruh ke dalam kelompok.

Pikirkan tentang apa konten yang Anda miliki dan bagaimana harus mengaturnya. Ini setidaknya sama pentingnya dengan seperti apa tampilan halaman Anda, maka habiskan beberapa waktu untuk hal ini. Anda merugikan pembaca Anda jika mereka kesulitan menemukan apa yang mereka cari jika segala sesuatu anda letakkan di situs Anda secara serampangan.

F2.  Minimalisir klik.

Kurangi keharusan klik antara pengunjung dan informasi Anda sebisa mungkin. Ini sangat penting, saya akan mengulanginya:. Kurangi keharusan klik antara pengunjung dan informasi Anda sebisa mungkin. Semakin Anda memaksa pengunjung Anda untuk mengklik sesuatu di situs Anda semakin besar kemungkinan mereka akan meninggalkannya. Bahkan jika mereka tidak pergi mereka mungkin merasa jengkel, atau tidak melihat banyak konten Anda - keduanya merupakan hal buruk bagi Anda.

Apakah halaman homepage Anda adalah sebuah halaman splash (sebuah halaman tanpa informasi yang berarti di dalamnya, yang hanya "menyambut" pengunjung, bersama dengan link "Masuk ke Situs / Enter Site")? Jika demikian, singkirkan itu. Saat seseorang berusaha untuk mengunjungi situs Anda, berikan situs Anda segera! Jangan membuat mereka mengetuk dua pintu yang berbeda.

Sebuah ide yang terkait adalah untuk menempatkan jumlah informasi yang wajar pada setiap halaman. Jika halaman tersebut berisi kurang dari 400 kata, Anda mungkin harus menggabungkan halaman tersebut dengan halaman pendek lainnya. Saya telah melihat banyak situs yang menyebar info dalam lima halaman yang berbeda yang dapat dengan mudah dijadikan satu.

Seiring dengan meminimalisir jumlah mengklik, minimalkan juga menggulir halaman.

F3.  Batasi panjang halaman sampai 2 layar penuh, atau 6-7 layar penuh untuk artikel.

Meskipun Anda harus meletakkan banyak info pada setiap halaman untuk meminimalkan mengklik, jangan bertindak berlebihan dengan meletakkan terlalu banyak informasi pada satu halaman. Anda biasanya harus membatasi halaman info tidak lebih dari dua layar penuh. Artikel (seperti yang anda baca ini) adalah pengecualian, karena artikel dasarnya memang lebih panjang. Namun demikian, artikel yang sangat panjang (lebih dari sekitar 6-7 layar penuh) biasanya harus dibagi ke halaman yang terpisah.

F4.  Sertakan juga cara untuk kembali ke homepage, di setiap halaman.

Ketika pengguna tersesat mereka ingin memulai dari pusat. Buatlah mudah bagi mereka untuk melakukannya. Bahkan jika termasuk logo yang dapat diklik di bagian atas setiap halaman, pastikan untuk juga memasukkan teks yang mengatakan sesuatu seperti "Home", karena beberapa pengguna tidak menyadari bahwa logo membawanya kembali ke halaman homepage. [situs Contoh]

Ingat juga bahwa pengguna mungkin tidak bisa menekan tombol "Kembali / Back" untuk kembali ke halaman homepage Anda, jika mereka mungkin memasuki tengah situs Anda setelah mengklik link dari mesin pencari atau dari beberapa situs lain.

F5.  Sertakan menu pada setiap halaman.

Meskipun Anda harus menyediakan cara bagi pengguna untuk kembali ke homepage Anda dengan cepat, Anda tidak perlu memaksa mereka untuk kembali ke Homepage sebelum mereka bisa pergi ke tempat lain. Sertakan menu di sebelah kiri atau bagian atas setiap halaman. [contoh menu di sebelah kiri] [contoh menu di atas]

Jangan menempatkan link navigasi hanya pada bagian bawah halaman, karena pengguna harus menggulir ke bagian bawah untuk mendapatkannya (kecuali halaman Anda sangat pendek). Pengguna jelas tidak menyukai link di bagian bawah halaman. Pada halaman panjang, Anda mungkin ingin meletakkan KEDUA elemen navigasi di bagian bawah dan bagian atas atau kiri, sehingga pengguna yang telah membaca halaman yang panjang tidak perlu menggulir kembali keatas untuk mencari menu.

F6.  Jangan menggunakan frame.

Anda mungkin tergoda untuk menggunakan frame karena itu membuatnya mudah untuk memiliki header yang sama atau menu muncul di seluruh situs. Dan penelitian tentang usability memang menunjukkan bahwa pengguna menemukan situs dengan frame "Mudah dipahami", "Mudah Dinavigasi", dan "Mudah Mencari Info" Tapi ada dua implikasi serius untuk frame: Pertama, address bar tidak berubah saat anda menyusuri dari halaman ke halaman. Itu membuatnya mustahil bagi siapapun untuk mem-bookmark atau membuat link ke halaman tertentu di situs Anda, atau untuk membagikan halaman tersebut dengan teman mereka dengan mengirim email link. Kedua, bila sebuah halaman dalam situs anda yang bukan frameset muncul di mesin pencari, pengunjung hanya akan melihat subhalaman tanpa bingkai sekitarnya (mungkin hanya isi utama tanpa frame header, navigator, footer, dll).

Memang ada trik Javascript yang dapat mengatasi masalah ini, tetapi saat Anda repot dengannya untuk mendapatkan frame Anda bekerja dengan baik maka Anda telah mengalahkan tujuan penggunaan frame karena Anda menginginkan solusi cepat & mudah pada prioritas pertama. Cara yang lebih disukai untuk keberadaan elemen yang sama pada halaman di seluruh situs adalah dengan menggunakan script server-side (seperti PHP).

Jangan membuat macet situs anda

B1.  Kompres file gambar anda.

Tidak ada yang lebih menjengkelkan pembaca daripada menunggu pemuatan grafis 300kb yang seharusnya dapat dibuat menjadi 20k sebagai gantinya. Perangkat lunak grafis dapat memampatkan file sehingga mereka mengambil ruang lebih sedikit pada disk Anda, dan karena itulah membutuhkan sedikit waktu untuk dimuat di browser pengunjung Anda. Dapatkan beberapa perangkat lunak grafis dan kecilkan ukuran file tersebut! GifBot cepat dan mudah, dan menyusutkan grafis Anda pada sebuah halaman web. Atau Anda dapat men-download perangkat lunak grafis: Windows: HVS GifCruncher dan JPEG Wizard. Macintosh:. GraphicConverter.

Dan seperti disebutkan sebelumnya, juga jangan membuat macet situs Anda dengan memainkan file suara secara otomatis.

B2.  Jangan biarkan multimedia yang mencolok merusak situs Anda.

Grafis dan kontrol multimedia yang mencolok mungkin terlihat bagus, tapi mereka buruk ketika mereka mempersulit pengunjung saat mendapatkan informasi yang mereka inginkan dari situs Anda. Tak seorang pun ingin terganggu dengan harus menggunakan scroller Java yang rumit untuk melihat semua teks dalam sebuah field, apalagi menunggu untuk semua objek dimuat - bahkan meskipun mereka semua bekerja. Coba cari di Google "Flash sucks" dan Anda akan melihat mengapa banyak pengguna mencaci maki situs web berbasis Flash. (Kecuali, tentu saja, situs-situs yang isinya tentang hal-hal yang kreatif seperti seni atau musik, di mana multimedia merupakan cara untuk menyajikannya.).

Keterbacaan situs

R1.  Tidak ada baris teks yang lebarnya lebih dari sekitar 650 piksel.

Alasan bahwa surat kabar dan majalah yang dicetak dalam kolom adalah untuk membuat baris pendek, jadi setelah Anda membaca satu baris, mudah untuk menemukan baris berikutnya. Halaman yang sedang Anda baca sekarang menunjukkan satu pendekatan untuk mengelola garis panjang: menempatkan teks dalam tabel yang ukurannya telah ditentukan di tengah halaman. Berikut contoh dari sebuah halaman yang buruk tanpa batasan panjang garis, yang membuat teks sulit untuk dibaca..

Meskipun begitu, Anda tidak harus menentukan lebar halaman. Anda dapat membuat mereka berubah-ubah (mereka akan membesar atau mengecil saat browser diubah ukurannya), namun batasi lebar dengan menggunakan properti CSS "max-width". Berikut contoh dari halaman yang berubah-ubah, tetapi dengan lebar maksimum. Aku mengatur halaman saya sendiri tidak lebih dari 1200 piksel.

R2.  Jangan membuat halaman Anda terlalu sempit atau terlalu lebar.

Tahun 2011 ini, 99% dari pengguna (sumber) memiliki layar paling kecil 1024x768 piksel. Banyak desainer membuat halaman mereka pada ukuran lebar seperti 770 piksel sehingga mereka tidak mengganggu 1% pengguna dengan layar 800x600, tapi itu berarti mereka memberikan hal buruk pada 99% pengguna, karena 99% pengguna tersebut melihat lebih banyak spasi daripada konten halaman yang sebenarnya.

Di sisi lain, halaman yang memiliki konten dari tepi ke tepi menjadi terlalu lebar pada monitor besar seperti yang dimiliki kebanyakan orang saat ini. Saya sarankan membatasi konten halaman dengan 1200 pixel atau kurang.

R3.  Gunakan warna-warna kontras atau latar belakang sederhana untuk membuat teks Anda mudah dibaca.

Sangat sulit untuk membaca teks terang dengan latar belakang terang, atau teks gelap dengan latar belakang gelap. Ada juga kombinasi beberapa warna yang tidak akan bekerja. Dan jika tip ini begitu jelas, lalu mengapa aku berlari melintasi halaman ini sekarang?


Juga, sulit untuk membaca teks pada gambar latar belakang yang memiliki campuran berbagai warna terang dan gelap; setiap gambar latar belakang harus sederhana dan sebagian besar gelap atau sebagian besar terang. Anda dapat meningkatkan keterbacaan teks pada gambar latar belakang dengan meningkatkan ukuran teks dan / atau membuatnya tebal.

Usahakan untuk tidak menempatkan teks pada gambar atau latar belakang bertekstur. Kecuali Anda benar-benar tahu apa yang Anda lakukan, teks seperti ini biasanya sulit atau menjengkelkan untuk dibaca - bahkan mustahil terbaca.

R4.  Membuat teks cukup besar untuk dibaca.

Jangan berteriak pada saya menyatakan hal ini sudah jelas, karena tidak semua orang paham: Ada webmaster yang membawa saya ke situs dimana saya harus menyipitkan mata untuk membacanya. Jangan menghukum pengunjung Anda jika Anda ingin mereka benar-benar membaca konten Anda. Dengan aturan-aturan CSS, gunakan Arial ukuran 12 atau 13 pixel, dan Verdana ukuran 11 atau 12 pixel.

R5.  Lebarkan spasi baris (judul) untuk meningkatkan tingkat keterbacaan.

Menempatkan beberapa jarak spasi pada setiap baris memberikan ruang bernapas dan membuatnya lebih mudah untuk dibaca. Jika anda tidak menentukan judulnya, Anda tidak akan mendapatkan apapun - Anda akan mendapatkan garis default yang sempit. Aku mengatur artikel ini 160%, yang dapat Anda lihat tambahan beberapa ruang yang menarik antara garis dan membuat teks tidak tampak menakutkan. Namun khusus di paragraf ini aku atur default, sehingga Anda dapat melihat bagaimana hal ini jauh dari kata menarik dan sulit untuk dibaca. Tambahkan jarak dengan menggunakan perintah CSS. Untuk mengatur judul sebuah sel tabel, menggunakan sesuatu seperti <td style="font:11px/160% Verdana">. Untuk blok teks panjang, letakkan semua teks di antara div: <div style="font:11px/160%> (blok panjang teks) </ div>. Hal ini cukup untuk membantu Anda memulainya, tetapi untuk benar-benar menguasai CSS Anda harus belajar bagaimana untuk membuat aturan CSS.

R6.  Jangan mengetik lebih dari beberapa kata dengan HURUF KAPITAL.

Kata-kata yang menggunakan HURUF KAPITAL menarik perhatian karena mereka tampak berbeda dari huruf kecil di sekitar mereka. Tetapi jika Anda mengetik semuanya dengan huruf kapital, maka Anda benar-benar menghilangkan efeknya, karena semuanya tampak sama, sehingga membuat tidak ada yang terlihat penting. Jika Anda ingin menarik perhatian pembaca kepada sesuatu, buatlah judul yang menonjol -- tebal, berwarna cerah, mungkin sedikit lebih besar -- tetapi buat agat teks yang mengikutinya normal.

R7.  Jangan menggunakan lebih dari satu tanda seru!

Mengetik beberapa tanda seru (atau lebih buruk, puluhan) tidak membuat teks Anda tampak lebih penting daripada hanya satu tanda. Bahkan, daripada menyampaikan urgensi, apa yang diungkapkan oleh beberapa tanda seru tersebut adalah "amatiran!". Sebenarnya, apa yang mereka ungkapkan adalah "Putus asa!" Penulis putus asa untuk membuat pembaca mempercayai sesuatu. Tapi pikirkan tentang hal ini: Apakah tanda seru benar-benar membuat Anda terkesan ketika membacanya? Apakah Anda lebih cenderung percaya sesuatu karena memiliki tanda seru di bagian akhir? Ini mungkin sebaliknya: Pemasar yang putus asa mencoba untuk menjual sesuatu kepada anda dengan tanda seru mereka, jadi ketika Anda melihat banyak dari mereka terlihat dalam keputusasaan dan cenderung meragukan apa yang telah mereka usahakan untuk meyakinkan Anda. Jadi, ketika Anda beralih topi dan Anda yang memberi pesan, jangan biarkan keputusasaan membuat Anda menggunakan banyak tanda seru. Play hard to get. :)

R8.  Gunakan pemeriksa ejaan.

Ya, orang-orang yang mengejanya buruk mungkin tidak menyadari atau peduli bahwa di situs Anda ada salah eja, tapi orang-orang yang terpelajar mungkin melihat dan peduli, dan mereka merupakan mayoritas.

Cara yang benar dan salah saat menggunakan link

L1.  Jangan menggarisbawahi kata-kata jika mereka bukan link.

Di web, sesuatu yang digarisbawahi seharusnya adalah sebuah link. Jika Anda menggarisbawahi tanpa alasan, pembaca akan terganggu ketika mereka mencoba untuk mengklik kata-kata yang digarisbawahi namun mereka bukanlah sebuah link. Jika Anda ingin menekankan sesuatu, bukan menggunakan huruf miring (atau tebal, atau warna lain).

L2.  Membuat link berwarna biru atau digarisbawahi, atau keduanya.

Pengguna mengira bahwa sebuah link seharusnya berwarna biru dan digarisbawahi, karena itulah 99% link di situs-situs lain tampil seperti itu. Jika Anda menggunakan warna yang berbeda maka setidaknya garisbawahi untuk menunjukkan bahwa itu adalah link. Demikian juga, jika Anda menghapus garisbawahnya usahakan warna link tetap biru, maka warna tersebutlah yang merupakan petunjuk bahwa itu adalah link. Jadi yang paling baik gunakan keduanya, warna biru dan digarisbawahi, tetapi menggunakan setidaknya satu syarat tersebut sudah dapat diterima.

Yang salah adalah jika tidak melakukannya satupun -- memiliki link yang tidak berwarna biru dan tidak bergarisbawah. Bagaimana pengguna bisa tahu jika itu adalah sebuah link? Aku menelusuri satu halaman yang mana link utamanya berwarna merah tanpa garis bawah. Untuk membuat keadaan menjadi lebih buruk, di tempat lain pada halaman yang sama mereka menggunakan teks biru, yang terlihat seperti link, tapi bukan. Jadi pengguna tidak tahu yang mana link yang mana yang bukan, dan ada teks lain yang tampak seperti link, tapi sebenarnya bukan. (Saya mencoba untuk menarik perhatian dari pemilik situs tetapi ia menyangkal bahwa tak seorang pun pernah mengeluh.)

L3.  Jelaskan link Anda.

Bila Anda dapat memberikan informasi lebih tentang link yang anda berikan, lakukanlah. Sebagai contoh, jika situs Anda memiliki halaman Link, sertakan deskripsi singkat dari masing-masing situs yang Anda link, katakanlah dalam 1-5 kalimat. Itu cara pengunjung agar memiliki gambaran tentang apa yang ada di situs tersebut, yang akan membantu mereka membuat keputusan apakah akan mengunjunginya atau tidak, dan membantu mereka menemukan apa yang mereka cari, sambil menghindari sesuatu yang tidak mereka perlukan.

Tidak ada yang lebih tidak berguna daripada sejumlah besar link ke situs lain ketika link tersebut hanya berisi nama-nama situs (atau lebih buruk lagi, hanya URL). Tanpa deskripsi dari apa yang Anda link-kan, pembaca dipaksa untuk mengunjungi tiap situs untuk mengetahui apa yang ada disana. Bayangkan 100 pengunjung Anda semuanya mengulangi hal yang sama dan melelahkan, serta sia-sia. Anda bisa memberitahu mereka apa yang ada di situs tersebut, karena Anda (mungkin) pernah mengunjungi situs-situs itu sendiri, sehingga Anda tahu apa yang ada di sana. Dukung pembaca Anda dan berbagilah pengetahuan dengan mereka. [situs Contoh]

L4.  Jangan membuka link internal di jendela baru.

Pemilik situs yang saya datangi situsnya menganggap bahwa memunculkan jendela baru ketika pengunjung mengklik link yang ada dalam situs adalah suatu ide yang baik, namun itu malah mengganggu pengguna ketika mereka tiba-tiba memiliki banyak jendela yang terbuka di layar mereka. Membuka jendela baru untuk link eksternal ke situs lain sih oke-oke saja, namun link internal dalam sebuah situs harus selalu terbuka di jendela yang sama. Pengunjung masih bisa mendapatkan hal lain di situs Anda ketika link terbuka di jendela yang sama, karena Anda menyertakan menu navigasi yang baik di bagian atas atau kiri halaman tip F1 di atas, kan? Jika membuka jendela baru berarti setelah lima klik dalam situs Anda, layar pengunjung Anda akan memiliki enam jendela yang berbeda.

L5.  Gunakan teks link yang deskriptif.

Teks dari link harus menjelaskan apa yang sedang dihubungkan. Jangan pernah lagi, menggunakan kata-kata seperti "link" atau "di sini" atau "klik di sini" sebagai text link. Pembaca lebih memilih untuk memindai halaman web daripada membaca setiap kata, dan Anda membuatnya mustahil jika Anda menggunakan kata-kata umum, non-deskriptif sebagai teks link. Bandingkan berikut:
Cara benar
Periksa produk spesial kami, produk best seller, and berbagai hadiah.
Cara salah
Untuk produk spesial klik di sini. Untuk produk
best seller klik di sini. Untuk berbagai hadiah klik di sini.

Mudah Diakses

A1.  Letakkan info kontak Anda, atau link untuk itu, di bagian atas dan / atau bawah pada setiap halaman.

Jangan buang waktu pembaca Anda dengan membuat mereka berputar-putar di situs Anda untuk mencari bagaimana cara menghubungi Anda. Buat info kontak Anda mudah ditemukan. Masukan info kontak Anda (atau link), di bagian atas setiap halaman. [Contoh]

Jika Anda tidak menuliskan nomor telepon dan / atau email karena Anda tidak mampu menangani semua pertanyaan, maka beritahu pembaca Anda, sehingga mereka tidak menghabiskan waktu mereka untuk mencari info yang tidak ada.

Sayangnya Anda tidak dapat menghubungkan alamat email Anda dengan sederhana mailto: link, kecuali jika Anda ingin dikirimi banyak spam. Itu terjadi karena spambot pandai mencuri alamat tersebut dari halaman web. Kami memiliki artikel terpisah tentang bagaimana menyembunyikan alamat email Anda dari spambot.

Pastikan semuanya bekerja, dan terus seperti itu

W1.  Uji link Anda.

Pastikan situs Anda bekerja! muat situs Anda dalam browser dari Internet (bukan dari hard disk Anda), pastikan semua gambar muncul dengan benar, dan klik semua link. Hal ini mungkin tampak jelas, tetapi jika itu begitu jelas, lalu mengapa saya terus-menerus menemukan situs yang gambar dan link internal tidak bekerja dengan baik? Jika Anda menggunakan "link checker" yang dibangun dalam web editor Anda dan situs Anda merupakan frame, maka Anda tidak dapat bergantung pada "link checker", karena tidak dapat memeriksa masalah framing (misalnya, halaman dimuat pada frame yang salah, hasil mengklik link menjadi frame dalam frame, dll). Periksa sendiri.

W2.  Sertakan tanggal "Last Modified" pada bagian atas atau bawah halaman Anda.

Jika situs Anda berisi informasi yang bisa menjadi usang, maka beritahu pengunjung anda kapan informasi itu ditulis. Dengan begitu, pengunjung tidak perlu bertanya-tanya apakah info ditulis minggu lalu atau lima tahun yang lalu.

Jika konten Anda sifatnya tidak bisa menjadi usang. (Misalnya, puisi, cerita, seni, situs tips desain), maka tanggal tidak terlalu penting, tapi pembaca mungkin akan lebih menghargai jika mengetahui kapan halaman tersebut ditulis.

Tips webmaster lainnya

O1.  Jangan mencuri konten.

Menyalin teks dari situs lain dan meletakkannya di situs anda sendiri merupakan hal yang tidak dapat diterima, kecuali Anda mendapatkan izin dari pemilik situs. Lagi pula hal itu ilegal. Hanya karena mudah untuk dilakukan tidak berarti itu tidak curang atau melanggar hukum. Menyalin konten juga merupakan cara yang baik untuk membuat halaman atau situs anda menjadi peringkat yang jauh lebih rendah.

O2.  Jangan membuat hotlink ke gambar atau MP3 di situs lain.

Setiap gambar yang Anda tampilkan/link-kan harus di server Anda sendiri. Artinya, kode Anda akan terlihat seperti <img src=/images/pic.gif> dan tidak <img src=http://NamaSitusLainnya.com/images/pic.gif>. Meletakkan gambar ke dalam halaman Anda dari situs lain disebut hotlinking, dan dianggap sebagai pencurian bandwidth dari situs lain (dan mungkin pelanggaran hak cipta). Hal ini juga merusak statistik pengunjung pada situs tersebut, karena setiap kali seseorang mengunjungi halaman Anda dengan gambar yang merupakan hotlink, yang menghitungnya sebagai satu angka kunjungan ke situs lain, meskipun tidak ada kunjungan sebenarnya ke situs tersebut. Gambar hotlinking juga bisa menjadi senjata makan tuan, jika webmaster dari situs lain merubah gambar yang Anda hotlinked menjadi sesuatu yang sangat ofensif (seperti gambar porno, atau pesan khusus yang menghina Anda).

O3.  Jangan meminta "izin" untuk link ke sebuah situs.

Saya tidak tahu bagaimana orang mendapatkan ide bahwa Anda harus meminta ijin kepada pemilik situs apakah Anda boleh me-link ke situs mereka, namun hal itu bukan hanya tidak perlu, itu sangat menjengkelkan. Jika ribuan orang yang membuat link ke halaman saya harus meminta izin terlebih dahulu maka aku akan tenggelam dalam ribuan email. Intinya menempatkan halaman di web adalah untuk berbagi dan memberikannya kepada pembaca, jadi apa alasannya penulis halaman tersebut tidak ingin halamannya dilihat oleh lebih banyak orang? Bayangkan jika seseorang menulis surat berikut:
Yang terhormat Mr. Lyman:
Saya membaca buku Anda yang berjudul No More Bull! dan saya sangat menikmatinya. Saya ingin merekomendasikan buku ini kepada beberapa teman saya, jadi saya menulis surat ini untuk meminta izin pada Anda. Saya menyadari bahwa dalam menulis buku Anda, Anda mungkin ingin membatasi pembaca, dan Anda mungkin ingin mengontrol ketat atas siapa yang memiliki kewenangan untuk merekomendasikan buku anda kepada orang lain, jadi saya tidak akan menyebutkan buku Anda ke orang lain sampai Anda mengijinkan saya untuk melakukannya. Cukup katakan Ya atau Tidak, tidak masalah, saya yakin Anda tidak memiliki sesuatu yang lebih baik dilakukan daripada menanggapi pesan-pesan seperti ini.

Terima kasih,

Seorang pembaca  

O4.  Jangan meminta untuk bertukar link dengan situs lain.

Permintaan pertukaran link sama menyebalkannya dengan "permintaan izin untuk link" -- dan benar-benar tidak berguna. Buatlah link ke situs lain jika Anda berpikir mereka akan menjadi sebuah nilai atau kepentingan untuk para pembaca Anda - Bukan karena Backlink dari situs lain. Jika Anda ingin sebuah link ke situs Anda, buat situs Anda bernilai untuk di buat link, link ke situs yang berharga lainnya, kemudian meminta link situs-situs lainnya (bukan pertukaran link). Jangan membuat link ke situs lain yang bergantung pada apakah mereka akan me-link kembali atau tidak. Jika mereka layak di-link-kan, mereka masih layak dibuatkan link bahkan jika mereka tidak menuliskan link anda. Berikut lebih lanjut tentang mengapa permintaan pertukaran link gagal.


___________________________
Disediakan Oleh:
©Michael Bluejay • Ditulis 2001, Diupdate Juni 2011.

Komentar