Apakah Atribut ALT Penting untuk Gambar?

Apakah Atribut ALT Penting untuk Gambar?
David Kaufmann
Tutorial SEO
5 min read

Pernahkah Anda mendengar pepatah "satu gambar bernilai seribu kata"? Nah, itu benar, tetapi... apa yang terjadi jika Anda tidak dapat melihat gambarnya? Itulah tepatnya mengapa tag atau atribut ALT diciptakan, dan hari ini kami akan menjelaskan apa itu dan bagaimana memanfaatkannya secara maksimal untuk meningkatkan SEO Anda.

Bersiaplah, ayo mulai!

Apa itu atribut ALT?

Atribut ALT atau teks alternatif adalah deskripsi yang diberikan untuk sebuah gambar yang, jika gambar tersebut rusak atau tidak dapat dibaca (seperti untuk bot atau pengguna tunanetra), diberikan untuk mendukung konten kita.

Apa kegunaan atribut ALT pada gambar?

Tujuan utama dari atribut ALT adalah memfasilitasi aksesibilitas web bagi pengguna yang tidak dapat melihat gambar dengan baik. Contoh dari hal ini adalah pengguna yang mengandalkan pembaca layar, yang, sesuai namanya, adalah program perangkat lunak yang membaca konten layar dengan suara keras.

Ketika salah satu pembaca ini mencapai gambar, karena tidak dapat mendeskripsikan gambar itu sendiri, ia menggunakan teks alternatif untuk memberikan konteks kepada pengguna tentang apa yang dapat dilihat di foto tersebut. Dengan cara ini, pengguna dapat menavigasi website dengan benar tanpa harus "kehilangan" informasi dari gambar.

Mengapa tag ALT penting untuk SEO?

Peran kami sebagai konsultan SEO adalah memberikan Google sebanyak mungkin informasi sehingga Google dapat memahami konten kami dan, oleh karena itu, menampilkannya kepada pengguna yang tepat.

Meskipun benar bahwa Google telah sangat meningkatkan prosesor gambarnya dan, tanpa diragukan lagi, dapat memahami konten gambar secara umum, selalu merupakan ide yang baik agar gambar kita menyertakan atribut ALT. Dengan cara ini, kami memastikan bahwa Google memiliki semua informasi tentang foto dan dapat memahami maknanya dalam konten kami.

Seperti yang kami sebutkan, sebaiknya gunakan dengan benar dan jangan mencoba "menipu" Google dengan cara yang buruk. Dengan kata lain, tidak masuk akal untuk meletakkan foto mobil di konten Anda dan kemudian menulis "sepatu olahraga murah" sebagai teks alternatifnya. Mereka tidak terkait dan dapat menimbulkan tanda peringatan (terutama jika teks alternatif digunakan untuk keyword stuffing).

Gunakan foto dan teks alternatif yang terkait dengan konten Anda. Sebaiknya selalu mengikuti aturan ini dan menyertakan kata kunci utama Anda, kata kunci sekunder, beberapa istilah semantik, dll. dalam teks alternatif. Biasanya, Anda tidak akan mengalami kesulitan melakukan ini karena Anda dapat menyertakannya secara alami.

Cara menambahkan tag ALT ke gambar

Pada titik ini Anda mungkin bertanya: Bagaimana cara menambahkan teks alternatif ini ke website saya?

Jangan khawatir, karena kami di sini untuk membantu. Perhatikan saat kami membahas cara melakukannya pada dua CMS paling populer:

Cara menambahkan atribut ALT ke gambar di WordPress

Dalam kasus ini cukup sederhana. Yang perlu kita lakukan adalah pergi ke perpustakaan media kita, memilih foto, dan mengisi kolom yang disediakan untuk teks alternatif:

Cara menambahkan atribut ALT di Wordpress
Cara menambahkan atribut ALT di Wordpress

Untuk memberikan sedikit lebih banyak konteks, kita bahkan dapat mengisi caption dan deskripsi seperti yang ditunjukkan pada gambar. Selain itu, kita dapat melakukan ini langsung di editor artikel pada saat menambahkan gambar.

Cara menambahkan atribut ALT ke gambar di PrestaShop

Di PrestaShop kita tidak memiliki perpustakaan media atau kolom khusus untuk ini.

Jadi bagaimana cara kita menambahkannya?!

Jangan khawatir, kami akan menjelaskan triknya. Yang harus Anda lakukan adalah mengisi kolom caption di dalam gambar produk:

cara menambahkan atribut ALT di prestashop
cara menambahkan atribut ALT di prestashop

Di sebagian besar tema, apa pun yang Anda masukkan ke kolom Caption akan ditetapkan sebagai atribut ALT dari gambar yang Anda edit.

Masalahnya adalah pada CMS ini, menambahkan atribut ALT bisa sangat membosankan karena Anda harus melakukannya satu per satu. Untuk alasan ini, dalam panduan kami untuk SEO di PrestaShop kami menyebutkan modul yang memungkinkan Anda menambahkan ALT dengan cepat ke semua gambar.

Cara melihat atribut ALT dari gambar

Sekarang kami akan menjelaskan bagaimana Anda dapat memeriksa apakah sebuah website memiliki atribut ALT pada gambarnya atau tidak. Ada dua opsi:

Melalui inspector

Jika Anda menggunakan Chrome, dengan mengeklik kanan di dalam website mana pun, Anda dapat mengakses inspector. Setelah berada di sana, Anda hanya perlu memilih gambar dan melihat ALT-nya:

instruksi untuk melihat atribut ALT dengan inspector Chrome
instruksi untuk melihat atribut ALT dengan inspector Chrome

Sedikit membingungkan? Mungkin, tetapi jangan khawatir, kami telah membawa opsi lain yang lebih mudah:

Melalui ekstensi Chrome

Dalam kasus ini kami merekomendasikan untuk menginstal ekstensi SEO untuk Chrome bernama Web Developer. Setelah Anda memilikinya, Anda hanya perlu pergi ke ikon roda gigi dan memilih images > Display Alt Attributes:

Pengaturan untuk melihat atribut ALT di ekstensi Web Developer
Pengaturan untuk melihat atribut ALT di ekstensi Web Developer

Setelah Anda mengaktifkan opsi ini, Anda akan melihat bahwa di samping setiap gambar ada tooltip kecil dengan atribut ALT dari setiap gambar:

Tooltip dari ekstensi Web Developer yang menunjukkan atribut ALT
Tooltip dari ekstensi Web Developer yang menunjukkan atribut ALT

Kesimpulan

Seperti yang telah kita lihat, atribut ALT adalah faktor SEO yang sering diabaikan tetapi dapat memberi Anda dorongan ekstra dalam strategi SEO Anda.

Ingatlah untuk selalu memilih foto yang sesuai dengan teks sehingga pengguna tidak bingung saat melihatnya, dan tulis teks alternatif yang deskriptif dan relevan baik untuk pengguna maupun untuk teman baik kita Google.

Seperti biasa, kami akan menunggu di kolom komentar untuk pertanyaan apa pun yang mungkin Anda miliki :)

Penulis: David Kaufmann

David Kaufmann

Saya telah menghabiskan lebih dari 10 tahun terakhir benar-benar terobsesi dengan SEO โ€” dan jujur saja, saya tidak mau menukarnya dengan apa pun.

Karier saya mencapai level baru ketika saya bekerja sebagai senior SEO specialist untuk Chess.com โ€” salah satu dari 100 website paling banyak dikunjungi di seluruh internet. Bekerja di skala seperti itu, di jutaan halaman, puluhan bahasa, dan di salah satu SERPs paling kompetitif yang ada, mengajari saya hal-hal yang tidak akan pernah bisa diberikan oleh kursus atau sertifikasi mana pun. Pengalaman itu mengubah cara pandang saya tentang seperti apa SEO yang benar-benar hebat โ€” dan menjadi fondasi bagi semua yang saya bangun setelahnya.

Dari pengalaman itu, saya mendirikan SEO Alive โ€” sebuah agency untuk brand yang serius menggarap pertumbuhan organik. Kami tidak di sini untuk menjual dashboards dan laporan bulanan. Kami di sini untuk membangun strategi yang benar-benar menggerakkan hasil, menggabungkan yang terbaik dari SEO klasik dengan dunia baru yang menarik dari Generative Engine Optimization (GEO) โ€” memastikan brand Anda tidak hanya muncul di tautan biru Google, tetapi juga di dalam jawaban yang dihasilkan AI yang dikirimkan ChatGPT, Perplexity, dan Google AI Overviews kepada jutaan orang setiap harinya.

Dan karena saya tidak bisa menemukan tool yang menangani kedua dunia itu dengan benar, saya membangunnya sendiri โ€” SEOcrawl, sebuah platform enterprise SEO intelligence yang menyatukan rankings, audit teknis, pemantauan backlinks, kesehatan crawl, dan pelacakan visibilitas brand di AI dalam satu tempat. Inilah platform yang selalu saya harap pernah ada.

โ†’ Baca semua artikel oleh David
Artikel lainnya dari David Kaufmann

Temukan lebih banyak konten dari penulis ini