antond.net

0 %
Anton Darmawanto
Front-end Developer
Ui/UX Designer
  • Residence:
    Indonesia
  • City:
    Jakarta Selatan
  • Age:
    40
Indonesian
English
Jawa
html
CSS
Js
PHP
WordPress
Proxmox
Laravel
Linux server (ubuntu, debian, fedora)
Alibaba Cloud
  • Proxmox, Vm Ware
  • Stylus, Sass, Less
  • Gulp, Webpack, Grunt
  • GIT knowledge
0

No products in the cart.

Return To Shop

Cara Optimasi Gambar untuk SEO: 7 Teknik Biar Website Cepat dan Muncul di Google Images

20/10/2026

Gambar adalah salah satu penyebab utama website lambat. Bayangkan halaman toko online dengan foto produk beresolusi tinggi yang belum dikompresi: tiap gambar bisa berukuran 2-5 MB. Jika satu halaman memuat 10 foto, pengunjung harus mengunduh puluhan megabyte hanya untuk melihat satu halaman — proses yang membuat halaman lambat dimuat dan pengunjung pergi sebelum sempat melihat produk Anda.

Selain bikin website cepat, gambar yang dioptimasi juga membuka pintu trafik baru: Google Images. Banyak calon pembeli mencari produk lewat pencarian gambar, bukan teks. Jika gambar Anda dioptimasi dengan benar, foto produk Anda bisa muncul di hasil pencarian gambar dan mengundang klik gratis setiap hari.

Artikel ini membahas 7 teknik optimasi gambar untuk SEO yang bisa langsung Anda praktikkan sebagai pemilik website atau UMKM, tanpa perlu keahlian teknis khusus.

1. Kompres Ukuran File Gambar

Kompresi adalah langkah paling berdampak dan paling mudah. Tujuannya sederhana: memperkecil ukuran file gambar tanpa menurunkan kualitas yang terlihat mata.

Untuk setiap gambar di website Anda, usahakan ukuran file di bawah 100 KB bila memungkinkan — gambar hero atau banner besar maksimal 200-300 KB. Foto produk yang awalnya 3 MB seringkali bisa dikompresi hingga 80-150 KB tanpa perbedaan visual yang berarti.

Cara termudah bagi pemilik website WordPress adalah memasang plugin kompresi otomatis seperti ShortPixel, Smush, atau Imagify. Plugin ini mengompresi setiap gambar yang Anda unggah secara otomatis, termasuk koleksi gambar lama yang sudah terlanjur diunggah. Anda juga bisa mengompresi manual di TinyPNG sebelum mengunggah gambar.

2. Gunakan Format Modern: WebP

Format gambar menentukan seberapa besar ukuran file. Format lama seperti JPEG dan PNG masih bekerja, tetapi format modern WebP menghasilkan file 25-35% lebih kecil dengan kualitas visual yang sama.

Contohnya: foto produk 500 KB dalam format JPEG bisa menyusut menjadi sekitar 320 KB setelah dikonversi ke WebP — tanpa perbedaan yang terlihat. Kalikan penghematan itu dengan puluhan gambar di website Anda, dan dampaknya pada kecepatan sangat besar.

WordPress versi terbaru sudah mendukung WebP secara bawaan, dan plugin kompresi di atas bisa mengonversi gambar Anda ke WebP secara otomatis. Prioritaskan WebP untuk semua gambar baru yang Anda unggah.

3. Beri Nama File yang Deskriptif

Sebelum mengunggah gambar, ganti nama file-nya dengan kata-kata yang menjelaskan isi gambar. Nama file seperti IMG_20260315.jpg tidak memberi tahu Google apa-apa, sedangkan tas-kulit-coklat-handmade.jpg memberi sinyal yang jelas.

Aturannya sederhana:

  • Gunakan kata kunci yang relevan — misalnya nama produk atau topik artikel.
  • Pisahkan kata dengan tanda hubung (-), bukan garis bawah atau spasi.
  • Gunakan huruf kecil semua agar konsisten dan aman di semua server.
  • Buat singkat tapi jelas — 3-5 kata sudah cukup.

Membiasakan diri mengganti nama file sebelum upload hanya butuh beberapa detik, tetapi manfaatnya bertahan selamanya.

4. Tulis Alt Text yang Bermakna

Alt text (teks alternatif) adalah deskripsi singkat gambar yang dibaca oleh mesin pencari dan pembaca layar untuk tunanetra. Google tidak bisa “melihat” gambar, jadi alt text adalah cara utama Google memahami isi gambar Anda — dan faktor penting agar gambar muncul di Google Images.

Cara menulis alt text yang baik:

  • Jelaskan isi gambar secara spesifik — bukan sekadar “gambar” atau “foto produk”.
  • Sertakan kata kunci secara alami — misalnya “Tas kulit coklat handmade dengan jahitan rapi”.
  • Batasi sekitar 125 karakter agar tidak terpotong.
  • Jangan menumpuk kata kunci — tulis seperti kalimat normal untuk manusia.

Di WordPress, Anda bisa mengisi alt text saat mengunggah gambar di Media Library, atau langsung di pengaturan blok gambar pada artikel.

5. Atur Ukuran Dimensi yang Tepat

Banyak pemilik website mengunggah foto beresolusi raksasa — misalnya 4000 piksel — padahal gambar tersebut hanya ditampilkan selebar 800 piksel di halaman. Browser tetap harus mengunduh file raksasa itu, lalu mengecilkannya sendiri. Ini pemborosan besar.

Solusinya: ubah ukuran dimensi gambar sesuai kebutuhan tampilannya sebelum diunggah. Untuk gambar konten artikel, lebar 800-1200 piksel umumnya sudah cukup tajam di layar ponsel maupun laptop. Untuk thumbnail produk di katalog, 600-800 piksel sudah memadai.

WordPress sebenarnya membuat beberapa ukuran turunan otomatis dari setiap gambar yang diunggah, tetapi memulai dari file sumber yang sudah berukuran wajar tetap jauh lebih efisien.

6. Aktifkan Lazy Load

Lazy load adalah teknik di mana gambar hanya dimuat saat pengunjung menggulir halaman mendekatinya, bukan semuanya sekaligus di awal. Gambar di bagian bawah halaman yang mungkin tidak pernah dilihat pengunjung tidak perlu membebani waktu muat awal.

Kabar baiknya, WordPress sudah mengaktifkan lazy load secara bawaan sejak versi 5.5 untuk semua gambar — Anda tidak perlu melakukan apa pun. Namun pastikan tema atau plugin Anda tidak mematikannya.

Untuk kontrol lebih lanjut, plugin caching dan optimasi seperti WP Rocket atau LiteSpeed Cache menyediakan pengaturan lazy load yang lebih canggih, termasuk untuk video dan iframe.

7. Tambahkan Image Sitemap

Sitemap gambar membantu Google menemukan dan memahami semua gambar di website Anda, termasuk gambar yang dimuat lewat galeri JavaScript atau yang sulit dijangkau crawler biasa.

Jika Anda memakai plugin SEO seperti Yoast SEO atau Rank Math, sitemap gambar biasanya sudah dibuat otomatis sebagai bagian dari sitemap XML situs Anda. Anda cukup memastikan sitemap tersebut sudah didaftarkan di Google Search Console.

Setelah itu, pantau performa gambar Anda di Google Search Console pada laporan performa — filter berdasarkan jenis penelusuran “Gambar” untuk melihat berapa banyak klik yang datang dari Google Images.

Contoh untuk UMKM: Toko Online yang Mengoptimasi Foto Produk

Bayangkan sebuah toko online kecil dengan 50 foto produk, masing-masing berukuran 2-4 MB dalam format JPEG dengan nama file acak dari kamera. Halaman katalognya lambat dimuat dan tidak ada satu pun gambarnya yang muncul di Google Images.

Pemilik toko menerapkan 7 teknik di atas: mengompresi semua foto di bawah 100 KB, mengonversi ke WebP, mengganti nama file menjadi deskriptif, menulis alt text untuk setiap produk, menyesuaikan dimensi, memastikan lazy load aktif, dan mendaftarkan sitemap gambar. Hasilnya: halaman katalog yang terbuka dalam sekejap di HP, dan foto-foto produk mulai muncul di Google Images — membawa calon pembeli baru tanpa biaya iklan.

Kesimpulan

Optimasi gambar untuk SEO bukanlah pekerjaan teknis yang rumit — ini soal kebiasaan baik yang dilakukan konsisten: kompres setiap gambar sebelum upload, gunakan format WebP, beri nama file deskriptif, tulis alt text yang bermakna, sesuaikan dimensi, manfaatkan lazy load, dan daftarkan sitemap gambar. Lakukan untuk setiap gambar baru mulai hari ini, lalu cicil perbaikan untuk gambar-gambar lama. Website Anda akan lebih cepat, pengunjung lebih betah, dan peluang muncul di Google Images terbuka lebar.

Posted in Tips & TrikTags: