Optimasi Gambar dan Alt Text dalam SEO

Optimasi gambar dan alt text dalam SEO melibatkan pemilihan format tepat, kompresi ukuran file, nama file deskriptif, serta alt text yang relevan untuk meningkatkan kecepatan loading, aksesibilitas, dan peringkat di hasil pencarian Google Images. Praktik ini membantu mesin pencari memahami isi gambar, mempercepat muat halaman, dan meningkatkan traffic organik.

Manfaat Utama Optimasi Gambar dan Alt Text

• Meningkatkan kecepatan loading halaman: Gambar yang dikompresi mengurangi ukuran file, sehingga halaman lebih cepat dimuat dan mendukung pengalaman pengguna serta SEO.
• Memperbaiki visibilitas di pencarian gambar: Alt text dan nama file membantu Google mengindeks gambar dengan akurat, meskipun AI sudah canggih.
• Meningkatkan aksesibilitas: Alt text menyediakan deskripsi bagi pengguna screen reader dan saat gambar gagal dimuat.

Cara Optimasi Gambar

Gunakan langkah-langkah berikut secara sistematis:

1. Pilih format gambar tepat:

   Format	Kegunaan	Kelebihan
   JPG	Foto dengan banyak warna	Kompresi tinggi, ukuran kecil
   PNG	Gambar dengan teks atau transparansi	Dukung transparansi
   WebP	Umum untuk web	Kompresi lebih baik tanpa rugi kualitas
   SVG	Grafik vektor	Perkecil ukuran dan kompresi GZIP

2. Kompresi dan ukuran gambar: Kurangi ukuran file hingga di bawah 100 KB menggunakan alat seperti TinyPNG, WP Smush, atau Photoshop tanpa mengurangi kualitas visual. Sesuaikan dimensi dengan lokasi di halaman untuk rasio aspek tepat.

3. Nama file deskriptif: Ganti nama default seperti "IMG99.jpg" menjadi "nasi-goreng-telur-sayuran.jpg" dengan kata kunci relevan, gunakan tanda hubung (-).

4. Image scaling responsif: Tambahkan atribut srcset agar gambar menyesuaikan ukuran layar perangkat mobile.

5. Lazy loading: Muat gambar hanya saat digulir, tanpa mengganggu indeksasi.

6. Tambahkan ke sitemap: Sertakan gambar dalam XML sitemap untuk indeksasi mudah.

7. Schema markup: Gunakan untuk resep, produk, atau video agar muncul lencana di hasil pencarian.

Optimasi Alt Text Secara Spesifik

Alt text adalah atribut HTML yang mendeskripsikan gambar secara singkat (ideal 125 karakter). Tips menulis:

• Deskripsikan jelas: "Nasi goreng dengan telur dan sayuran segar" bukan "gambar1".
• Masukkan kata kunci alami, hindari keyword stuffing.
• Tambahkan caption jika relevan untuk konteks tambahan.
• Edit via HTML: <img src="gambar.jpg" alt="Deskripsi relevan">.

Catatan Penting

Gunakan gambar asli dan perhatikan hak cipta untuk menghindari penalti. Pantau performa dengan Google Search Console. Praktik ini berlaku untuk semua CMS seperti WordPress.