Dalam dunia optimasi On-Page SEO, gambar seringkali diperlakukan hanya sebagai pemanis visual untuk memecah kejenuhan teks panjang. Padahal, jutaan pengguna internet mencari informasi melalui Google Images setiap harinya. Tanpa penulisan teks alternatif (alt text) yang tepat dan kompresi file modern, aset visual Anda hanyalah sekadar file biner tanpa makna di mata mesin pencari.
Selain memperbesar peluang mendatangkan trafik organik dari pencarian gambar, alt text memiliki fungsi kemanusiaan yang sangat mulia: membantu pembaca tunanetra atau individu dengan keterbatasan penglihatan yang menggunakan alat pembaca layar (screen reader) untuk memahami isi gambar. Artikel ini mengupas tuntas teknik penulisan alt text, kompresi aset, serta format gambar modern WebP dan AVIF.
01 Pengertian Alt Text & Fungsi Utamanya
Alt Text (Alternative Text) adalah atribut teks yang disematkan di dalam tag HTML gambar (contoh: <img src="foto.jpg" alt="Deskripsi gambar...">) untuk mendeskripsikan isi dan fungsi visual tersebut.
Fungsi utama alt text terbagi menjadi dua aspek krusial:
- Aksesibilitas Web (Accessibility): Dibacakan oleh perangkat screen reader untuk membantu penyandang disabilitas netra memahami konteks visual artikel.
- SEO & Pemahaman Bot (Contextual Relevance): Membantu Googlebot memahami isi gambar karena robot mesin pencari tidak memiliki mata manusia untuk melihat foto secara langsung.
02 Mengapa Alt Text Krusial untuk Google Images
Google Images menyumbang porsi trafik pencarian yang sangat besar, terutama untuk industri kuliner, fashion, desain interior, e-commerce, dan portal tutorial visual.
Ketika Anda mengoptimalkan alt text dengan menyertakan kata kunci secara natural, Google mengindikasikan gambar Anda sebagai jawaban yang relevan saat pengguna mengetikkan kata kunci tersebut di tab penelusuran gambar. Selain itu, kecepatan muat halaman yang didukung kompresi gambar modern langsung mendongkrak skor metrik Largest Contentful Paint (LCP).
03 Standar Penulisan Deskripsi Gambar yang Benar
Kesalahan terbesar praktisi SEO pemula adalah melakukan keyword stuffing (penumpukan kata kunci secara paksa) pada alt text gambar. Alih-alih mendongkrak ranking, hal ini justru dinilai sebagai praktik spam oleh algoritma.
Aturan Emas Penulisan Alt Text:
- Deskripsikan Secara Spesifik: Tulis apa yang terlihat pada gambar secara objektif (contoh buruk:
alt="sepatu murah", contoh benar:alt="Sepatu lari pria merk lokal warna hitam sol putih untuk maraton"). - Sisipkan Kata Kunci Utama Secara Alami: Masukkan target keyword halaman jika relevan dengan visual foto tersebut.
- Batasi Panjang Karakter: Jaga deskripsi tetap ringkas di bawah 125 karakter agar pembaca screen reader tidak kelelahan mendengarkan deskripsi yang terlalu panjang.
- Jangan Gunakan Frasa "Gambar dari...": Googlebot sudah tahu bahwa elemen tersebut adalah gambar, jadi langsung sebutkan objeknya.
04 Optimasi Aset: Kompresi, WebP, dan AVIF
Ukuran file gambar yang terlalu besar (seperti format PNG mentah berukuran 3 MB) akan memperlambat server dan merusak skor PageSpeed Insights.
- Migrasi ke Format Modern WebP & AVIF: Format gambar generasi baru ini menawarkan kompresi tingkat tinggi dengan kualitas visual yang setara atau bahkan lebih tajam dibanding format JPEG jadul, memangkas ukuran file hingga 70%.
- Terapkan Native Lazy Loading: Tambahkan atribut
loading="lazy"pada tag gambar di bawah layar (below the fold) agar browser hanya mengunduh gambar saat pengguna menggulir halaman ke bawah.
05 Tabel Komparasi Format File Gambar untuk SEO
Berikut adalah perbandingan performa format file gambar modern untuk efisiensi kecepatan muat web:
| Format Gambar | Dukungan Transparansi | Rata-Rata Kompresi File | Rekomendasi Penggunaan SEO |
|---|---|---|---|
| JPEG / JPG | Tidak Mendukung | Standar (Kurang optimal untuk web cepat). | Kurang disarankan untuk situs modern; gunakan WebP/AVIF. |
| PNG | Mendukung (Transparan) | Sangat Besar (File berat). | Hanya digunakan jika memerlukan transparansi piksel tinggi. |
| WebP | Mendukung (Transparan & Animasi) | 25% - 35% lebih kecil dari JPEG. | Standar industri wajib untuk seluruh foto artikel dan produk. |
| AVIF | Mendukung (Transparan & HDR) | 50% - 70% lebih kecil dari JPEG. | Format tercanggih saat ini untuk kecepatan muat maksimal. |
06 Roadmap Optimasi Visual 5 Langkah
Audit Seluruh Gambar di Website via Screaming Frog
Lakukan perayapan situs untuk menemukan daftar URL gambar yang belum memiliki atribut alt text atau berukuran file di atas 200 KB.
Konversi Format ke WebP / AVIF
Gunakan plugin otomatisasi WordPress (seperti Imagify atau ShortPixel) untuk mengubah format gambar lama ke format generasi baru.
Tulis Alt Text Deskriptif Berbumbu Kata Kunci
Sunting satu persatu atribut alt pada gambar konten utama agar memuat deskripsi relevan dengan konteks kalimat di sekitarnya.
Aktifkan Atribut Lazy Loading & Explicit Dimensions
Tentukan parameter lebar dan tinggi (width & height) pada tag gambar untuk mencegah pergeseran tata letak visual (Cumulative Layout Shift).
Validasi Performa di Google PageSpeed Insights
Uji kembali skor Core Web Vitals untuk memastikan metrik LCP meningkat drastis setelah optimasi aset visual selesai.
07 Tools Kompresi & Audit Alt Text Gambar
08 Video Panduan Optimasi Gambar & Alt Text
Simak pemaparan visual mengenai cara mengoptimalkan aset visual dan teks alternatif untuk mendongkrak trafik Google Images berikut:
09 Checklist Audit Gambar & Aksesibilitas
Daftar Evaluasi Kesiapan Aset Visual Website
10 FAQ Seputar Alt Text & Gambar SEO
alt="Logo Resmi Raya School" agar screen reader dan bot memahami fungsinya.alt="") agar perangkat screen reader melewatinya sehingga tidak mengganggu kenyamanan pengguna tunanetra.