Teks Alt Gambar Produk: 6 Pola yang Terbaca Kosong

Teks alt gambar produk adalah titik di mana diagram spesifikasi Anda diam-diam berhenti eksis. Fotonya termuat, ukurannya terpampang di sana dengan huruf 48 poin, dan setiap pembaca yang bukan sepasang mata manusia — screen reader, crawler mesin pencari, mesin jawaban AI — hanya mendapat kekosongan.

Benchmark aksesibilitas e-commerce dari Baymard Institute memberi angka untuk seberapa umum hal ini: 55% situs e-commerce tidak memakai teks alt untuk menyampaikan isi inti gambar informasional, 64% menanamkan teks langsung di dalam gambar, dan 9% menyajikan informasi kompleks hanya sebagai gambar. Kalau Anda menjual furnitur, hardware, atau material bangunan, 9% terakhir itu hampir pasti Anda, karena tabel ukurannya berupa JPEG.

Di bawah ini enam pola teks alt yang diambil dari galeri listing nyata, kenapa masing-masing gagal, dan apa yang seharusnya ditulis.

Apa yang sebenarnya harus dilakukan teks alt gambar produk

Teks alt gambar produk adalah alternatif teks yang tersimpan di atribut alt sebuah gambar — kata-kata yang dibacakan screen reader menggantikan gambar, dan satu-satunya deskripsi gambar itu yang tersedia bagi sistem apa pun yang tidak bisa melihat.

Ada dua jenis pembaca, dan kebanyakan penjual hanya memikirkan yang pertama:

Web Accessibility Initiative dari W3C tegas soal akar masalahnya: kalau teks dipanggang ke dalam gambar, "praktik desain yang baik adalah memakai teks sungguhan yang ditata dengan CSS, bukan penyajian teks berbasis gambar," dan kalau gambar berisi teks memang tak terhindarkan, alternatif teksnya harus memuat teks yang persis sama dengan yang tampil di gambar. Ukuran yang tercetak di dalam JPEG bukan data produk. Itu foto dari data produk, dan tidak ada yang bisa membacanya selain mata manusia.

Sekarang ada sisi hukumnya juga di Eropa. European Accessibility Act — Directive (EU) 2019/882 — mencantumkan layanan e-commerce di Pasal 2(2)(f) sebagai layanan yang tercakup, dan negara-negara anggota memberlakukannya sejak 28 Juni 2025. Perusahaan mikro penyedia jasa dikecualikan lewat Pasal 4(5), dengan definisi perusahaan mikro di Pasal 3(23): kurang dari 10 orang dan omzet tahunan atau total neraca tidak lebih dari EUR 2 juta. Kalau usaha Anda lebih besar dari itu dan Anda menjual ke konsumen Uni Eropa, JPEG tabel ukuran bukan lagi sekadar masalah konversi.

Anti-pola 1: nama file

alt="IMG_4821.jpg". alt="sofa-3-final-v2-USE-THIS". alt="chair_dim_01".

Ini yang terjadi kalau gambar diekspor dari sebuah folder dan diunggah massal tanpa ada yang menulis caption. Pada halaman dengan atribut alt yang hilang, kebanyakan screen reader kembali ke pembacaan nama file — jadi pelanggan mendengar "I M G garis bawah empat delapan dua satu titik j p g" lalu pergi.

Perbaikannya tidak rumit. Cukup satu kalimat yang mendeskripsikan produk spesifik di foto spesifik itu.

Anti-pola 2: timbunan kata kunci

alt="sofa couch settee 3 seater sofa cheap sofa modern sofa living room sofa buy sofa online".

Panduan gambar dari Google menyebut ini secara langsung: teks alt adalah "atribut terpenting untuk menyediakan metadata tambahan bagi sebuah gambar," dan menjejalinya "menghasilkan pengalaman pengguna yang buruk dan bisa membuat situs Anda dianggap spam." Contoh yang Google terbitkan sebagai bagus panjangnya empat kata: alt="Dalmatian puppy playing fetch".

Ada biaya kedua yang jarang disebut. Screen reader membaca seluruh string itu, pada kecepatan baca penggunanya, tanpa cara untuk melompati. Sembilan kata kunci berulang berarti sembilan detik kebisingan sebelum mereka tahu apa pun soal produk Anda.

Tulis satu deskripsi yang benar. Kata kunci yang benar-benar ingin Anda menangkan sudah ada di dalamnya secara alami, satu kali.

Anti-pola 3: tabel ukuran yang hanya ada sebagai gambar

Ini yang paling mahal, dan ini standar di furnitur, pakaian, dan material bangunan: satu tabel ukuran lengkap diekspor jadi PNG 1200 px lalu dilempar ke galeri.

W3C memperlakukan ini sebagai gambar kompleks, dan menyatakan dibutuhkan alternatif teks dua bagian — deskripsi pendek untuk mengidentifikasi gambar sekaligus menunjuk ke deskripsi panjangnya, dan deskripsi panjang yang merupakan "representasi tekstual dari informasi esensial yang dibawa gambar itu," tersedia untuk semua orang, bukan disembunyikan.

Dalam praktiknya, "tersedia untuk semua orang" adalah seluruh jawabannya. Jangan coba menjejalkan dua belas ukuran ke dalam atribut alt. Terbitkan tabelnya sebagai tabel HTML sungguhan di halaman itu dan biarkan atribut alt menunjuk ke sana:

alt="Tabel ukuran untuk seri sofa Larsen; ukuran yang sama tercantum di tabel di bawah"

Lalu taruh tabelnya di bawah. Ini tidak memakan biaya apa pun — tabel yang di-markup bisa diindeks, bisa dikutip mesin jawaban AI, bisa diterjemahkan, dan tampil rapi di ponsel, yang tidak bisa dilakukan PNG 1200 px berhuruf 9 poin. Halaman referensi seperti dimensi sofa standar ada dalam bentuk teks persis karena alasan ini. Kalau Anda tetap ingin ukurannya muncul di gambar untuk pembeli yang tidak pernah scroll, pertahankan keduanya. Gambar dan tabel tidak saling bersaing; gambar tanpa tabel itulah masalahnya.

Anti-pola 4: mendeskripsikan fotonya, bukan angkanya

alt="sofa kain abu-abu di ruang tamu yang terang" — pada sebuah diagram dimensi.

Ini kegagalan paling halus, karena kalimatnya secara teknis akurat. Kalimat itu mendeskripsikan sebuah foto. Hanya saja tidak mendeskripsikan foto ini, yang seluruh alasan keberadaannya adalah membawa lima ukuran yang tidak ada di deskripsi produk.

Dua aturan yang mencakup hampir semua kasus:

• Kalau tugas gambar itu terlihat bagus, deskripsikan tampilannya.
• Kalau tugas gambar itu membawa informasi, teks altnya yang membawa informasi itu — angkanya, satuannya, dan apa yang diukur tiap angka.

Titik di mana orang salah adalah saat produk yang sama punya keduanya. Foto hero dan diagram dimensi dari sofa yang sama butuh teks alt yang sama sekali berbeda, dan menempelkan alt milik hero ke diagram berarti membuang satu-satunya gambar di halaman itu yang menjawab "muat tidak ya."

Anti-pola 5: satu paragraf teks alt pada gambar dekoratif

Tekstur latar, grafis pemisah, ornamen brand di puncak modul A+. Ada yang menulis alt="tekstur latar serat kayu ek alami yang indah" untuk semuanya, dan sekarang pengguna screen reader mendengar tiga kalimat pemandangan di antara setiap gambar produk yang sungguhan.

Gambar dekoratif memakai atribut alt kosong — alt="" — yang memberi tahu teknologi bantu untuk melewati gambar itu sepenuhnya. Ini berbeda dari menghilangkan atributnya, yang membuat gambar jadi objek tanpa label yang tetap saja diumumkan. Kosong dan hilang terlihat identik di CMS Anda tapi berperilaku sebaliknya.

Satu pertimbangan yang layak dinyatakan terang-terangan: foto acuan skala bukan dekoratif. Foto produk Anda di samping selembar kertas A4 standar sedang melakukan kerja informasional, dan teks altnya harus mengatakan itu.

Anti-pola 6: satu teks alt untuk dua belas gambar galeri

Alat bulk-edit membuat ini terlalu gampang. Setiap gambar di listing dapat alt="Sofa Larsen 3 dudukan", jadi pengguna screen reader mendengar lima kata yang sama dua belas kali dan tidak pernah tahu bahwa gambar 4 adalah diagram dimensi, gambar 7 adalah close-up kain, dan gambar 9 adalah karton kemasan.

Beri nomor berdasarkan fungsi, bukan posisi. Ini template yang kami berikan ke orang-orang yang melisting produk berdimensi:

Audit 60 detik

Jalankan ini pada lima listing terlaris Anda sebelum menjalankannya di tempat lain.

• Tidak ada atribut alt yang memuat ekstensi file (.jpg, .png, .webp)
• Tidak ada dua gambar di listing yang sama memakai teks alt identik
• Teks alt setiap diagram dimensi memuat minimal satu angka dan satu satuan
• Setiap gambar tabel ukuran didampingi data yang sama dalam bentuk tabel HTML
• Gambar dekoratif memakai alt="", bukan atribut yang hilang dan bukan deskripsi
• Tidak ada atribut alt yang mengulang satu kata kunci lebih dari sekali
• Teks alt ditulis dalam bahasa storefront-nya, bukan hanya bahasa Inggris
• Ukuran di teks alt cocok dengan ukuran di tabel spesifikasi — periksa, seringkali tidak cocok

Poin terakhir itu menangkap lebih banyak kesalahan daripada semua poin lain digabung. Begitu sebuah angka digambar ke atas sebuah gambar, angka itu terputus dari catatan asalnya, dan tetap salah melewati setiap revisi spesifikasi. Kegagalan yang sama muncul di feed: lihat structured data dimensi produk untuk kolom-kolom yang dibiarkan kosong karena alasan yang identik.

Hubungannya dengan dikutip mesin AI

Mesin pencari sudah mengindeks atribut alt selama dua dekade. Yang berubah adalah siapa lagi yang membacanya. Mesin jawaban AI yang menyusun jawaban tentang "kedalaman sofa untuk apartemen kecil" tidak bisa membuka JPEG Anda. Ia hanya bisa bekerja dari teks di HTML Anda — deskripsi produk, tabel spesifikasi, dan atribut alt. Semua yang Anda gambar ke atas gambar dan tidak di tempat lain, tak terlihat baginya.

Itu argumen praktis untuk disiplin di atas, terlepas dari hukum aksesibilitas dan terlepas dari screen reader: ukuran yang Anda terbitkan sebagai teks adalah ukuran yang bisa dikutip atas nama Anda.

FAQ

Seberapa panjang teks alt gambar produk sebaiknya?

Cukup panjang untuk menyampaikan isi gambar, cukup pendek untuk didengar dalam satu tarikan napas. Untuk foto hero biasanya 5 sampai 12 kata. Untuk diagram dimensi lebih panjang, karena angkanya memang isinya. Kalau Anda merasa sudah melewati kira-kira dua baris, gambar itu adalah gambar kompleks dan butuh penanganan dua bagian — alt pendek plus data lengkap yang diterbitkan sebagai teks halaman.

Apakah teks alt membantu SEO?

Ya, tapi sebagai konteks, bukan sebagai tuas peringkat yang bisa Anda tarik. Google menyebut teks alt sebagai sumber metadata terpenting tentang sebuah gambar, dan menjejalinya dengan kata kunci secara eksplisit tercantum sebagai perilaku spam. Tulis untuk orang yang tidak bisa melihat gambarnya; manfaat SEO adalah efek samping dari melakukan itu dengan baik.

Teks alt apa yang harus saya tulis untuk gambar tabel ukuran?

Satu kalimat identifikasi pendek yang menunjuk ke tabel sungguhan — misalnya, "Tabel ukuran untuk seri sofa Larsen; ukuran yang sama tercantum di tabel di bawah" — lalu benar-benar terbitkan tabelnya dalam HTML. Mencoba memuat seluruh kisi ukuran ke dalam atribut alt menghasilkan sesuatu yang tak bisa diikuti pengguna screen reader mana pun dan tak bisa diurai crawler mana pun menjadi baris.

Apakah gambar produk dekoratif butuh teks alt?

Butuh atribut alt kosong, alt="", yang tidak sama dengan menghilangkan atributnya. Kosong memberi tahu teknologi bantu untuk melewati gambar itu. Hilang membuatnya jadi objek tak dikenal yang tetap diumumkan, biasanya lewat nama file.

Apakah European Accessibility Act berlaku untuk toko online saya?

Kalau Anda menyediakan layanan e-commerce untuk konsumen Uni Eropa dan Anda bukan perusahaan mikro, ya — layanan e-commerce tercantum di Pasal 2(2)(f) Directive (EU) 2019/882, berlaku sejak 28 Juni 2025. Pengecualian perusahaan mikro di Pasal 4(5) mencakup penyedia jasa dengan kurang dari 10 orang dan omzet tahunan atau total neraca EUR 2 juta atau kurang. Periksa transposisi nasional di negara terkait untuk detailnya, karena penegakan dan sanksi ditetapkan di tingkat negara anggota.

Kenapa label dimensi saya terpotong sebelum sempat dibaca orang?

Itu masalah terpisah dengan akar yang sama — informasi yang hidup hanya dalam piksel. Galeri marketplace memotong gambar ke rasio mereka sendiri, dan label yang diparkir dekat tepi menghilang; rasio aspek gambar produk membahas aturan safe-area per channel.

Sumber dan Referensi

• Baymard Institute — Gunakan Teks "ALT" untuk Menyampaikan Isi Inti Gambar "Informasional" (55% Situs Tidak Melakukannya)
• W3C Web Accessibility Initiative — Tutorial Gambar: Gambar Berisi Teks
• W3C Web Accessibility Initiative — Tutorial Gambar: Gambar Kompleks
• W3C Web Accessibility Initiative — Tutorial Gambar: Gambar Dekoratif
• Google Search Central — Praktik terbaik Google Images, termasuk panduan teks alt
• EUR-Lex — Directive (EU) 2019/882 (European Accessibility Act): Pasal 2(2)(f), Pasal 3(23), Pasal 4(5), Pasal 31
• European Commission — European Accessibility Act: produk dan layanan yang tercakup

Membereskan ini sekali, bukan sekali per gambar

Setiap anti-pola di atas adalah kegagalan yang sama dengan topi berbeda: sebuah ukuran digambar ke dalam foto dan tidak pernah dicatat di tempat mana pun yang bisa dibaca mesin. Anda tidak bisa memperbaikinya hanya dengan kebiasaan menulis teks alt yang lebih baik, karena angka yang Anda deskripsikan itu diketik manual di atas foto dan sudah mulai melenceng dari spesifikasinya.

Versi yang bertahan adalah memperlakukan lapisan dimensi sebagai data, bukan sebagai karya seni. Ukur terhadap tepi produk yang sebenarnya supaya angkanya benar-benar hasil pengukuran, bukan kira-kira; jaga lapisan anotasi tetap hidup dan bisa diedit alih-alih dipipihkan jadi JPEG; lalu ekspor dua hal dari sumber yang sama — gambar berlabel pada ukuran spesifikasi tiap channel, dan daftar ukuran sebagai teks yang Anda tempel ke tabel spesifikasi dan ke atribut alt. Itulah beda antara software anotasi terukur dan generator gambar AI yang memproduksi angka terlihat masuk akal di samping produk Anda: yang satu bisa memberi tahu apa yang diukurnya, yang lain mengarangnya. Kalau Anda memang sedang membangun ulang aset listing, lembar spesifikasi adalah tempat yang tepat untuk membuat angkanya hidup, karena dokumen itulah yang dibaca baik oleh pembeli maupun oleh katalog Anda sendiri.