Gambar bukan hanya elemen tambahan untuk membuat artikel terlihat lebih menarik.
Jika dioptimalkan dengan benar, gambar dapat membantu meningkatkan pengalaman pengguna, memperjelas informasi, mempercepat halaman, dan memberikan konteks tambahan kepada mesin pencari mengenai isi sebuah halaman.
Sebaliknya, gambar yang berukuran terlalu besar, tidak memiliki nama file yang jelas, tidak mempunyai atribut alt, atau digunakan tanpa memperhatikan kebutuhan halaman justru dapat membuat website menjadi lebih berat.
Kondisi tersebut dapat memengaruhi kenyamanan pengunjung, terutama pengguna perangkat mobile.
Karena itu, optimasi gambar sebaiknya menjadi bagian dari SEO on-page. Prosesnya tidak harus rumit.
Anda hanya perlu memperhatikan beberapa hal penting mulai dari memilih gambar, menentukan ukuran, menggunakan nama file yang tepat, menulis alt text, memilih format, melakukan kompresi, hingga memastikan gambar tetap tampil dengan baik di perangkat berbeda.
Bagi Anda yang sedang belajar SEO dari dasar, memahami optimasi gambar juga akan membantu memperluas pemahaman mengenai SEO on-page.
Anda dapat mempelajari dasar-dasar SEO secara bertahap melalui panduan cara belajar SEO untuk pemula dari nol.
Mengapa Gambar Perlu Dioptimalkan untuk SEO?
Gambar dapat memberikan nilai tambah bagi sebuah artikel ketika pengguna membutuhkan penjelasan secara visual.
Misalnya, tutorial memasang plugin akan lebih mudah dipahami jika dilengkapi screenshot.
Artikel pertanian akan lebih informatif jika terdapat foto tanaman yang sedang dibahas. Begitu juga artikel tutorial teknis yang membutuhkan diagram atau ilustrasi.
Masalahnya, file gambar dari kamera atau aplikasi desain sering kali memiliki ukuran sangat besar.
Sebuah foto bisa berukuran beberapa megabyte meskipun tampilannya pada halaman website hanya membutuhkan ukuran beberapa ratus kilobyte atau bahkan lebih kecil.
Jika banyak gambar besar dimuat dalam satu halaman, waktu pemuatan halaman dapat meningkat.
Pengunjung yang menggunakan jaringan lambat atau perangkat mobile mungkin harus menunggu lebih lama sebelum seluruh konten tampil.
Oleh sebab itu, tujuan optimasi gambar bukan sekadar membuat ukuran file sekecil mungkin. Tujuannya adalah mendapatkan keseimbangan antara kualitas visual, ukuran file, kecepatan loading, dan kebutuhan pengguna.
Cara Mengoptimalkan Gambar untuk SEO
1. Pilih Gambar yang Benar-Benar Relevan
Langkah pertama adalah memilih gambar yang sesuai dengan isi artikel.
Jangan memasukkan gambar hanya karena ingin membuat artikel terlihat panjang atau ramai. Setiap gambar sebaiknya mempunyai fungsi.
Gambar dapat digunakan untuk menjelaskan konsep, memberikan contoh, menunjukkan proses, memperlihatkan hasil, atau membantu pembaca memahami informasi yang sulit dijelaskan hanya dengan teks.
Misalnya Anda membuat artikel tentang cara mengoptimalkan gambar untuk SEO. Gambar yang relevan antara lain:
- contoh nama file gambar yang benar dan salah;
- screenshot pengaturan gambar di WordPress;
- perbandingan ukuran file sebelum dan sesudah kompresi;
- contoh pengaturan alt text;
- ilustrasi perbedaan gambar beresolusi terlalu besar dan sesuai kebutuhan.
Gambar yang relevan juga membuat artikel lebih nyaman dibaca karena paragraf panjang dapat dipisahkan dengan elemen visual.
Namun, jangan memasukkan gambar yang tidak berhubungan hanya untuk mengejar jumlah gambar. Kualitas dan relevansi jauh lebih penting daripada jumlah.
2. Tentukan Dimensi Gambar Sebelum Upload
Kesalahan yang cukup sering terjadi adalah mengunggah gambar dengan dimensi jauh lebih besar daripada ukuran tampilannya.
Contohnya, gambar asli berukuran 4000 × 3000 piksel, tetapi pada artikel hanya ditampilkan dengan lebar sekitar 800 piksel. Dalam kondisi seperti ini, tidak selalu diperlukan file dengan dimensi asli tersebut.
Sebelum mengunggah gambar, tentukan terlebih dahulu ukuran yang memang dibutuhkan.
Jika gambar hanya digunakan sebagai gambar artikel dengan lebar sekitar 800–1200 piksel, Anda dapat menyesuaikan dimensinya sebelum upload.
Untuk gambar banner, thumbnail, atau gambar sosial media, dimensinya tentu dapat berbeda.
Hal yang perlu diperhatikan adalah jangan melakukan resize hanya berdasarkan perkiraan. Lihat desain website dan ukuran area konten yang tersedia.
Misalnya:
Gambar asli: 4000 × 3000 px
Area artikel: sekitar 900 px
Ukuran gambar yang digunakan: dapat disesuaikan dengan kebutuhan tampilan.
Dengan cara ini, browser tidak harus mengunduh file yang ukurannya jauh lebih besar daripada kebutuhan visual pengguna.
Dimensi juga harus disesuaikan dengan jenis gambar. Foto horizontal, gambar portrait, screenshot, dan infografis tentu memiliki kebutuhan yang berbeda.
Yang paling penting adalah jangan mengunggah file beresolusi sangat tinggi jika website hanya membutuhkan gambar berukuran jauh lebih kecil.
3. Kompres Gambar Sebelum Diunggah
Setelah dimensi gambar sesuai, langkah berikutnya adalah melakukan kompresi.
Kompresi bertujuan mengurangi ukuran file tanpa membuat kualitas gambar turun secara berlebihan.
Semakin kecil ukuran file, semakin sedikit data yang harus diunduh browser.
Misalnya sebuah gambar berukuran 1,5 MB masih terlihat sama ketika dikompresi menjadi 200–300 KB. Dalam situasi seperti itu, menggunakan file yang lebih kecil tentu lebih efisien.
Tetapi jangan menerapkan aturan bahwa semua gambar harus memiliki ukuran tertentu. Tidak semua gambar dapat dikompresi dengan tingkat yang sama.
Foto dengan banyak detail mungkin membutuhkan ukuran file lebih besar dibandingkan ilustrasi sederhana.
Sebaliknya, gambar dengan warna sederhana atau grafis tertentu biasanya dapat dikompresi lebih agresif.
Prinsip sederhananya:
Kualitas cukup baik + ukuran file efisien = gambar yang lebih optimal.
Anda dapat menggunakan berbagai tool kompresi gambar sebelum mengunggah file ke WordPress. Setelah dikompresi, periksa kembali gambar tersebut untuk memastikan teks, detail, dan objek penting masih terlihat jelas.
Jangan sampai mengejar ukuran file yang sangat kecil tetapi membuat gambar menjadi buram dan sulit dipahami.
4. Gunakan Nama File yang Deskriptif
Nama file gambar juga perlu diperhatikan.
Hindari menggunakan nama seperti:
IMG_1234.jpg
atau:
Screenshot20261005.png
Nama tersebut tidak memberikan informasi yang jelas mengenai isi gambar.
Lebih baik gunakan nama file yang deskriptif dan berhubungan dengan gambar.
Contohnya, jika gambar memperlihatkan proses kompresi gambar untuk SEO:
cara-kompres-gambar-untuk-seo.jpg
Jika gambar memperlihatkan pengaturan alt text:
cara-mengisi-alt-text-gambar.jpg
Gunakan kata-kata yang memang menggambarkan isi gambar. Jangan memasukkan keyword secara berlebihan hanya untuk mencoba memanipulasi mesin pencari.
Beberapa aturan sederhana yang dapat digunakan:
- gunakan kata yang jelas;
- pisahkan kata menggunakan tanda hubung;
- hindari nama file acak;
- jangan menggunakan keyword secara berulang;
- buat nama file sesuai dengan isi gambar.
Nama file bukan satu-satunya faktor SEO, tetapi nama yang deskriptif membantu memberikan konteks mengenai gambar.
5. Isi Alt Text dengan Deskripsi yang Natural
Alt text merupakan salah satu bagian penting dalam optimasi gambar.
Alt text digunakan untuk memberikan deskripsi mengenai gambar. Informasi ini juga berguna ketika gambar tidak dapat ditampilkan dan bagi pengguna yang menggunakan teknologi pembaca layar.
Contohnya, Anda mempunyai gambar yang menunjukkan proses kompresi sebuah foto.
Alt text yang kurang baik:
gambar SEO
Alt text yang lebih informatif:
proses kompresi gambar untuk mengurangi ukuran file
Deskripsi tersebut memberikan informasi mengenai apa yang ditampilkan pada gambar.
Namun, jangan memasukkan keyword berulang-ulang ke dalam alt text.
Misalnya keyword utama Anda adalah:
optimasi gambar untuk SEO
Tidak perlu membuat alt text seperti:
optimasi gambar untuk SEO, cara optimasi gambar untuk SEO, SEO gambar terbaik
Cara tersebut tidak natural dan tidak membantu pengguna.
Tulis alt text sebagaimana Anda menjelaskan gambar tersebut kepada seseorang yang tidak dapat melihatnya.
Jika gambar hanya bersifat dekoratif dan tidak memberikan informasi penting, penggunaannya dapat diperlakukan berbeda. Jangan memaksakan keyword ke setiap gambar.
6. Pilih Format Gambar yang Sesuai
Format gambar juga berpengaruh terhadap ukuran file dan kualitas visual.
Beberapa format yang umum digunakan antara lain JPG atau JPEG, PNG, WebP, dan format gambar modern lainnya.
JPG biasanya cocok untuk foto karena dapat menghasilkan ukuran file yang relatif efisien.
PNG dapat berguna untuk gambar yang membutuhkan transparansi atau elemen grafis tertentu, tetapi ukuran filenya bisa lebih besar jika digunakan untuk foto.
WebP menjadi salah satu pilihan populer untuk website karena dapat memberikan ukuran file yang efisien dengan kualitas yang tetap baik pada banyak jenis gambar.
Pemilihan format sebaiknya disesuaikan dengan jenis konten.
Contohnya:
Foto: JPG atau WebP
Ilustrasi: WebP, PNG, atau format lain sesuai kebutuhan
Gambar transparan: PNG atau format yang mendukung transparansi
Screenshot: WebP atau PNG tergantung detail gambar
Tidak ada satu format yang selalu menjadi pilihan terbaik untuk semua kondisi.
Yang perlu diperhatikan adalah kualitas akhir, dukungan browser, kebutuhan transparansi, serta ukuran file.
7. Gunakan Gambar Responsif dan Lazy Loading
Website saat ini diakses dari berbagai perangkat. Pengunjung bisa menggunakan monitor desktop berukuran besar, laptop, tablet, atau smartphone.
Karena itu, gambar sebaiknya dapat menyesuaikan ukuran layar.
Gambar responsif membantu browser memilih ukuran gambar yang sesuai dengan kondisi perangkat.
Dengan demikian, pengguna perangkat kecil tidak selalu harus mengunduh file yang sangat besar hanya karena versi desktop menggunakan gambar beresolusi tinggi.
Selain itu, perhatikan lazy loading.
Lazy loading memungkinkan gambar tertentu dimuat ketika mulai mendekati area yang akan dilihat pengguna.
Teknik ini dapat membantu mengurangi beban pemuatan awal halaman, terutama jika sebuah artikel memiliki banyak gambar.
Tetapi jangan menerapkan lazy loading secara sembarangan.
Gambar yang berada di bagian paling atas halaman dan menjadi elemen utama halaman perlu diperhatikan karena keterlambatan memuat elemen penting dapat memengaruhi pengalaman pengguna.
Tujuannya bukan sekadar memasang fitur lazy loading, tetapi mengatur cara pemuatan gambar agar halaman dapat tampil dengan efisien.
8. Tempatkan Gambar di Posisi yang Membantu Pembaca
Optimasi gambar bukan hanya masalah teknis.
Penempatan gambar juga perlu diperhatikan.
Gambar sebaiknya diletakkan dekat dengan bagian teks yang sedang dijelaskan. Jika paragraf membahas proses kompresi, gambar tentang kompresi sebaiknya berada setelah atau sebelum penjelasan tersebut.
Hindari menempatkan gambar secara acak.
Sebagai contoh, struktur artikel tutorial dapat dibuat seperti:
Penjelasan → Gambar → Penjelasan detail → Contoh → Langkah berikutnya
Dengan struktur tersebut, gambar berfungsi sebagai pendukung pembahasan, bukan sekadar dekorasi.
Caption juga dapat digunakan jika gambar membutuhkan penjelasan tambahan. Caption sangat berguna untuk screenshot, diagram, grafik, atau foto yang membutuhkan konteks.
Namun, tidak semua gambar harus mempunyai caption. Gunakan caption ketika memang membantu pembaca memahami gambar.
9. Hubungkan Optimasi Gambar dengan Kecepatan Website
Gambar yang sudah dioptimalkan tetap perlu diuji setelah dipasang pada halaman.
Jangan berasumsi bahwa halaman sudah cepat hanya karena ukuran satu gambar sudah kecil.
Periksa halaman secara keseluruhan.
Sebuah artikel mungkin mempunyai 10 gambar dengan ukuran masing-masing 150 KB. Jika semuanya harus dimuat pada waktu yang sama, total data yang harus diproses tetap cukup besar.
Selain gambar, halaman juga dapat dibebani oleh script, plugin, CSS, font, iklan, dan elemen lainnya.
Karena itu, setelah melakukan optimasi gambar, uji kembali halaman menggunakan tools pengujian performa.
Perhatikan apakah masih terdapat masalah seperti:
- gambar terlalu besar;
- gambar belum menggunakan ukuran yang sesuai;
- resource menghambat rendering;
- masalah caching;
- terlalu banyak JavaScript;
- masalah Core Web Vitals.
Jangan hanya mengejar skor sempurna. Yang lebih penting adalah memahami masalah yang ditemukan dan memperbaikinya berdasarkan kebutuhan halaman.
10. Periksa Kembali Gambar Setelah Artikel Dipublikasikan
Optimasi gambar sebaiknya tidak berhenti ketika artikel selesai dibuat.
Setelah artikel dipublikasikan, buka halaman tersebut menggunakan desktop dan smartphone.
Periksa beberapa hal:
Apakah gambar terlihat jelas?
Apakah ukurannya sesuai?
Apakah gambar membuat halaman terasa berat?
Apakah gambar terpotong secara tidak wajar?
Apakah teks dalam gambar masih dapat dibaca?
Apakah gambar benar-benar membantu pembaca?
Jika ada masalah, lakukan perbaikan.
Misalnya, gambar terlihat terlalu kecil sehingga informasi tidak terbaca. Anda dapat menggantinya dengan versi yang lebih jelas.
Sebaliknya, jika gambar terlalu besar dan tidak memberikan manfaat tambahan, Anda dapat mengecilkan dimensinya atau mengganti dengan gambar yang lebih efisien.
Periksa juga artikel lama. Website yang sudah mempunyai banyak konten sering kali menyimpan gambar lama dengan ukuran file besar.
Melakukan audit gambar secara berkala dapat menjadi bagian dari pemeliharaan SEO website.
Kesalahan yang Sebaiknya Dihindari
Ada beberapa kesalahan umum yang perlu dihindari ketika melakukan optimasi gambar.
- Pertama, mengunggah gambar langsung dari kamera dengan ukuran file sangat besar tanpa melakukan resize dan kompresi.
- Kedua, menggunakan nama file seperti
IMG001.jpguntuk semua gambar. - Ketiga, mengisi semua alt text dengan keyword yang sama.
- Keempat, menggunakan gambar yang tidak relevan hanya untuk memperbanyak elemen visual.
- Kelima, memasukkan terlalu banyak gambar dalam satu halaman tanpa mempertimbangkan kebutuhan pengguna.
- Keenam, menggunakan gambar beresolusi sangat tinggi padahal area tampilannya kecil.
- Ketujuh, hanya memperhatikan ukuran file tetapi mengabaikan kualitas visual.
- Kedelapan, tidak memeriksa tampilan gambar pada perangkat mobile.
SEO bukan tentang melakukan sebanyak mungkin optimasi. SEO adalah tentang melakukan optimasi yang benar-benar memberikan manfaat bagi pengguna dan membantu mesin pencari memahami halaman.
Optimasi Gambar Harus Menjadi Bagian dari SEO On-Page
Mengoptimalkan gambar tidak berdiri sendiri. Gambar merupakan salah satu bagian dari keseluruhan optimasi halaman.
Title, URL, heading, isi artikel, internal link, gambar, kecepatan website, dan pengalaman pengguna perlu diperhatikan secara bersama-sama.
Misalnya, artikel sudah mempunyai gambar yang sangat optimal tetapi kontennya tidak menjawab kebutuhan pengguna. Hasilnya tetap tidak maksimal.
Sebaliknya, artikel yang informatif dapat menjadi lebih nyaman dibaca ketika didukung gambar yang relevan, ringan, dan mudah dipahami.
Karena itu, gunakan gambar sebagai bagian dari strategi konten, bukan hanya sebagai hiasan.
Jika Anda sedang mengembangkan website, buat kebiasaan sederhana: setiap kali membuat artikel baru, lakukan optimasi gambar sebelum menekan tombol publish.
Mulai dari memilih gambar yang relevan, mengecilkan dimensinya, melakukan kompresi, membuat nama file yang jelas, mengisi alt text, memilih format yang sesuai, kemudian memeriksa kecepatan halaman.
Dengan proses tersebut, optimasi gambar menjadi bagian rutin dari workflow SEO dan tidak terasa sebagai pekerjaan tambahan yang rumit.
Kesimpulan
Optimasi gambar merupakan bagian penting dari SEO on-page karena dapat membantu meningkatkan pengalaman pengguna, memperjelas informasi, dan mendukung kecepatan halaman.
Prosesnya dapat dilakukan dengan memilih gambar yang relevan, menyesuaikan dimensi, melakukan kompresi, menggunakan nama file deskriptif, menulis alt text secara natural, memilih format yang sesuai, menerapkan gambar responsif dan lazy loading, serta memastikan penempatannya mendukung pembahasan.
Setelah artikel dipublikasikan, gambar juga perlu diperiksa pada berbagai perangkat dan dievaluasi bersama performa halaman secara keseluruhan.
Dengan menjadikan optimasi gambar sebagai bagian rutin dari proses pembuatan konten, website dapat menyajikan gambar yang lebih efisien, informatif, dan tetap nyaman bagi pengguna tanpa mengabaikan kebutuhan SEO.