Cara Menulis Alt Text Deskriptif & Manfaatnya untuk SEO Website

Memahami Alt Text Deskriptif dan Pentingnya untuk SEO

Alt text (teks alternatif) adalah deskripsi singkat yang menjelaskan isi gambar. Versi deskriptif berarti kamu menuliskan keterangan yang benar-benar menggambarkan visualnya—bukan sekadar “gambar1” atau “foto produk”. Ini krusial untuk aksesibilitas dan SEO.

Ilustrasi layar editor dengan kolom alt text yang diisi deskripsi gambar secara jelas — Ilustrasi: kolom alt text yang terisi rapi membantu mesin pencari dan pembaca layar.

Apa Itu Alt Text Deskriptif?

Tujuan alt text: (1) membantu pembaca layar memahami gambar, (2) memberi konteks visual ke mesin pencari, (3) ditampilkan saat gambar gagal dimuat.

Perbandingan alt text yang buruk dan alt text yang deskriptif pada gambar wisata rafting — Contoh ❌ salah vs ✅ benar.

❌ Salah: “gambar produk”

✅ Benar: “Wisatawan bermain rafting di Sungai Ayung Bali mengenakan helm dan pelampung oranye didampingi pemandu.”

Cara Menulis Alt Text di Website Custom

Tulis langsung pada tag <img>:

<img src="rafting-bali.webp" 
     alt="Wisatawan bermain rafting di Sungai Ayung Bali dengan pemandu profesional">

Panduan ringkas: singkat (≤ ~125 karakter), faktual, relevan dengan konteks paragraf, hindari keyword stuffing.

Cuplikan kode HTML tag img dengan atribut alt yang deskriptif — Contoh implementasi alt text pada HTML.

Cara Menulis Alt Text di WordPress

Media → Library → klik gambar → isi kolom Alternative Text.
Saat menyisipkan gambar di editor, klik gambar → isi Teks Alt di panel kanan.

Kalau pakai tema/plugin kustom, field alt bisa disediakan di metabox agar lebih cepat.

Tampilan WordPress Media Library dengan kolom Alternative Text untuk mengisi deskripsi gambar — WordPress Media Library: lokasi kolom Alternative Text.

Manfaat Alt Text Deskriptif untuk SEO

Meningkatkan peluang tampil di Google Images karena konteks visual terbaca jelas.
Menambah relevansi halaman (membantu mesin pencari pahami hubungan teks–gambar).
Memperkuat SEO On-Page secara alami tanpa stuffing.
Aksesibilitas lebih baik → pengalaman pengguna meningkat.

Diagram sederhana yang menunjukkan kontribusi alt text pada visibilitas Google Images dan relevansi halaman — Alt text adalah sinyal semantik yang ringan namun konsisten efeknya.

Butuh implementasi teknis yang rapi? Tim kami siap bantu dari struktur HTML, kompresi WebP, sampai automasi alt text lewat workflow editorial. Lihat jasa pembuatan website kami atau optimasi jasa SEO Malang.

Kapan Alt Text Diperlukan?

Semua gambar informatif: produk, lokasi, layanan, infografik, testimonial.
Logo di header/footer.
Banner promosi/CTA yang memuat pesan penting.
Gambar dekoratif → pakai alt="" supaya di-skip pembaca layar.

Dampak Jika Alt Text Diabaikan

Gambar kurang terbaca mesin pencari → potensi trafik gambar hilang.
Aksesibilitas turun → UX memburuk bagi pengguna pembaca layar.
Skor audit on-page sering merah (RankMath/Yoast menandai “no alt”).

Ingin Alt Text & On-Page SEO Kamu Rapi dan Otomatis?

Bangun pondasi SEO yang kuat bersama Hexa Teknologi Kreasindo — dari struktur HTML, skema, hingga internal linking.

Konsultasi Gratis via WhatsApp