Alt Text Adalah: Fungsi, Contoh, dan Cara Menulisnya untuk SEO

Alt text adalah teks alternatif pada elemen gambar yang menjelaskan isi atau fungsi gambar ketika gambar tidak dapat dilihat. Deskripsi ini membantu pengguna pembaca layar, memberi konteks saat gambar gagal dimuat, dan membantu mesin pencari memahami hubungan gambar dengan isi halaman.

Alt text bukan tempat untuk menaruh semua keyword yang ingin ditargetkan. Tugas utamanya jauh lebih sederhana: jelaskan gambar sesuai konteksnya. Jika gambar menunjukkan hal yang penting dalam pembahasan, alt text perlu menyampaikan informasi tersebut secara ringkas dan natural.

Fungsi Alt Text pada Website

Gambar menyampaikan informasi dengan cepat, tetapi tidak semua orang dapat melihatnya dalam situasi yang sama. Ada pengguna yang memakai screen reader, koneksi yang gagal memuat gambar, atau perangkat yang tidak menampilkan visual dengan baik.

Alt text membantu di beberapa sisi:

Aksesibilitas. Screen reader dapat membacakan deskripsi agar pengguna tetap memahami informasi visual yang penting.
Konteks gambar. Mesin pencari membaca alt text bersama isi halaman, caption, dan elemen visual lain untuk memahami subjek gambar.
Pengalaman saat gambar gagal dimuat. Teks alternatif memberi petunjuk tentang gambar yang seharusnya tampil.
Gambar sebagai link. Jika gambar digunakan sebagai tautan, alt text juga dapat menjelaskan tujuan link tersebut.

Nilai alt text tidak berdiri sendiri. Foto produk yang baik tetap perlu ditempatkan dekat penjelasan produk yang relevan. Deskripsi gambar yang tepat tidak bisa memperbaiki halaman yang konteksnya kosong.

Cara Menulis Alt Text yang Baik

Sebelum menulis, lihat gambar dan paragraf di sekitarnya. Pertanyaan paling membantu adalah: informasi apa dari gambar ini yang perlu diketahui orang agar pembahasan tetap masuk akal?

Tentukan peran gambar. Apakah gambar menjelaskan proses, memperlihatkan produk, menjadi bukti, atau hanya dekorasi?
Sebutkan subjek utama. Gambarkan objek, aktivitas, atau informasi yang benar-benar terlihat dan relevan.
Tambahkan konteks bila perlu. Lokasi, warna, kondisi, atau fungsi dapat disebut jika membantu membedakan gambar tersebut.
Gunakan bahasa natural. Tulis seperti sedang menjelaskan gambar kepada orang yang tidak melihatnya.
Hindari pengulangan keyword. Kata kunci boleh muncul jika memang menggambarkan gambar, bukan karena ingin dimasukkan ke atribut alt.
Biarkan gambar dekoratif tetap dekoratif. Gambar yang tidak membawa informasi sebaiknya menggunakan alt kosong agar tidak menambah gangguan bagi pengguna pembaca layar.

Alt text biasanya tidak perlu diawali dengan “gambar dari” atau “foto tentang”. Pengguna sudah tahu elemen yang dibacakan adalah gambar. Langsung sampaikan informasinya.

Contoh Alt Text yang Tepat

Perbedaan antara deskripsi umum dan deskripsi yang berguna terletak pada konteks.

Kurang jelas: alt="website"

Lebih baik: alt="Tampilan halaman homepage website company profile untuk jasa konstruksi"

Contoh kedua menjelaskan apa yang terlihat dan kenapa gambar itu relevan dengan artikel tentang website company profile.

Kurang tepat: alt="jasa website Jogja murah SEO terbaik pembuatan web"

Lebih baik: alt="Tim sedang meninjau desain mobile website toko online pada laptop"

Contoh pertama adalah keyword stuffing. Ia tidak mendeskripsikan gambar dan terdengar seperti daftar target pencarian. Contoh kedua menyampaikan aktivitas yang benar-benar bisa dilihat.

Untuk infografik atau tangkapan layar, alt text dapat menjelaskan inti pesannya. Jika visual memuat data atau langkah yang kompleks, informasi lengkap sebaiknya tetap tersedia di teks halaman, bukan hanya ditaruh di gambar.

Bedanya Alt Text, Caption, dan Nama File

Ketiga elemen ini sering tercampur, padahal fungsinya berbeda.

Alt text menjelaskan gambar bagi pengguna yang tidak melihatnya dan memberi konteks alternatif pada elemen gambar.

Caption adalah teks yang tampil di bawah atau dekat gambar untuk semua pengunjung. Caption dapat menambah keterangan, sumber, atau interpretasi yang tidak perlu dibacakan sebagai pengganti gambar.

Nama file membantu pengelolaan aset dan dapat memberi petunjuk ringan tentang isi gambar. Nama seperti desain-website-hotel-jogja.webp lebih mudah dikelola daripada IMG_1039.webp, tetapi nama file bukan pengganti alt text.

Ketiganya sebaiknya saling mendukung, bukan menyalin kalimat yang sama persis.

Kesalahan Alt Text yang Sering Terjadi

Mengosongkan semua alt text. Ini membuat gambar penting kehilangan deskripsi bagi pengguna yang membutuhkannya.

Menulis keyword bertumpuk. Mengisi alt text dengan frasa pencarian berulang tidak memberi informasi yang berguna dan dapat terlihat sebagai spam.

Mendeskripsikan setiap detail kecil. Alt text tidak perlu menjadi inventaris visual. Pilih informasi yang berhubungan dengan tujuan gambar di halaman.

Menyalin caption tanpa melihat konteks. Caption bisa membahas sumber atau cerita di balik gambar, sedangkan alt text perlu menerangkan apa yang tampak.

Mengabaikan gambar tombol atau link. Jika gambar dapat diklik, alt text harus menggambarkan tindakan atau tujuan link, bukan hanya visualnya.

Cara Mengecek Alt Text di Website

Mulailah dari halaman yang paling banyak memakai gambar: halaman produk, portofolio, artikel panduan, dan landing page. Lihat apakah setiap gambar penting masih dapat dipahami ketika visualnya tidak tersedia.

Setelah itu, audit konsistensi. Alt text yang sama persis pada puluhan gambar berbeda biasanya menunjukkan proses unggah yang asal. Sebaliknya, jangan memaksa tiap gambar memiliki deskripsi panjang jika fungsinya hanya sebagai pemanis layout.

Pada CMS, field alt text sering muncul saat gambar diunggah. Isi field itu berdasarkan konteks halaman tujuan, bukan hanya berdasarkan nama aset saat pertama kali disimpan.

FAQ tentang Alt Text

Apakah semua gambar harus memiliki alt text?

Setiap elemen gambar perlu memiliki atribut alt, tetapi nilainya bergantung pada fungsinya. Gambar informatif membutuhkan deskripsi, sementara gambar dekoratif dapat memakai alt kosong.

Apakah alt text harus mengandung keyword?

Tidak harus. Masukkan keyword hanya bila memang menggambarkan gambar dan tetap terdengar natural dalam konteks halaman.

Berapa panjang alt text yang ideal?

Panjang alt text mengikuti informasi yang perlu disampaikan. Usahakan ringkas, tetapi jangan sampai detail penting dari gambar hilang hanya demi membuatnya sangat pendek.

Alt text yang baik tidak terasa seperti optimasi. Untuk melihat penerapannya pada berbagai visual, buka contoh alt text untuk gambar produk, artikel, dan website. Ia hanya memastikan informasi visual tetap dapat dipahami, baik oleh pengguna maupun oleh sistem yang membaca konteks halaman.