Seobagus.com – Gambar bukan sekadar elemen visual untuk membuat artikel terlihat lebih menarik. Jika dioptimalkan dengan benar, gambar dapat membantu mesin pencari memahami konteks halaman, meningkatkan pengalaman pengguna, mempercepat waktu pemuatan website, dan membuka peluang mendapatkan trafik dari Google Images.
Sebaliknya, gambar berukuran terlalu besar, nama file yang tidak relevan, atau alt text yang asal dibuat dapat mengurangi kualitas halaman. Karena itu, memahami cara optimasi gambar untuk SEO menjadi bagian penting dalam strategi SEO on-page.
Google juga menggunakan berbagai informasi dari halaman untuk memahami gambar, termasuk nama file, teks alternatif, konteks konten, judul, dan caption. Rank Math sendiri menyediakan sejumlah fitur untuk membantu pengelolaan Image SEO di WordPress.
Mengapa Optimasi Gambar Penting untuk SEO
Penggunaan gambar yang tepat memberikan beberapa manfaat sekaligus. Pertama, gambar dapat membuat artikel lebih mudah dipahami. Konten yang panjang akan terasa lebih nyaman dibaca ketika informasi tertentu didukung ilustrasi, screenshot, infografik, atau foto yang relevan.
Kedua, gambar berpotensi mendatangkan pengunjung dari pencarian gambar. Nama file, alt text, konteks halaman, dan elemen pendukung lainnya membantu mesin pencari memahami isi gambar.
Ketiga, ukuran gambar berpengaruh terhadap performa halaman. Gambar dengan resolusi besar tetapi ditampilkan dalam ukuran kecil dapat membebani browser dan meningkatkan jumlah data yang harus dimuat.
Oleh sebab itu, optimasi gambar tidak hanya berbicara tentang memasukkan keyword. SEO gambar merupakan kombinasi antara relevansi, aksesibilitas, kualitas visual, performa, dan konteks halaman.
1. Gunakan Nama File Gambar yang Deskriptif
Salah satu langkah paling mudah dalam optimasi gambar adalah mengganti nama file sebelum diunggah ke website.
Hindari nama seperti:
IMG_83920.jpg
atau:
DSC00128.png
Nama tersebut tidak memberikan konteks yang jelas mengenai isi gambar.
Jika artikel membahas optimasi gambar, nama file yang lebih relevan misalnya:
optimasi-gambar-untuk-seo.jpg
Nama file sebaiknya singkat, deskriptif, dan menggunakan kata yang benar-benar berkaitan dengan gambar. Rank Math juga merekomendasikan penggunaan nama file yang relevan serta menghindari keyword stuffing.
Gunakan tanda hubung untuk memisahkan kata, bukan rangkaian kata tanpa spasi atau penggunaan keyword secara berlebihan.
Contohnya:
cara-kompres-gambar-website.webp
lebih mudah dipahami daripada:
caramengompresgambarwebsiteSEOterbaikmurah.jpg
Nama file tidak perlu menjadi tempat untuk memasukkan semua keyword yang dimiliki.
2. Buat Alt Text yang Informatif
Alt text merupakan salah satu elemen terpenting dalam optimasi gambar. Fungsinya memberikan deskripsi alternatif mengenai gambar sehingga konten tetap dapat dipahami ketika gambar tidak dapat ditampilkan.
Alt text juga digunakan oleh teknologi pembaca layar untuk membantu pengguna memahami gambar. Mesin pencari menggunakan informasi tersebut bersama konteks halaman untuk memahami gambar.
Misalnya, sebuah gambar memperlihatkan dashboard WordPress dengan pengaturan kompresi gambar.
Alt text yang baik:
Pengaturan kompresi gambar di WordPress
Bukan:
SEO SEO gambar optimasi gambar terbaik murah
Prinsipnya sederhana: deskripsikan gambar secara natural dan relevan.
Jika keyword memang sesuai dengan isi gambar, keyword tersebut boleh digunakan. Namun, jangan memasukkan keyword secara paksa.
Inilah salah satu prinsip penting dalam cara membuat alt text SEO. Alt text harus membantu pengguna terlebih dahulu, bukan sekadar mengejar keyword.
3. Hindari Keyword Stuffing pada Alt Text
Kesalahan yang sering dilakukan pemilik website adalah menganggap setiap gambar harus memiliki focus keyword.
Misalnya artikel menargetkan keyword “cara optimasi gambar untuk SEO”. Semua gambar kemudian diberi alt text yang sama.
Cara tersebut tidak ideal.
Jika gambar pertama menunjukkan proses mengubah ukuran foto, alt text dapat berupa:
Mengubah ukuran foto sebelum diunggah ke website
Jika gambar kedua memperlihatkan format WebP:
Memilih format WebP untuk gambar website
Dengan cara tersebut, setiap gambar memberikan informasi yang berbeda dan relevan.
Rank Math juga menekankan bahwa alt text sebaiknya deskriptif dan tidak dipenuhi keyword.
4. Kompres Gambar Sebelum Diunggah
Salah satu penyebab website lambat adalah gambar dengan ukuran file terlalu besar.
Foto dari kamera atau smartphone modern dapat berukuran beberapa megabyte. Jika beberapa gambar seperti itu dimasukkan ke satu halaman, jumlah data yang harus dimuat browser dapat meningkat secara signifikan.
Karena itu, cara mengecilkan ukuran gambar untuk SEO harus menjadi bagian dari workflow sebelum publikasi konten.
Kompresi dapat dilakukan dengan mengurangi ukuran dimensi dan mengoptimalkan tingkat kualitas gambar.
Misalnya gambar asli berukuran 4000 × 3000 piksel tidak selalu perlu digunakan dalam ukuran tersebut untuk artikel blog. Jika area gambar pada halaman hanya sekitar 1000 piksel, mengunggah file dengan dimensi yang jauh lebih besar dapat menjadi pemborosan.
Tujuannya bukan membuat gambar sekecil mungkin, tetapi mendapatkan keseimbangan antara kualitas visual dan ukuran file.
5. Pilih Format Gambar yang Tepat
Format gambar juga perlu diperhatikan.
JPEG cocok untuk banyak jenis foto karena mampu menghasilkan ukuran file relatif efisien. PNG dapat berguna ketika membutuhkan transparansi atau kualitas tertentu pada grafis. Sementara itu, WebP sering digunakan untuk menghasilkan gambar berkualitas dengan ukuran file yang lebih efisien.
Untuk website modern, pemilihan format sebaiknya disesuaikan dengan jenis gambar dan dukungan teknis website.
Jika Anda mencari format gambar terbaik untuk SEO, jangan hanya melihat ekstensi file. Perhatikan juga ukuran file, kualitas visual, kompatibilitas browser, dan bagaimana gambar tersebut dikirim kepada pengguna.
Format terbaik adalah format yang memberikan kualitas memadai dengan beban data yang masuk akal.
6. Sesuaikan Dimensi Gambar dengan Tampilan Website
Ukuran file dan dimensi gambar merupakan dua hal berbeda.
Gambar 3000 × 2000 piksel dengan ukuran file 300 KB tetap memiliki dimensi jauh lebih besar daripada gambar 1200 × 800 piksel dengan ukuran file yang sama.
Karena itu, jangan hanya melakukan kompresi. Sesuaikan pula resolusi gambar dengan kebutuhan tampilan.
Sebagai contoh, artikel blog yang menampilkan gambar utama dengan lebar sekitar 1200 piksel tidak selalu membutuhkan gambar sumber dengan lebar 5000 piksel.
Menyesuaikan dimensi merupakan salah satu langkah praktis dalam optimasi gambar WordPress untuk SEO.
7. Gunakan Responsive Images
Pengguna website dapat mengakses halaman menggunakan berbagai perangkat, mulai dari smartphone hingga monitor desktop.
Gambar yang sesuai untuk desktop belum tentu optimal untuk perangkat dengan layar kecil. Karena itu, website sebaiknya menggunakan mekanisme responsive images agar browser dapat memilih sumber gambar yang sesuai.
WordPress modern sudah memiliki dukungan untuk responsive images dalam banyak skenario. Namun, pemilik website tetap perlu memeriksa apakah tema, plugin, dan sistem optimasi yang digunakan bekerja dengan benar.
Tujuannya adalah menghindari situasi ketika pengguna smartphone harus mengunduh gambar berukuran sangat besar hanya karena halaman menyediakan satu file gambar untuk semua perangkat.
8. Perhatikan Lazy Loading
Lazy loading memungkinkan gambar tertentu dimuat ketika mendekati area yang akan dilihat pengguna.
Teknik ini dapat mengurangi pekerjaan browser ketika sebuah halaman memiliki banyak gambar, terutama artikel panjang, halaman katalog, atau halaman dengan galeri.
Namun, jangan menerapkan lazy loading secara sembarangan pada gambar yang menjadi bagian penting dari tampilan awal halaman.
Gambar utama yang terlihat segera ketika halaman dibuka memiliki kebutuhan performa berbeda dengan gambar yang berada jauh di bawah halaman.
Karena itu, implementasi lazy loading harus mempertimbangkan posisi dan fungsi gambar.
9. Tambahkan Caption Jika Memang Dibutuhkan
Caption bukan kewajiban untuk setiap gambar. Namun, caption dapat memberikan konteks tambahan kepada pembaca ketika gambar membutuhkan penjelasan.
Misalnya artikel tutorial menampilkan screenshot dashboard. Caption dapat menjelaskan apa yang sedang ditunjukkan pada screenshot tersebut.
Google menyatakan bahwa informasi mengenai subjek gambar dapat diperoleh dari konteks halaman, termasuk caption dan elemen lain.
Karena itu, caption sebaiknya digunakan ketika memang membantu pembaca, bukan sekadar untuk memasukkan keyword tambahan.
10. Pastikan Gambar Relevan dengan Konten
Gambar yang bagus tetapi tidak relevan tetap bukan pilihan yang baik.
Misalnya artikel membahas cara melakukan kompresi gambar, tetapi sebagian besar gambar hanya berupa foto dekoratif. Gambar tersebut tidak memberikan banyak informasi tambahan.
Sebaliknya, screenshot sebelum dan sesudah kompresi, contoh perbandingan ukuran file, atau ilustrasi proses optimasi dapat memperkuat konteks artikel.
Relevansi merupakan prinsip utama.
Tanyakan kepada diri sendiri:
“Apakah gambar ini membantu pembaca memahami isi artikel?”
Jika jawabannya tidak, gambar tersebut mungkin hanya menjadi beban tambahan bagi halaman.
11. Optimalkan Gambar Utama Artikel
Gambar utama atau featured image memiliki peran penting dalam tampilan artikel, terutama ketika konten dibagikan ke media sosial atau ditampilkan dalam berbagai jenis hasil pencarian.
Rank Math menyediakan pengaturan Open Graph untuk membantu menentukan gambar yang digunakan ketika konten dibagikan. Dokumentasinya merekomendasikan ukuran 1200 × 630 piksel untuk Open Graph image.
Untuk artikel yang menggunakan structured data, Google juga merekomendasikan gambar yang relevan dengan konten dan dapat diakses serta diindeks oleh Google. Google menyebut beberapa rasio gambar yang direkomendasikan untuk data artikel, termasuk 16:9, 4:3, dan 1:1.
Jadi, jangan hanya membuat featured image yang menarik secara visual. Pastikan gambar tersebut juga relevan, dapat diakses, dan memiliki kualitas yang cukup.
12. Gunakan Image Sitemap Jika Diperlukan
Website dengan banyak gambar dapat mempertimbangkan penggunaan sitemap yang membantu mesin pencari menemukan aset penting.
Hal ini terutama relevan untuk website yang mengandalkan trafik dari Google Images, seperti situs fotografi, toko online, portal berita, atau website katalog produk.
Namun, sitemap bukan pengganti optimasi dasar.
Jika nama file tidak jelas, alt text buruk, gambar tidak dapat diakses crawler, dan halaman sangat lambat, sitemap saja tidak akan menyelesaikan masalah tersebut.
13. Manfaatkan Fitur Image SEO Rank Math
Bagi pengguna WordPress, Rank Math menyediakan modul Image SEO yang dapat membantu mengotomatisasi beberapa pekerjaan.
Setelah modul Image SEO diaktifkan, pengaturan dapat ditemukan melalui Rank Math SEO lalu General Settings dan Images. Salah satu fitur yang tersedia adalah penambahan alt attribute yang hilang.
Rank Math juga memungkinkan penggunaan variabel seperti %filename% untuk membantu membuat format alt text secara otomatis.
Namun, otomatisasi sebaiknya tidak menggantikan pemeriksaan manual.
Jika nama file awalnya adalah:
IMG_1234.jpg
maka menggunakan nama file tersebut secara otomatis sebagai alt text juga tidak akan menghasilkan deskripsi yang bermanfaat.
Karena itu, workflow yang lebih baik adalah memberikan nama file yang deskriptif sejak awal, kemudian menggunakan otomatisasi sebagai bantuan untuk gambar yang terlewat.
14. Jangan Mengorbankan Kualitas demi Ukuran File
Kompresi memang penting, tetapi gambar yang terlalu buram juga dapat menurunkan pengalaman pengguna.
Untuk menemukan titik optimal, lakukan pengujian dengan beberapa tingkat kompresi. Bandingkan ukuran file dengan kualitas visualnya.
Misalnya:
File A: 1,5 MB dengan kualitas sangat tinggi
File B: 350 KB dengan kualitas masih terlihat tajam
File C: 80 KB tetapi terlihat pecah
Dalam banyak kasus, File B dapat menjadi pilihan yang lebih masuk akal karena memberikan keseimbangan antara kualitas dan performa.
Jadi, cara kompres gambar tanpa mengurangi kualitas sebenarnya lebih tepat dipahami sebagai cara mengurangi ukuran file semaksimal mungkin tanpa membuat penurunan kualitas terlihat mengganggu.
Checklist Optimasi Gambar untuk SEO
Sebelum menerbitkan artikel, gunakan checklist berikut:
- Nama file menggambarkan isi gambar
- Gunakan tanda hubung pada nama file
- Alt text menjelaskan gambar secara natural
- Tidak melakukan keyword stuffing
- Ukuran file sudah dikompresi
- Dimensi gambar sesuai kebutuhan
- Format gambar sesuai jenis konten
- Gambar relevan dengan artikel
- Responsive images bekerja dengan baik
- Lazy loading digunakan secara tepat
- Caption ditambahkan jika memberikan konteks
- Featured image sudah dioptimalkan
- Gambar dapat diakses crawler
- Tidak ada gambar rusak atau missing image
- Pengaturan Image SEO Rank Math sudah diperiksa
Kesimpulan
Cara optimasi gambar untuk SEO bukan sekadar mengganti nama file atau memasukkan keyword ke dalam alt text. Optimasi yang efektif mencakup seluruh proses mulai dari pemilihan gambar, penamaan file, alt text, kompresi, dimensi, format, responsive images, hingga konteks gambar di dalam halaman.
Prioritaskan gambar yang relevan, gunakan deskripsi yang natural, kompres file dengan bijak, dan pastikan gambar dapat diakses oleh pengguna maupun mesin pencari.
Untuk pengguna WordPress, Rank Math dapat membantu mengotomatisasi beberapa bagian pekerjaan Image SEO, tetapi pemeriksaan manual tetap penting agar informasi yang dihasilkan benar-benar sesuai dengan gambar.
Dengan workflow yang konsisten, gambar tidak lagi menjadi sekadar dekorasi halaman. Gambar dapat menjadi bagian dari pengalaman pengguna, aksesibilitas, performa website, dan strategi pencarian organik secara keseluruhan.
FAQ
Apakah gambar berpengaruh terhadap SEO?
Ya. Gambar dapat memberikan konteks tambahan bagi mesin pencari, mendukung pengalaman pengguna, dan berpotensi menghasilkan trafik melalui pencarian gambar. Optimasi gambar juga berkaitan dengan performa halaman.
Berapa ukuran gambar yang ideal untuk website?
Tidak ada satu ukuran universal untuk semua website. Ukuran ideal bergantung pada area tampilan, perangkat pengguna, dan kebutuhan visual. Prinsipnya, gunakan dimensi yang cukup untuk menampilkan gambar dengan jelas tanpa mengirimkan file yang jauh lebih besar dari kebutuhan.
Apakah alt text harus mengandung keyword?
Tidak harus. Alt text sebaiknya menjelaskan isi gambar secara singkat dan akurat. Keyword dapat digunakan jika memang relevan dengan gambar, tetapi sebaiknya tidak dipaksakan.
Apakah WebP lebih baik untuk SEO?
WebP dapat menjadi pilihan yang efisien karena dapat memberikan kualitas gambar yang baik dengan ukuran file yang relatif kecil. Namun, pemilihan format tetap perlu disesuaikan dengan jenis gambar dan kebutuhan website.
Apakah semua gambar harus diberi alt text?
Gambar yang menyampaikan informasi sebaiknya memiliki alt text yang sesuai. Untuk gambar dekoratif yang tidak memberikan informasi tambahan, penerapan alt text perlu mengikuti praktik aksesibilitas yang tepat daripada memasukkan keyword secara paksa.
Apakah nama file gambar memengaruhi SEO?
Nama file yang deskriptif membantu mesin pencari memahami konteks gambar. Google dan Rank Math sama-sama menekankan penggunaan nama file yang relevan, singkat, dan tidak dipenuhi keyword.
Apakah Rank Math bisa membuat alt text otomatis?
Ya. Rank Math memiliki fitur Image SEO yang dapat menambahkan alt attribute yang hilang menggunakan format dan variabel tertentu. Namun, hasil otomatis tetap perlu diperiksa agar sesuai dengan isi gambar.