Alt Text Gambar – Teks untuk Optimasi Gambar
Dalam optimasi gambar untuk SEO, selain mengompres dan menggunakan format gambar WEBP, menuliskan alt text termasuk hal yang wajib dilakukan.
Apa itu alt text? Mengapa perlu dibuat? Bagaimana cara menulisnya?
Apa itu Alt Text?
Alt text atau dengan kata lain adalah alternative text adalah sebuah deskripsi untuk mengilustrasikan/menceritakan suatu gambar.
Teks ini akan muncul jika suatu gambar di situs mengalami kegagalan saat sedang loading.
Mengapa Alt Text Itu Penting?
a. Membantu User Difabel
Setiap orang itu berhak untuk menikmati konten, termasuk pengidap disabilitas/difabel.
Alt text dapat membantu orang-orang yang mengalami keterbatasan dalam penglihatan untuk membaca informasi tentang suatu gambar.
b. User Experience yang lebih Bagus
Kalau koneksi user atau situs kita sedang lemot, maka ada risiko gambar tidak muncul saat loading.
Peran alt text di sini adalah memberi tahu gambar yang gagal loading itu tentang apa. Yah, hal ini masih lebih bagus daripada melihat gambar kosong atau broken link.
c. Peluang Mendapatkan Traffic lewat Penelusuran Gambar
Penelusuran Google itu tidak hanya soal situs, tetapi juga gambar dan hal lainnya seperti buku dan lokasi.
Salah satu cara mendapatkan traffic dari penelusuran gambar adalah dengan menulis alt text dari gambar yang kita pakai di situs. Mengapa? Karena crawler dari Google memakai alt text untuk memahami konteks suatu gambar sebelum mengindeks dan ranking situs.
Bagaimana Cara Menulis Alt Text yang Bagus?
Dikutip dari laman resmi Google, menulis alt text yang bagus itu adalah menjelaskan/mendeskripsi gambar dengan informasi yang “kaya” dan tidak melakukan keyword stuffing di dalamnya.
a. Contoh Alt Text yang Buruk
Di bawah ini adalah contoh alt text yang buruk. Hal ini karena banyak penyematan kata yang berulang dan tidak jelas penggambaran dari teksnya.
<img src=”cat.jpg” alt=”cat dog baby dog pup pups puppies doggies catty litter cat dog retriever labrador wetter pointer blank puppy king jack russell terrier puppies dog food cheap dogfood puppy cat food“/>.
b. Contoh Alt Text yang Baik
Alt text yang baik mendeskripsikan gambar sejelas-jelasnya dan faktual. Contohnya:
<img src=”atlet.jpg” alt=”Atlet sedang mengangkat beban seberat 100 kg“/>
c. Membuat Alt Text untuk Berbagai Tujuan
Beberapa gambar dan tujuannya bisa jadi panduan untuk membuat alt text, contohnya:
1. Gambar Informatif seperti Infografis
Alt text berisi informasi esensial/gagasan pokok dari gambarnya.
2. Gambar Dekoratif
Alt text tidak perlu ditulis jika suatu gambar hanya bertujuan sebagai dekorasi saja.
3. Gambar Fungsional
Biasanya jenis gamabar ini berisi call to action untuk mengarahkan user ke funnel berikutnya. Contohnya adalah tombol.
Isi dari alt text-nya berisi apa tujuan dari tautan yang disematkan pada gambar daripada deskripsi gambarnya.
4. Gambar Teks
Kita bisa saja menemukan/membuat gambar berupa teks.
Jika kita ingin membuat gambar teks, pastikan alt text-nya sama dengan gambarnya (teksnya).
5. Gambar Kompleks
Gambar jenis ini contohnya adalah diagram dan grafik.
Alt text yang disarankan adalah interpretasi dan insight dari diagram/grafik tersebut.
6. Gambar dalam Bentuk Grup
Jika ada gambar yang dalam bentuk grup, contohnya adalah gabungan gambar buah apel, stroberi, dan semangka, maka alt text terbaiknya adalah representasi dari gambar tersebut.
Dari contoh yang diberikan di atas, alt text terbaiknya adalah buah yang bagus untuk pengidap GERD.
7. Gambar Peta
Jika suatu gambar peta punya banyak area yang dapat diklik, maka konteks secara keseluruhan dijadikan alt text.
Kalau bisa bahkan setiap area yang bisa diklik memiliki alt text yang menjelaskan tujuan/destinasi dari tautan.
Jadi, apakah Semua Gambar di Blog Kita harus Diberikan Alt Text?
Jawabannya adalah tidak karena gambar yang secara murni untuk dekorasi tidak memerlukan alt text. Sementara itu, gambar yang informatif, apalagi kompleks, dan butuh konteks, wajib memilikinya.
Bagaimana Cara Memasukkan Alt Text pada Gambar?
Pertama, upload dulu gambarnya ke situs kita.
Selesai di-upload akan ada kotak alt text yang bisa kita isi.
Setelah mengisi alt text, segera simpan progres dari gambarnya.
Proses di atas dilakukan di wordpress. Mudah bukan?
Yuk Bantu User Memahami Gambar Kita dengan Alt Text!
Alt text tidak hanya sekedar membantu pembaca kita yang mengalami keterbatasan dalam penglihatan dan meningkatkan traffic lewat penelusuran gambar, tetapi juga bisa meningkatkan user experience karena sekalipun gambarnya gagal muncul karena satu dan lain hal, ada teks deskripsi yang merupakan ilustrasi/storytelling dari gambar.
Sangat disayangkan kalau gambar kita tidak memiliki alt text, kecuali tujuan dari gambarnya hanya sekedar untuk dekorasi.
Mari optimasi gambar untuk SEO secara totalitas!
Sumber:
https://moz.com/learn/seo/alt-text
https://blog.hubspot.com/marketing/image-alt-text
https://www.w3.org/WAI/tutorials/images/
Author
