Saat Anda melihat gambar di halaman web, mungkin sulit membayangkan bahwa gambar tersebut mungkin sama sekali "tidak ada" untuk mesin pencari dan pengguna tunanetra. Mesin pencari tidak dapat memahami konten gambar secara langsung seperti manusia, dan pembaca layar tidak dapat menggambarkan gambar untuk pengguna tunanetra—kecuali gambar tersebut memiliki atribut ALT. Tag HTML yang tampak sederhana ini sebenarnya adalah jembatan yang menghubungkan konten visual dengan pemahaman mesin, dan merupakan salah satu aspek yang paling sering diabaikan namun sangat penting dalam SEO dan optimasi aksesibilitas situs web.
Atribut ALT (Teks Alternatif) adalah atribut dalam tag <img> HTML yang digunakan untuk memberikan deskripsi tekstual untuk sebuah gambar. Ketika gambar gagal dimuat karena masalah jaringan, pengguna menonaktifkan tampilan gambar, atau pengunjung menggunakan pembaca layar, teks dalam atribut ALT akan muncul sebagai pengganti gambar. Dari perspektif kode, cara penulisannya sangat sederhana:
<img src="product-photo.jpg" alt="Cangkir kopi keramik putih, ditempatkan di atas meja kayu">
Dalam kode ini, "Cangkir kopi keramik putih, ditempatkan di atas meja kayu" adalah konten dari atribut ALT. Bagi pengunjung biasa, teks ini biasanya tidak terlihat; tetapi untuk crawler mesin pencari, perangkat lunak pembaca layar, atau saat gambar gagal dimuat, deskripsi ini menjadi satu-satunya dasar untuk memahami konten gambar.
Banyak operator situs web, saat mengunggah gambar, sama sekali mengabaikan atribut ALT, atau secara acak mengisi teks yang tidak berarti seperti "image1.jpg". Praktik semacam ini tidak hanya menyia-nyiakan peluang SEO, tetapi juga membuat situs web menjadi sia-sia untuk aksesibilitas.
Mesin pencari tidak dapat "melihat" gambar, mereka bergantung pada atribut ALT untuk memahami konten gambar, dan selanjutnya memutuskan apakah akan memasukkan gambar tersebut ke dalam hasil pencarian gambar, dan untuk menilai relevansi konten halaman dengan kueri pengguna. Jika sebuah situs web e-commerce kehilangan deskripsi ALT yang akurat untuk gambar produknya, itu berarti hampir tidak terlihat di pencarian gambar Google, yang mengorbankan banyak lalu lintas potensial secara sia-sia.
Dari sudut pandang pengalaman pengguna, ketika kelompok tunanetra menjelajahi web menggunakan pembaca layar, mereka sepenuhnya bergantung pada atribut ALT untuk memahami gambar di halaman. Jika posting blog tentang tujuan wisata memiliki ALT gambar yang hanya bertuliskan "IMG_3847", pengguna tunanetra tidak akan dapat mengetahui apakah itu foto matahari terbenam di pantai atau pemandangan puncak gunung bersalju. Deskripsi ALT yang baik dapat membuat situs web benar-benar melayani semua pengguna, tidak hanya yang memiliki penglihatan normal.
Selain itu, dalam skenario jaringan seluler yang buruk atau saat pengguna secara aktif menonaktifkan gambar untuk menghemat data, teks ALT akan ditampilkan langsung di halaman. Deskripsi yang jelas dan informatif dapat membantu pengguna dengan cepat memahami konten halaman tanpa kebingungan karena tidak adanya gambar.
Google memasukkan konten gambar dalam pertimbangannya saat mengevaluasi kualitas halaman web, dan atribut ALT adalah sumber sinyal utama baginya untuk memahami gambar. Penggunaan atribut ALT yang wajar dapat memberikan berbagai manfaat SEO:
Meningkatkan peringkat pencarian gambar adalah keuntungan yang paling langsung. Ketika pengguna mencari "desain ruang tamu minimalis modern" di Google Images, jika deskripsi ALT gambar Anda secara akurat mendeskripsikan "ruang tamu bergaya minimalis modern, sofa kain abu-abu dengan meja kopi marmer", itu akan memiliki peluang lebih besar untuk muncul di hasil pencarian dibandingkan dengan pesaing yang hanya menulis "gambar ruang tamu".
Meningkatkan relevansi tema halaman juga krusial. Asumsikan Anda menulis artikel tentang "Analisis Bahan Perawatan Kulit Organik", dengan gambar berbagai ekstrak tumbuhan, jika deskripsi ALT adalah "Aloevera, chamomile, minyak pohon teh dan bahan perawatan kulit alami lainnya", mesin pencari akan lebih yakin bahwa konten ini sangat relevan dengan tema perawatan kulit organik, sehingga meningkatkan bobot halaman secara keseluruhan.
Di tingkat SEO teknis, atribut ALT juga dapat mengurangi rasio pentalan yang disebabkan oleh masalah pemuatan gambar. Ketika pengguna mengunjungi halaman tetapi melihat area kosong besar atau ikon rusak, mereka cenderung segera pergi; sementara teks ALT yang bermakna setidaknya dapat menyampaikan informasi yang seharusnya diungkapkan oleh gambar, mengurangi kehilangan pengguna.
Prinsip inti penulisan atribut ALT adalah akurasi, keringkasan, dan kealamian, yang harus membantu mesin memahami gambar tanpa indikasi optimasi berlebihan.
Deskripsikan konten gambar yang sebenarnya, bukan pesan pemasaran yang ingin Anda sampaikan. Misalnya, untuk gambar produk, penulisan yang benar adalah "Tas kerja kulit hitam, dengan kunci logam dan tali bahu yang dapat disesuaikan", bukan "Tas kerja pria mewah wajib dimiliki diskon terbatas". Yang terakhir menjejalkan kata-kata pemasaran, yang tidak sesuai dengan makna asli ALT, dan mudah dianggap sebagai manipulasi oleh mesin pencari.
Menjaga panjang di bawah 125 karakter adalah aturan praktis. Pembaca layar biasanya memotong teks pada panjang ini, dan deskripsi yang terlalu panjang dapat memengaruhi pengalaman pendengaran. Jika informasi gambar kompleks, Anda dapat meringkas konten inti dalam ALT, dan menambahkan detail dalam teks utama atau keterangan gambar (caption).
Masukkan kata kunci secara alami daripada memaksakannya. Jika tema artikel adalah "Perawatan Tanaman Dalam Ruangan", dan gambar menampilkan pot sirih gading, Anda dapat menulis "Pot sirih gading hidroponik, ditempatkan di ambang jendela ruang tamu untuk menerima cahaya tersebar", yang secara alami menyertakan kata-kata terkait seperti "sirih gading", "hidroponik", "ruang tamu", tetapi terbaca seperti kalimat deskriptif normal.
Gambar dekoratif dapat dibiarkan kosong atau dihilangkan. Elemen-elemen pada halaman seperti garis pemisah, tekstur latar belakang, ikon dekoratif murni yang tidak menyampaikan informasi substansial, dapat menggunakan atribut kosong alt="" untuk menghindari pembaca layar membuang waktu untuk membacakan konten yang tidak berarti.
Hindari kata-kata berlebihan seperti "gambar" atau "foto". ALT sendiri menunjukkan bahwa ini adalah teks pengganti gambar, jadi menulis "Ini adalah gambar dari..." tidak ada gunanya, cukup deskripsikan kontennya secara langsung.
Banyak situs web jatuh ke dalam beberapa kesalahan khas dalam praktik aktual:
Melewatkan atribut ALT sepenuhnya adalah masalah yang paling serius. Periksa kode sumber situs web Anda, jika Anda melihat tag seperti <img src="banner.jpg"> tanpa alt, Anda perlu segera menambahkannya. Bahkan jika Anda tidak dapat memikirkan deskripsi yang sempurna untuk saat ini, menulis konten dasar lebih baik daripada kosong.
Menggunakan nama file secara langsung sama buruknya. alt="DSC_0234.jpg" atau alt="product-image-final-v3" tidak bernilai bagi pengguna maupun mesin pencari, yang mencerminkan kemalasan manajemen konten. Seharusnya diubah menjadi teks deskriptif, seperti "Syal wol rajutan tangan, pola berlian biru tua".
Penumpukan kata kunci adalah tanda optimasi berlebihan. Penulisan seperti alt="Perusahaan optimasi SEO Beijing optimasi situs web Beijing layanan optimasi peringkat kata kunci Beijing" melanggar prinsip pengalaman pengguna dan akan dihukum oleh algoritma mesin pencari. Versi yang masuk akal seharusnya "Tim SEO di kantor Beijing sedang mendiskusikan rencana optimasi situs web".
Menggunakan ALT yang sama untuk semua gambar menunjukkan kurangnya perhatian. Jika beberapa gambar di halaman produk semuanya bertuliskan "Tampilan produk", itu tidak dapat membantu pengguna membedakan antara foto depan, foto samping, dan bidikan detail, dan juga membuat mesin pencari berpikir bahwa kontennya tipis dan berulang.
Situs web e-commerce adalah penerima manfaat utama. Gambar produk adalah faktor kunci untuk konversi, deskripsi ALT yang akurat tidak hanya dapat mendatangkan lalu lintas pencarian gambar, tetapi juga mempertahankan informasi produk saat gambar gagal dimuat, mengurangi kerugian penjualan potensial. Toko yang menjual perhiasan buatan tangan, jika deskripsi ALT adalah "Kalung liontin batu bulan perak 925, potongan tetesan air, rantai ular 16 inci", jauh lebih mungkin menarik pengguna yang tepat daripada "gambar kalung".
Media konten dan blog juga bergantung pada optimasi ALT. Gambar berita, tangkapan layar langkah tutorial, grafik perbandingan dalam artikel ulasan, semuanya memerlukan deskripsi ALT yang jelas untuk meningkatkan kelengkapan konten. Jika gambar langkah-langkah dalam tutorial fotografi hanya tertulis "Langkah 1" atau "Langkah 2", pengguna tidak akan dapat memahami alur operasi sama sekali jika gambar tidak dapat dimuat.
Situs web perusahaan dan situs merek perlu memperhatikan detail. Foto tim perusahaan, gambar lingkungan kantor, tampilan lini produk, dll., melalui deskripsi ALT yang tepat dapat meningkatkan citra profesional dan juga mendukung peringkat pencarian untuk kata kunci merek dan kata kunci bisnis.
Organisasi apa pun yang peduli dengan aksesibilitas harus memasukkan atribut ALT ke dalam standar konten mereka. Situs web pemerintah, lembaga pendidikan, platform kesehatan medis, dan situs layanan publik lainnya memiliki kewajiban hukum dan moral untuk memastikan bahwa semua orang dapat mengakses informasi secara setara, dan atribut ALT adalah infrastruktur dasar untuk mencapai tujuan ini.
Atribut ALT tampaknya merupakan detail teknis, tetapi sebenarnya mencerminkan rasa hormat kepada pengguna dan kedalaman pemahaman SEO. Saat gambar menjadi komponen inti dari konten web, mengabaikan optimasi ALT sama dengan secara aktif melepaskan peluang lalu lintas dan kelompok pengguna. Mulai sekarang, periksa gambar situs web Anda, dan tambahkan deskripsi tekstual yang akurat untuk setiap gambar yang bermakna. Perubahan kecil ini akan memberikan hasil yang signifikan dalam jangka panjang.