SEO Gambar dan Alt Text

SEO gambar adalah proses mengoptimalkan gambar pada website agar lebih mudah dipahami oleh pengguna dan mesin pencari. Selain membantu memperjelas isi halaman, gambar yang dioptimalkan dengan baik dapat mendukung pengalaman pengguna dan meningkatkan peluang gambar ditemukan melalui pencarian gambar.

Salah satu bagian penting dalam optimasi gambar adalah alt text atau atribut alt pada elemen HTML gambar. Alt text memberikan deskripsi tekstual mengenai gambar ketika gambar tidak dapat ditampilkan dan membantu teknologi pembaca layar memahami isi gambar.

Apa Itu Alt Text?

Alt text (alternative text) adalah teks alternatif yang digunakan untuk menjelaskan isi atau fungsi sebuah gambar.

Contoh:

<img src="jasa-seo.jpg"
     alt="Jasa SEO untuk meningkatkan visibilitas website">

Alt text sebaiknya menggambarkan gambar secara singkat, jelas, dan sesuai dengan konteks halaman.

Mengapa Alt Text Penting?

Alt text memiliki beberapa fungsi penting. Ketika gambar gagal dimuat, teks alternatif dapat memberikan informasi mengenai gambar tersebut. Alt text juga membantu pengguna yang menggunakan teknologi pembaca layar memahami konten visual.

Dari sisi SEO, alt text memberikan informasi tambahan yang membantu mesin pencari memahami isi dan konteks sebuah gambar.

1. Gunakan Alt Text yang Deskriptif

Buat alt text berdasarkan apa yang benar-benar terlihat atau fungsi gambar tersebut. Hindari deskripsi yang terlalu umum.

Contoh yang kurang baik:

alt="gambar"
alt="foto"
alt="SEO"

Contoh yang lebih baik:

alt="Tim sedang melakukan audit SEO website"

Deskripsi tersebut memberikan informasi yang lebih jelas mengenai isi gambar.

2. Jangan Memasukkan Keyword Secara Berlebihan

Alt text bukan tempat untuk memasukkan keyword sebanyak mungkin. Hindari membuat deskripsi seperti:

alt="jasa SEO murah jasa SEO terbaik jasa SEO Temanggung jasa SEO Indonesia"

Cara tersebut tidak natural dan tidak memberikan informasi yang berguna mengenai gambar.

Jika keyword memang sesuai dengan gambar dan konteks halaman, keyword dapat digunakan secara alami dalam alt text.

3. Sesuaikan Alt Text dengan Konteks Halaman

Gambar yang sama dapat memiliki konteks yang berbeda tergantung halaman tempat gambar tersebut digunakan. Karena itu, alt text sebaiknya mempertimbangkan hubungan antara gambar dan pembahasan halaman.

Jangan membuat alt text hanya berdasarkan keyword yang ingin ditargetkan. Pastikan deskripsinya tetap menggambarkan gambar secara akurat.

4. Gunakan Nama File yang Jelas

Sebelum gambar diunggah, gunakan nama file yang mudah dipahami dan berhubungan dengan isi gambar.

Contoh yang lebih jelas:

jasa-seo-temanggung.jpg
optimasi-seo-website.jpg
audit-seo-website.jpg

Hindari nama file yang tidak memberikan informasi seperti:

IMG001.jpg
DSC12345.jpg
image123.png

Nama file bukan jaminan ranking, tetapi nama yang deskriptif membantu pengelolaan aset dan memberikan konteks tambahan mengenai gambar.

5. Kompres Ukuran Gambar

Gambar berukuran terlalu besar dapat memperlambat proses pemuatan halaman. Karena itu, gambar sebaiknya dikompresi tanpa mengurangi kualitas secara berlebihan.

Pilih format gambar yang sesuai dan gunakan ukuran gambar yang memang diperlukan oleh halaman. Tidak ada manfaat mengunggah gambar dengan resolusi sangat besar apabila ukuran tampilannya di website jauh lebih kecil.

6. Gunakan Format Gambar yang Tepat

Format gambar sebaiknya dipilih berdasarkan jenis dan kebutuhan gambar. Format modern seperti WebP atau AVIF dapat menjadi pilihan untuk membantu mengurangi ukuran file apabila didukung dengan baik oleh sistem website.

Untuk gambar tertentu seperti logo atau ilustrasi yang membutuhkan transparansi dan kualitas vektor, format seperti SVG juga dapat digunakan apabila sesuai dengan kebutuhan.

7. Tentukan Dimensi Gambar dengan Benar

Gunakan ukuran gambar yang sesuai dengan area tampilannya. Gambar yang terlalu besar dapat menambah beban halaman, sedangkan gambar yang terlalu kecil dapat terlihat pecah ketika ditampilkan dalam ukuran besar.

Dimensi gambar yang tepat juga dapat membantu browser mempersiapkan ruang untuk gambar sehingga tata letak halaman menjadi lebih stabil.

8. Gunakan Lazy Loading untuk Gambar yang Tepat

Gambar yang berada jauh di bawah bagian awal halaman dapat menggunakan lazy loading agar tidak harus dimuat semuanya sejak awal.

Contoh:

<img src="optimasi-seo.jpg"
     alt="Optimasi SEO website"
     loading="lazy">

Namun, gambar utama yang berada pada bagian awal halaman perlu dipertimbangkan dengan hati-hati. Jangan menerapkan lazy loading secara sembarangan pada gambar yang seharusnya dimuat lebih awal.

9. Alt Text untuk Gambar Dekoratif

Tidak semua gambar membutuhkan deskripsi panjang. Jika gambar hanya bersifat dekoratif dan tidak memberikan informasi penting, alt text dapat dibuat kosong.

<img src="garis-pemisah.png" alt="">

Hal ini membantu teknologi pembaca layar melewati gambar yang tidak memiliki nilai informasi bagi pengguna.

10. Jangan Menggunakan Alt Text untuk Semua Gambar dengan Cara yang Sama

Setiap gambar sebaiknya diperlakukan berdasarkan fungsi dan konteksnya. Gambar produk, foto lokasi, diagram, logo, dan gambar dekoratif dapat membutuhkan alt text yang berbeda.

Tujuan utamanya bukan membuat semua gambar memiliki keyword, tetapi memberikan informasi yang berguna ketika gambar membutuhkan deskripsi tekstual.

Apakah Alt Text Menaikkan Ranking Google?

Alt text bukan jaminan sebuah halaman mendapatkan ranking tinggi di Google. Alt text terutama membantu memberikan konteks terhadap gambar dan meningkatkan aksesibilitas.

Optimasi gambar harus menjadi bagian dari strategi SEO secara keseluruhan, bukan digunakan sebagai cara untuk memasukkan keyword sebanyak mungkin.

SEO Gambar dan Kecepatan Website

Optimasi gambar juga berhubungan dengan performa website. File gambar yang terlalu besar dapat meningkatkan jumlah data yang harus diunduh pengguna.

Karena itu, perhatikan ukuran file, format, dimensi, kompresi, responsive images, dan cara gambar dimuat pada halaman.

Checklist SEO Gambar

• Gunakan gambar yang relevan dengan isi halaman.
• Gunakan nama file yang deskriptif.
• Buat alt text yang jelas dan natural.
• Jangan melakukan keyword stuffing pada alt text.
• Gunakan alt kosong untuk gambar dekoratif.
• Kompres gambar sebelum digunakan.
• Gunakan format gambar yang sesuai.
• Sesuaikan dimensi gambar dengan kebutuhan tampilan.
• Gunakan lazy loading untuk gambar yang sesuai.
• Pastikan gambar tidak mengganggu performa halaman.

Kesimpulan

SEO gambar bukan hanya tentang menambahkan keyword pada alt text. Optimasi gambar mencakup penggunaan gambar yang relevan, nama file yang jelas, alt text yang deskriptif, ukuran file yang efisien, format yang sesuai, serta cara gambar dimuat pada halaman.

Alt text sebaiknya ditulis untuk membantu pengguna dan memberikan konteks mengenai gambar. Jika keyword memang relevan, gunakan secara alami tanpa mengulang kata secara berlebihan.

Dengan optimasi gambar yang baik, website dapat memiliki konten yang lebih mudah dipahami, aksesibilitas yang lebih baik, dan performa halaman yang lebih optimal sebagai bagian dari strategi Technical SEO dan On-Page SEO.