Pembelajaran saya kali ini adalah tentang konsep cuci mencuci diatas. Tanpa bermaksud mempersulit sebuah konsep yang sebenarnya sangat amat sederhana sekali. Oleh karena itu, tolong dicatat bahwa tulisan ini masih termasuk bagian ujicoba kesalahan – trial error saja dan bukan tutorial.

Laundry ↑

Saya tidak perlu dan tidak harus memberi tautan dan rujukan untuk sebuah kata laundry. Karena saya sudah biasa mempersepsikan atau mengidentikkan kata tersebut dengan bisnis jasa cuci mencuci.

Laundry kiloan adalah bisnis jasa mencuci yang paling disukai saat ini. Biaya jasa ini tergolong paling luwes karena dihitung berdasarkan satuan berat bahan yang dicuci dalam keadaan kering. Kemudian ada Dry Laundry, dan seterusnya,… sampai-sampai ada istilah Money laundry untuk istilah mencuci uang kotor, serta jasa cuci mencuci gedung, cuci otak, dsb (dan-sebagainya).

Kata kunci ↑

Blogger yang peduli dengan materi Search Engine Optimization – SEO, mengeja dan menuliskannya sebagai Keyword. Sementara itu, beberapa diantaranya yang peduli dengan ejaan bahasa Indonesia yang baku mulai menterjemahkan dan menyebutnya sebagai kata kunci.

Kata kunci harus diperjuangkan, supaya tajuk yang dipergunakan pada saat belajar markah HTML tag heading pada sebuah tulisan/artikel/konten bisa muncul atau menempati posisi paling puncak pada halaman hasil pencarian mesin telusur. Kata kunci harus mendapatkan perlakukan yang berbeda jika dibandingkan dengan teks yang lainnya. dst (dan-seterusnya), blah… blah… blah…

Potensi bisnis mencuci diatas, lebih manusiawi jika menggunakan konsep yang paling sederhana, yaitu struktur. Mengotori kata-kata dengan corat-coret yang tidak perlu dan tanpa struktur bukanlah kunci sukses untuk memulai bisnis mencuci diatas. Mungkin :)

Apakah anda tertarik dengan bisnis mencuci dalam pemaparan diatas ? Silahkan pilih sendiri. Tetapi, jika anda sudah atau sedang menekuni bisnis diatas, saya yakin anda sangat mengerti maksud pertanyaan berikut, "Mesin cuci seperti apa yang paling favorit menurut anda ?"

1. Mesin yang sudah di korek atau di optimalisasi kah ?
2. Mesin yang sederhana dan asal bisa di pergunakan kah ?
3. Mesin yang dengan mudah dapat diakses setiap orang kah ?
4. atau Mesin yang standar standar saja seperti saat pertama kali dibeli dari toko ?

Aksesibilitas Web mengacu pada latihan, praktek pembuatan website atau situs yang dapat digunakan oleh semua kalangan baik yang diciptakanNya normal maupun yang mengalami keterbatasan kemampuan atau cacat.

Ketika sebuah tema website dalam skala luas atau tema blog dalam lingkup pemberitaan terbatas sudah di design dengan baik dan benar, kemudian dikembangkan dan diedit, maka seharusnya semua pengguna dapat memiliki akses yang sama terhadap informasi dan fungsionalitas yang ada pada website atau blog tersebut.

Skenario SEO, Aksesibilitas atau DEO ?

1. Ketika makna semantik kode HTML sudah digunakan dengan baik dan benar, seperti menyediakan teks sebagai alternatif untuk mendiskripsikan sebuah gambar atau pengganti pranala yang berwujud gambar, maka hal ini akan membantu pengguna tuna netra saat ingin mengetahui konten menggunakan aplikasi text-to-speech ataupun perangkat text-to-Braille.
2. Ketika teks dan gambar dibuat dengan cukup besar atau dapat diperbesar, maka hal ini akan mempermudah pengguna yang sudah rabun untuk melihat atau membaca serta memahami konten. Anda tentu tidak pernah bermaksud menambah parah penyakit mereka khan ?
3. Ketika pranala telah digarisbawahi, diberi warna yang berbeda atau dinyatakan berbeda dari teks yang lainnya, maka hal ini akan sangat membantu pengguna yang buta warna supaya tidak kehilangan informasi selanjutnya yang ditautkan dengan anchor teks.
4. Ketika pranala dapat diklik dan dibuat dengan area klik yang cukup lega, maka pengguna yang tidak dapat mengontrol mouse secara presisi akan merasa sangat terbantu.
5. Ketika dalam sebuah halaman sudah disediakan alternatif navigasi yang dapat dilakukan hanya dengan menggunakan papan ketik atau dapat diakses dengan tombol-tombol tunggal, maka pengguna yang tidak dapat menggunakan mouse atau bahkan papan ketik standar akan merasa sangat terbantu dengan navigasi yang baik tersebut.
6. Ketika konten berupa video sudah menyediakan caption sebagai penutup, atau bahkan menyediakan bahasa isyarat didalamnya, maka pengguna yang tuna rungu dan mempunyai ketebatasan pendengaran tetap akan dapat memahami video yang dibuat.
7. Ketika efek-efek berkedip (baca:flashing) dapat dihindari atau dibuat sebagai sebuah pilihan atau opsional, maka pengguna yang rentan terhadap kejang yang disebabkan oleh efek-efek berkedip ini tidak perlu anda sakiti ketika berkunjung ke halaman anda.
8. Dan Ketika sudah menuliskan konten yang baik dengan bahasa yang paling sederhana atau dapat diilustrasikan dengan diagram-diagram berwujud instruksi atau animasi, maka pengguna disleksia dan kesulitan belajar akan lebih mampu memahami konten yang ada.

Akhirnya, Ketika sebuah design situs atau design blog sudah dibuat, dibangun kemudian dipelihara untuk menampung semua kepentingan dan memfasilitasi semua jenis pengguna seperti pada contoh skenario diatas dengan baik dan benar, maka anda termasuk pengembang yang pantas diacungi empat jempol sekaligus.

Tulisan ini adalah terjemahan bebas dari dokumen W3C-WAI yang berjudul How People with Disabilities Use the Web – Scenario, tanpa bermaksud menyimpang dari dokumen aslinya. Tulisan ini juga saya maksudkan sebagai prolog bagi yang ingin membaca lebih detil tentang Aksesibilitas Web di Unessential Weblog milik Pak Dani.

Penasaran ?… berikut adalah alasan-alasan memilih satu diantaranya.

Webmaster yang sudah sukses dengan pilihannya masing-masing, silahkan menyalahkan, membenarkan, mengkritik tulisan ini, dan atau menambahkan alasan yang lain dalam ruang komentar.

Apa alasan memilih dofollow ?

Tiga alasan memilih atribut dofollow berikut, mungkin belum cukup untuk mewakili seratus bahkan seribu alasan lain yang ada dalam benak webmaster penganut atribut dofollow.

1. Alasan Konsekwensi

   Siapa yang tidak ingin menghasilkan uang dari blog, weblog ?. Jika seorang webmaster menggunakan jasa hosting, maka alasan mencari uang sebagai pengganti ongkos hosting pantas dimaklumi. Faktanya, setelah trial error mencoba mengintip beberapa syarat keikutsertaan sebuah review program atau program affiliasi lain penghasil uang. Satu syarat mutlak yang biasanya harus dipenuhi sebagai anggota adalah blog yang didaftarkan harus menggunakan atribut dofollow.

   Weblog atau blog dengan atribut dofollow mempunyai kemungkinan lebih besar untuk menerima job dibandingkan dengan blog yang mengenakan atribut nofollow. Jika alasan ini adalah sebuah keterpaksaan, maka konsekwensi adalah sebuah pilihan.

2. Alasan Popularitas

   Sehubungan dengan maraknya teori backlink, linkback atau link building, atau apalah sebutannya. Maka, sebuah blog atau weblog dengan menggunakan atribut dofollow sudah pasti akan diserbu pengunjung, minimal pengunjung yang sepaham. Hal ini dapat di lihat dari banyaknya jumlah komentar yang ada. Ini berhubungan erat dengan sebuah popularitas. Semakin banyak komentar akan meningkatkan derajat kepopuleran.

   Pengunjung awan tidak akan pernah melihat apa yang sebenarnya terjadi, dan tetap berkata, Wah, komentarnya saja banyak. Pasti ini situs bagus !.

3. Alasan Traffic

   Dengan banyaknya kunjungan, meskipun hanya dari sesama yang sepaham, secara otomatis akan meningkatkan traffic. Mau mengakui atau tidak, statistik traffic dari Alexa tetap dijadikan pedoman beberapa webmaster sebagai tolok ukur keberhasilan penerapan beberapa materi SEO.

   Kenyataanya pula, beberapa program affiliasi, termasuk review-program menjadikan trafik tinggi sebagai salah satu syarat keikutsertaannya.

Jika ada yang bermaksud mencari pertimbangan lain untuk menjadikan blog sebagai bagian penganut atribut dofollow atau sedang belajar link building silahkan kunjungi 3 daftar-blog-do-follow-terupdate berikut dan temukan rahasia-rahasia lainnya di sana :

• daftar blog dofollow yang berbahasa Indonesia
• dofollow blog list dengan PageRank Tinggi
• daftar blog do follow

Apa alasan mempertahankan atribut NoFollow ?

1. Alasan Kepatuhan

   Google SEO Guide sebagai salah satu materi yang banyak dipelajari webmaster, mempunyai subjudul, Be aware of rel="nofollow" for links.

   Meskipun ada beberapa faktor lain yang menentukan sebuah kesuksesan termasuk didalamya popularitas, traffic tinggi, dan lain-lain. Tetapi… Menjadikan sub judul tersebut sebagai sebuah konvensi bukanlah sebuah pamali. Mengikuti dan mengindahkan sebuah arahan adalah cara yang baik pula untuk menjadi baik dalam menerapkan ilmu SEO.

2. Alasan Reputasi

   Setelah menjadikan sebuah kepatuhan sebagai sebuah alasan, maka reputasi sebagai sebuah situs yang patuh akan terbentuk dengan sendirinya, tentu didukung oleh faktor-faktor lain yang tersembunyi dibalik hal tersebut. Reputasi yang dengan jelas telah di diskripsikan google adalah reputasi sebuah halaman dalam sebuah situs. Membagi reputasi halaman tentang resep masakan kepada situs pengelola senjata api jelas tidak masuk akal khan ?.

   Beberapa master SEO menuliskan bahwa,
   PageRank sebuah domain ditentukan oleh PageRank halaman-halaman yang ada didalamnya. Bukan kuantitas link yang diperoleh, tapi kualitasnya.
   Menjadikan blog menjadi dofollow atau tetap nofollow adalah salah satu metode atau cara untuk meraih yang berkualitas tersebut.

3. Alasan Fokus

   Mempertahankan atribut nofollow dalam sebuah situs yang fokus pada satu materi juga akan menaikkan popularitas dan reputasi situs tersebut dengan sendirinya. Ada banyak contoh weblog atau blog yang mendapatkan rapor bagus untuk kasus ini. Materi SEO yang bisa digunakan untuk menjelaskan kasus fokus ini sepertinya, Gambaran secara menyeluruh sebuah situs.

   Sebuah situs yang membahas A sampai Z tentang blog dofollow dalam semua halamannya, sudah pasti akan menjadi yang pertama untuk dikunjungi oleh orang yang ingin mencari informasi tentang cara menjadi dofollow dengan bijak. Kemudian pengunjung tersebut mengakuinya sebagai situs yang paling lengkap dan paling informatif tentang nofollow & dofollow. Karena, dalam setiap halamannya berisi tentang informasi yang ia perlukan.

   Yang terjadi kemudian adalah, orang tersebut akan mengabarkan situs tentang materi dofollow tersebut kepada sesama penganut atribut dofollow yang lain dalam komunitasnya. Mendapatkan pengunjung berikutnya ?, Kemudian peningkatan traffic pada statistik Alexa ?, lalu popularitas ? secara otomatis juga akan tercapai !

Sekali lagi, mempertahankan nofollow atau menjadikannya dofollow ? Tetap sebuah pilihan.

Pssstt… Banyak lhoh yang awalnya DoFollow, tetapi setelah cita-citanya tercapai, mendadak sontak menjadi NoFollow lagi. Hayooo Pilih yang mana ?, atau ikutan DoFollow versi side22 saja.

Update :

2010-09-18

Sejak menggunakan tema Yrrah versi 2.5.2, blog ini tidak menggunakan bilah sisi sebagai tempat menampung tautan menuju situs pengomentar. Mohon maaf.

Binatang apa “No Follow” itu ? dan bagaimana cara menangkapnya ?

Kasat mata, seorang pengunjung awam sebuah situs tidak melihat perbedaan weblog yang no follow dan blog yang do follow. Kecuali pengunjung tersebut adalah seorang antusias yang peduli dengan sebuah Add-ons FF bernama “NoDoFollow”, atau pengunjung tersebut adalah seseorang yang gemar mencari ide dengan membuka-buka source tampilan sebuah situs yang disukainya untuk diadopsikan ke dalam situsnya.

Ciri-ciri tidak kasat mata inilah yang membuat materi atribut No Follow atau No-DoFollow pada Google SEO Guide menjadi sedikit berbeda dengan materi-materi SEO yang pernah dituliskan sebelumnya, materi ini sepertinya benar-benar untuk konsumsi search engine.

Kapan atribut rel=”NoFollow” dilahirkan ?

Bersama-sama dengan Yahoo! dan MSN (Bing), Google memperkenalkan sebuah atribut berformat mikro untuk HTML bernama relevancy (kemudian disingkat sebagai “rel”) dengan value “nofollow”. Dengan menggunakan atribut rel="nofollow" pada sebuah link, maka link tersebut tidak akan digunakan untuk mengkalkulasikan nilai PageRank sebuah halaman. Hal ini diberlakukan karena ramainya kegiatan spamming pada masa tersebut.

Misalnya :

• Seorang spammer menuliskan link <a href="http://www.kiamat-2012.info/">apa memang benar terjadi ?</a> dalam komentarnya pada sebuah konten yang membahas “resep masakan terfavorit dengan bahan dasar singkong”,
• Maka dengan menggunakan atribut no follow, link tersebut secara otomatis akan dirubah menjadi <a href="http://www.kiamat-2012.info/" rel="nofollow">apa memang benar terjadi ?</a>.
• Dengan penambahan atribut rel=”nofollow”, link dari spammer tersebut tidak akan di ikuti oleh spider crawler dan tidak akan membebani reputasi konten tentang tulisan resep favorit dari singkong.

Atribut ini memang tidak akan bisa menghentikan kegiatan spamming, tetapi mencegah masalah saat perhitungan PageRank sebuah halaman.

Apa manfaat atribut “No Follow” dan Bagaimana cara menggunakannya ?

1. Berkaitan dengan kegiatan spam.

   Saat ini, pada era web dinamis hampir dipastikan jarang ditemukan situs yang tidak menyertakan kolom komentar, dari sinilah kegiatan spam muncul. Dan dari sini pula manfaat atribut “no follow” mulai diberdayakan sekaligus diperdebatkan.

   Sekedar catatan saja untuk pengguna WordPress dan blogger, fitur ini sudah dimasukkan secara default pada sistem komentar. Jadi tidak perlu repot memikirkan hal ini.
   Yang sedikit merepotkan adalah ketika seorang webmaster mulai mempertimbangkan beberapa alasan dan ingin atau harus menjadikan sebuah weblog yang no follow menjadi do follow.

   Alasan apa saja yang menjadikan seorang webmaster harus migrasi dari no follow menjadi do follow, untung dan ruginya, serta daftar panjang penganut atribut dofollow atau daftar do follow blog paling update, saya opinikan dalam tulisan NoFollow vs DoFollow.

2. Berkaitan dengan posting tulisan atau konten sebuah halaman.

   Ambil sebuah kasus seperti ini :
   Ketika situs kita mulai dibanjiri komentar spam, dan kemudian kita dengan semangat “sharing” yang tinggi ingin membagikannya cerita ini kepada pengunjung tentang bahayanya mengunjungi situs-situs spammer. Apa yang akan kita lakukan ?

   Dapat dipastikan bahwa kita akan menuliskan link situs tersebut dalam sebuah posting. Disinilah letak kegunaan atribut no follow. Kita tidak ingin membagi reputasi halaman kita atau bahkan mungkin reputasi domain kita kepada situs yang kita anggap spam khan ?, dalam kasus ini kita harus selalu ingat atribut ini. “No use it Noangis” ;)

Untuk menggunakan atribut nofollow pada sebuah situs bisa menggunakan beberapa cara, antara lain :

1. Manual

   Dengan cara menuliskannya secara manual di dalam sebuah link yang kita buat dalam sebuah posting tulisan atau konten.

2. Menggunakan meta robots

   yang dituliskan sebagai berikut :

   <meta name="robots" content="nofollow">

   kemudian meletakkannya diantara elemen <head> pada sebuah halaman.

Terakhir,
Bukan lagi sebuah rahasia umum, jika penganut atribut no follow akan di jauhi karena di anggap pelit dan di kucilkan karena disebut sebagai yang tidak mau berbagi. Termasuk weblog inikah ?. Tidak, jika tulisan tentang dofollow versi side22-dot-com sudah selesai dibaca. ;-)

Definisi img dan Penggunaannya

Sebelum mengulas materi image yang baik pada halaman HTML untuk keperluan Search Engine (baca: Google SEO), Sehubungan dengan mulai di"uji-cobakan"nya format HTML 5, tidak ada salahnya mengenal sedikit lebih dalam tentang materi image menurut W3C.

W3C menerangkan bahwa secara teknis, sebuah image tidak dimasukkan ke dalam halaman HTML (Hmm,.. namanya saja HyperText Mark-Up Language ?!?). Sebuah image hanya sekedar di tautkan saja pada sebuah halaman dengan menggunakan tag <img>. Atau dengan kata lain, tag <img> digunakan untuk meng-embed (penjelasan pada format X(HT)ML) dan atau men-definisikan (penjelasan pada format HTML 5) sebuah image kedalam sebuah halaman HTML.

Sehubungan dengan tugas-tugas tersebut diatas, maka tag <img> minimal memerlukan dua buah atribut utama yaitu :

1. atribut src
   Atribut ini bertugas untuk menentukan letak / sumber image yang akan di embed. Pada saat sebuah halaman di load, pada saat itu pula browser akan mencari image dari sumber yang ditentukan pada atribut "src" untuk di tampilkan. Sehubungan dengan hal tersebut sebaiknya :

   1. Image yang ditentukan benar-benar ada, untuk mencegah adanya broken link icon.
   2. Untuk kepentingan accessibility, agar image dapat di load dengan cepat, maka sebaiknya image disimpan pada web server yang sama dengan halaman yang akan menampilkannya. (delay yang terlalu lama pada saat browser me-load sebuah image juga akan menyebabkan timbulnya broken link icon)

2. atribut "alt"

   1. Atribut ini bertugas memberikan teks alternatif apabila image yang akan di embed gagal diload pada browser. Kegagalan ini bisa terjadi karena :

      • Sumber yang di tentukan pada atribut "src" tidak ditemukan.
      • Beberapa expert user sengaja men-disable tampilan image, karena hanya ingin membaca informasi dalam sebuah konten pada sebuah halaman.
   2. atribut "alt", tidak ditujukan dan tidak dimaksudkan untuk event mouse-over teks, karena ada atribut lain yang khusus diperuntukkan untuk tugas dimaksud yaitu atribut "title".

Selain dua atribut baku tersebut, tag <img> dapat diikuti beberapa atribut standar, atribut event (mouse events, media events), dan atribut opsional dengan memperhatikan catatan sebagai berikut :

1. Pada halaman dengan format DTD strict, atribut opsional seperti "align", "border", "hspace", "vspace", sudah tidak disarankan dipergunakan.
2. Pada format HTML 5, W3C menambahkan sekitar 22 atribut baru pada atribut media events.

Berikut adalah contoh penulisan tag <img> pada sebuah halaman.

<img src="file-image" alt="teks-alternatif" />

Atau membiasakan diri belajar menuliskan tag <img> seperti dibawah ini akan lebih baik.

<img src="file-image" alt="teks-alternatif" title="hover-text" />

Rasanya belajar mengingat kembali materi image pada sebuah HTML cukup sekian dulu.

Materi tentang optimasi image dari Google.

Image dapat menjadi komponen langsung sebuah website, site, weblog, tapi penggunaannya dapat dioptimalkan. Setiap image sebaiknya memiliki nama yang berbeda dan atribut "alt", dua hal tersebut yang harus di manfaatkan. Atribut "alt" dapat digunakan untuk menentukan teks alternatif untuk sebuah image, hal ini bermanfaat jika image tersebut tidak dapat ditampilkan untuk alasan tertentu.

Mengapa harus menggunakan atribut "alt" ? Jika pengunjung melihat sebuah website dengan menggunakan browser yang tidak mendukung tampilan sebuah image, atau pengunjung dimaksud menggunakan teknologi lain, seperti pembaca layar, maka isi dari atribut "alt" yang akan menyediakan informasi tentang image yang digunakan.

Alasan lainnya penggunaan atribut "alt" adalah jika sebuah image difungsikan sebagai sebuah link / tautan. Maka teks alternatif yang ditetapkan dengan atribut "alt" pada sebuah image akan diperlakukan sama seperti Anchor Text pada Text Link. Dengan catatan bahwa Google tetap tidak menyarankan penggunaan image yang terlalu berlebihan jika tujuan penggunaanya hanya untuk sebuah navigasi website, sementara navigasi dengan teks sudah cukup mewakili.

Terakhir, optimasi pada nama image dan teks alt akan membuat Google lebih mudah memahami sebuah gambar berhubungan dengan proyek penelusuran gambar seperti Penelusuran Gambar Google.

Belajar optimasi Image menurut Google SEO

1. Nama file dan teks alt harus singkat, tapi deskriptif

   Seperti halnya bagian-bagian lain sebuah halaman yang perlu di optimalkan, nama file image dan teks alternatif yang digunakan juga harus pendek tapi deskriptif, dengan menghindari hal sebagai berikut :

   • Penggunaan nama file yang umum seperti "gambar1.jpg", "gbr1.gif" (meskipun beberapa situs dengan ribuan gambar mungkin akan mempertimbangkan penamaan secara otomatis)
   • Membuat nama file yang terlalu panjang
   • Memasukkan kata kunci sebagai teks alternatif atau menggunakan seluruh kalimat pada konten kedalam atribut "alt".

2. Menyediakan teks alt

   Pada saat menggunakan image sebagai sebuah link sebaiknya menyediakan teks alternatif. Jika sebuah image lebih difokuskan sebagai sebuah link, maka teks alternatif akan membantu Google lebih memahami tentang halaman yang di tautkan. Untuk bahasan ini, sebaiknya membaca kembali materi Anchor Text. dan berikut adalah hal-hal yang perlu di hindari :

   • Menulis teks alt yang terlalu panjang yang dapat dianggap sebagai spam
   • Membuat navigasi website dengan hanya menggunakan tautan gambar saja

3. Image sebaiknya disimpan pada direktori khusus

   Penyimpanan image ini dimaksudkan untuk mempermudah jalur ke gambar, maka penyimpanan image didalam sebuah direktori tersendiri akan lebih powerful dibandingkan jika gambar-gambar tersebut disimpan tersebar di beberapa direktori dan subdirektori di sepanjang domain yang dimiliki.

4. Tipe file Gambar itu penting

   Format gambar yang didukung oleh kebanyakan browser adalah format dengan ekstensi file JPEG, GIF, PNG, dan BMP.
   Maka ketika membuat sebuah gambar, sebaiknya memperhatikan ukuran dan ekstensi file seperti tersebut diatas.

Get the point ?!?

Apabila membaca kembali sebuah quote yang menarik pada tulisan pentingnya sebuah validasi W3C, maka fakta itu kembali muncul pada pembelajaran tentang image pada sebuah website. Bandingkan butir 2, Sub-judul "Belajar optimasi Image menurut Google SEO" diatas, dengan salah satu error report permintaan validasi W3C, yang pernah saya terima seperti berikut "Line XX, Column YY: required attribute "alt" not specified".

Mempelajari dengan seksama Google SEO Guidelines, sedikit banyak akan merubah sebuah halaman menjadi valid sesuai petunjuk W3C. Bagaimana jika kita gunakan metode terbalik ? Wowww,… sekali merengkuh dayung 2 pulau terlampaui (pulau ke-3 nya ? tinggal pilih, diatas meja komputer, atau diatas keyboard) :D :D

Semoga bermanfaat, dan..
Salam valid W3C, Untuk rekan-rekan yang mempunyai opini sama.