Aksesibilitas: Pola Teks Alt untuk Gambar Produk

Apa itu Teks Alt dan Mengapa Penting?

Teks alternatif (atau “teks alt”) adalah deskripsi tertulis dari sebuah gambar yang disematkan dalam kode HTML. Ini melayani tiga tujuan penting:

Aksesibilitas: Pembaca layar mengumumkan teks alt kepada pengguna dengan gangguan penglihatan, memungkinkan mereka untuk memahami konten gambar.
SEO: Mesin pencari seperti Google menggunakan teks alt untuk memahami tentang apa sebuah gambar, yang membantu gambar produk Anda mendapat peringkat di Google Images.
Gambar Rusak: Jika gambar gagal dimuat, browser akan menampilkan teks alt sebagai gantinya, memberikan konteks kepada pengguna.

Untuk situs e-commerce, teks alt yang ditulis dengan baik bukan hanya persyaratan teknis; ini adalah alat untuk pengalaman pelanggan yang lebih baik dan visibilitas pencarian yang lebih tinggi.

Anatomi Teks Alt yang Baik untuk Produk

Teks alt yang baik ringkas namun deskriptif. Ini harus menyampaikan informasi yang sama yang akan didapat oleh orang yang dapat melihat dari gambar.

Pola sederhana yang harus diikuti adalah: [Nama Produk] - [Jenis Bidikan] - [Detail Utama]

Elemen Kunci yang Perlu Disertakan:

Identitas Produk: Sebutkan dengan jelas apa produk itu. Gunakan nama produk resmi.
Jenis Bidikan: Apakah di latar belakang putih? Bidikan gaya hidup? Close-up dari sebuah fitur?
Detail Penting: Sebutkan informasi visual utama seperti warna, bahan, tekstur, atau fitur spesifik yang disorot.
Konteks: Jika produk sedang digunakan, jelaskan tindakannya (misalnya, “Seseorang mengenakan sepatu bot hiking suede di jalur berbatu”).

Apa yang Harus Dihindari:

Memulai dengan “Gambar dari…” atau “Foto dari…”: Pembaca layar sudah mengumumkan bahwa itu adalah gambar.
Pengisian Kata Kunci: Jangan hanya mencantumkan kata kunci (misalnya, alt="sepatu bot hiking murah beli sekarang"). Ini merusak aksesibilitas dan SEO.
Membiarkannya Kosong: Atribut alt="" yang kosong memberitahu pembaca layar untuk mengabaikan gambar. Lakukan ini hanya untuk gambar yang murni dekoratif, yang bukan merupakan foto produk.

Pola & Contoh Teks Alt Praktis

Berikut adalah beberapa pola siap pakai untuk berbagai jenis foto produk.

1. Bidikan Studio Standar (Latar Belakang Putih)

Ini adalah gambar produk yang paling umum. Tujuannya adalah untuk mendeskripsikan produk dengan jelas.

Pola: [Nama Produk] ditampilkan dari [Sudut].
Contoh: alt="Mug Kopi Berinsulasi NeatForge ditampilkan dari depan."
Baik: alt="Mug perjalanan stainless steel 12oz dengan tutup flip-top hitam."
Buruk: alt="mug"

Jika produk Anda memiliki beberapa varian warna, sebutkan secara spesifik.

Contoh: alt="Ransel 'Explorer' berwarna hijau hutan."

2. Bidikan Gaya Hidup atau Dalam Konteks

Gambar ini menunjukkan produk yang sedang digunakan. Konteksnya sama pentingnya dengan produk itu sendiri.

Pola: [Orang/Pengaturan] [Tindakan] dengan [Nama Produk].
Contoh: alt="Seorang pendaki beristirahat di atas batang kayu, minum dari Mug Kopi Berinsulasi NeatForge."
Baik: alt="Close-up tangan seseorang yang sedang mengetik di keyboard mekanis 'Pro-Type', dengan lampu latar RGB terlihat."
Buruk: alt="orang dengan keyboard"

3. Bidikan Close-Up / Detail

Gambar ini menyoroti fitur, bahan, atau tekstur tertentu.

Pola: Close-up dari [Fitur] pada [Nama Produk], menunjukkan [Detail].
Contoh: alt="Close-up kabel USB-C beranyam keyboard 'Pro-Type', menunjukkan konektor yang diperkuat."
Baik: alt="Tembakan detail logo kulit yang dijahit di Ransel 'Explorer'."
Buruk: alt="logo"

4. Bidikan Skala atau Perbandingan

Gambar ini menunjukkan produk di samping objek lain untuk memberikan gambaran ukurannya.

Pola: [Nama Produk] ditampilkan di samping [Benda Umum] untuk mengilustrasikan ukurannya.
Contoh: alt="Drone mini 'Pocket Drone' ditampilkan di samping smartphone untuk mengilustrasikan ukurannya yang ringkas."

Daftar Periksa Akhir

Sebelum Anda menyimpan daftar produk Anda, jalankan daftar periksa cepat ini untuk setiap gambar:

Apakah teks alt secara akurat mendeskripsikan gambar?
Apakah itu menyebutkan nama produk?
Apakah ringkas (idealnya di bawah 125 karakter)?
Apakah bebas dari jargon dan pengisian kata kunci?
Jika Anda tidak bisa melihat gambar, apakah teks alt akan memberi Anda gambaran yang jelas tentang apa itu?

Menulis teks alt yang baik adalah usaha kecil yang memberikan hasil besar dalam aksesibilitas dan SEO. Dengan menjadikannya sebagai bagian standar dari proses pencantuman produk Anda, Anda menciptakan pengalaman yang lebih baik untuk semua pengguna.