Alt Attribute for Images Is Missing: Penjelasan Lengkap dan Cara Memperbaiki Sesuai Rekomendasi Bing
Alt Attribute for Images Is Missing: Penjelasan Lengkap dan Cara Memperbaiki Sesuai Rekomendasi Bing
Ketika Anda menggunakan Bing Webmaster Tools untuk menganalisis halaman blog, salah satu notice yang paling sering muncul adalah “Alt attribute for images is missing.” Peringatan ini menandakan bahwa terdapat gambar pada halaman Anda yang tidak memiliki teks alternatif (alt text). Walaupun masuk kategori Notice dan bukan Error, perbaikan ini sangat penting untuk SEO, aksesibilitas, dan indexing.
Artikel ini menyajikan penjelasan resmi dari Bing, kemudian dilanjutkan dengan pembahasan mendalam agar Anda memahami cara memperbaikinya secara benar dan komprehensif.
Penjelasan Resmi dari Bing
What is the issue about?
“As a general rule, search engines do not interpret the content of image files. The text provided in the <img alt> attribute enables the site owner to provide relevant information to the search engine and to the end user. Alt text is helpful to end users if they have images disabled or if the image does not properly load. In addition, the Alt text is utilized by screen readers. Make sure that your Alt text is descriptive and accurately reflects what the image represents and supports the content on the page.”
How to fix?
“Use the <img alt> attribute to write descriptive content for the image: <img source='pic.gif' alt='Accurate and descriptive keyword text that represents the image.' />.”
Arti dan Penjelasan dari Teks Resmi Bing
Bagian “What is the issue about?” menjelaskan bahwa:
-
Search engine tidak bisa membaca gambar secara visual.Mereka hanya memahami teks. Karena itu, alt text digunakan untuk menjelaskan gambar.
-
Alt text membantu mesin pencari dan pengguna.Bila gambar gagal dimuat, alt text menggantikannya.Bila pengguna memakai screen reader, alt text menjadi deskripsi yang dibacakan.
-
Alt harus akurat dan deskriptif.Alt text yang salah atau kosong akan membuat mesin pencari salah memahami isi halaman.
Cara Menggunakan Alt Attribute dengan Benar (Praktik Modern HTML)
Walaupun contoh Bing memakai source='pic.gif', penulisan HTML modern memakai atribut src.
Berikut contoh penulisan alt yang benar:
<img src="bing-dashboard.jpg" alt="Tampilan laporan Bing Webmaster Tools yang menampilkan notice alt attribute missing">
Prinsip penulisan alt text yang baik:
Mengapa Bing Menandai Alt Attribute Anda Hilang?
Beberapa penyebab umum:
-
Gambar di artikel tidak memiliki alt
-
Gambar di widget layout seperti header, banner, dan sidebar tidak memiliki alt
-
Gambar bawaan template (ikon, thumbnail, dekorasi) tidak memiliki alt
-
Alt sengaja dikosongkan tanpa alasan yang benar
-
Platform atau template otomatis menghapus alt
Bing menganggap ini sebagai langkah perbaikan kualitas agar mesin pencari dapat memahami lebih banyak konteks di halaman Anda.
Cara Memperbaiki Alt Attribute di Blog
1. Melalui Editor HTML Artikel
Masuk ke mode HTML dan cari tag <img>, misalnya:
<img src="gambar.jpg">
2. Melalui Tata Letak (Layout) – Widget Gambar
Ikuti langkah berikut:
<img>3. Melalui Tema → Edit HTML
Gunakan pencarian CTRL + F untuk mencari <img.
Jika muncul:
Contoh Alt Yang Benar dan Salah
Alt yang Salah :
Alt yang Benar :
Peran Alt Attribute dalam SEO
Menggunakan alt text dengan benar memberikan manfaat:
Alt text adalah elemen kecil namun memiliki dampak SEO yang besar.
Kesimpulan
Bing memberikan dua poin utama:
-
Mesin pencari tidak bisa membaca gambar, sehingga alt attribute sangat penting untuk memberikan konteks.
-
Solusi perbaikannya sangat sederhana, yaitu menambahkan alt yang deskriptif pada setiap elemen
<img>
Komentar
Posting Komentar
Silakan tinggalkan komentar Anda di blog ini. Namun, komentar yang bersifat spam tidak akan ditampilkan.
Feel free to leave your comments on this blog. However, any spam-related comments will not be displayed.