Meningkatkan Aksesibilitas dan Konten Halaman dengan Teks Alt
Lihatlah hampir semua situs web di Web hari ini dan Anda akan melihat bahwa salah satu hal yang mereka miliki adalah gambar. Gambar dapat digunakan di situs web untuk menambah bakat visual, membantu mengilustrasikan ide, dan menambahkan ke keseluruhan konten halaman. Selain memilih gambar yang tepat dan menyiapkannya dengan benar untuk pengiriman web , pastikan bahwa semua gambar situs Anda menggunakan teks ALT dengan benar adalah bagian yang sangat penting untuk menggunakan gambar ini dengan tepat untuk Web.
Apa itu Alt Text
Teks alt adalah teks alternatif yang digunakan oleh peramban teks dan agen pengguna web lain yang tidak dapat melihat gambar. Ini juga merupakan satu-satunya atribut yang diperlukan oleh tag gambar. Dengan menulis teks alt efektif, Anda memastikan bahwa halaman Web Anda dapat diakses oleh orang-orang yang mungkin menggunakan pembaca layar atau perangkat bantuan lain untuk mengakses situs Anda. Anda juga memastikan bahwa sesuatu akan ditampilkan di tempat gambar seharusnya tidak memuat untuk alasan apa pun (jalur yang salah, kegagalan transmisi, dll.). Ini adalah tujuan sebenarnya dari teks Alt, tetapi konten ini juga dapat memberi Anda lebih banyak tempat untuk menambahkan teks ramah-SEO yang tidak akan dihukum oleh Anda oleh mesin telusur (lebih cepat lagi).
Teks Alt Harus Mengulangi Teks di Gambar
Setiap gambar yang memiliki teks di dalamnya harus memiliki teks itu sebagai teks alternatif. Anda dapat menempatkan kata-kata lain di teks alternatif, tetapi setidaknya harus mengatakan hal yang sama dengan gambar. Misalnya, jika Anda memiliki logo untuk gambar Anda, teks Alt harus mengulangi nama perusahaan yang ditulis oleh logo grafis Anda.
Ingat, juga, bahwa gambar seperti logo juga dapat menyiratkan teks - misalnya, ketika Anda melihat ikon bola merah di situs Web About.com, itu berarti "About.com". Jadi teks alternatif untuk ikon itu bisa mengatakan "About.com" dan bukan hanya "logo perusahaan".
Pertahankan Teks Pendek
Semakin lama teks alternatif Anda, semakin sulit untuk dibaca oleh peramban teks. Anda dapat tergoda untuk menulis kalimat panjang dari teks alternatif (biasanya ini dilakukan karena seseorang mencoba untuk memasukkan tag dengan kata kunci), tetapi menjaga Alt tags Anda tetap pendek membuat halaman Anda lebih kecil dan halaman yang lebih kecil akan mengunduh lebih cepat.
Aturan praktis yang baik untuk teks alternatif adalah menjaganya antara 5 dan 15 kata total.
Menggunakan Kata Kunci SEO Anda di Alt Tags
Orang sering keliru berpikir bahwa tujuan teks alternatif adalah menempatkan kata kunci mesin telusur. Ya, itu adalah manfaat yang dapat Anda gunakan, tetapi hanya jika teks yang Anda tambahkan masuk akal untuk tujuan sebenarnya dari tag alt - untuk menampilkan teks cerdas yang menjelaskan apa gambar itu seharusnya seseorang tidak dapat melihatnya!
Sekarang, itu dikatakan, teks Alt tidak dimaksudkan sebagai alat SEO tidak berarti Anda tidak dapat menggunakan kata kunci Anda dalam teks ini. Karena teks alternatif penting dan diperlukan pada gambar, mesin pencari tidak mungkin menghukum Anda karena menempatkan kata kunci di sana jika konten yang Anda tambahkan masuk akal. Ingat saja bahwa prioritas pertama Anda adalah pembaca Anda. Spamming kata kunci dalam teks alternatif dapat dideteksi dan mesin pencari mengubah aturan mereka setiap saat untuk mencegah spammer.
Aturan praktis yang baik adalah menggunakan kata kunci mesin pencari Anda di mana mereka cocok dengan deskripsi gambar, dan tidak menggunakan lebih dari satu kata kunci dalam teks alternatif Anda.
Jaga Teks Anda Berarti
Ingat bahwa titik teks alt adalah untuk menentukan gambar untuk pembaca Anda. Banyak pengembang Web menggunakan teks alternatif untuk dirinya sendiri, termasuk hal-hal seperti ukuran gambar, nama file gambar, dan sebagainya. Meskipun ini mungkin berguna bagi Anda, itu tidak ada gunanya bagi pembaca Anda dan harus dihilangkan dari tag ini.
Gunakan Alt Teks Kosong Hanya untuk Ikon dan Peluru
Secara berkala Anda akan menggunakan gambar yang tidak memiliki teks deskriptif yang berguna, seperti peluru atau ikon sederhana. Cara terbaik untuk menggunakan gambar-gambar ini adalah di CSS di mana Anda tidak memerlukan teks alternatif. Tetapi jika Anda benar-benar harus memilikinya di HTML Anda, gunakan atribut alt kosong daripada membiarkannya sama sekali.
Mungkin tergoda untuk menempatkan karakter seperti tanda bintang (*) untuk mewakili sebuah peluru, tetapi ini bisa lebih membingungkan yang hanya membiarkannya kosong. Dan meletakkan teks "peluru" akan lebih aneh dalam peramban teks.
Artikel asli oleh Jennifer Krynin. Diedit oleh Jeremy Girard pada 3/3/17