Cara Mengoptimalkan Gambar untuk Web

Diperbarui 19 September 2022

Gambar tidak hanya membuat konten Anda lebih mudah diakses, menarik, dan menarik bagi pengguna, tetapi juga penting untuk SEO.

Memahami dasar-dasar pengoptimalan gambar memberi konten Anda peluang terbaik untuk berhasil dengan SEO.

Apa itu optimasi gambar?

Pengoptimalan gambar melibatkan pembuatan dan pengiriman gambar berkualitas tinggi dalam format, ukuran, dan resolusi yang ideal untuk meningkatkan keterlibatan pengguna. Ini juga melibatkan pelabelan gambar secara akurat dengan metadata sehingga perayap mesin telusur dapat membacanya dan memahami konteks halaman.

Menurut Arsip HTTP, pada tahun 2018, gambar membentuk 21% dari total berat rata-rata halaman web, dan pangsa itu kemungkinan telah meningkat seiring dengan meningkatnya penggunaan gambar dalam beberapa tahun terakhir – gambar tersebut mengkonsumsi lebih banyak byte daripada bagian lain dari situs web. Dengan demikian, ukuran dan kompleksitas gambar sangat memengaruhi kinerja situs.

Saat Anda dapat mengurangi ukuran gambar tanpa mengurangi kualitas, waktu muat halaman dan pengalaman pengguna secara keseluruhan akan meningkat. Itu dapat berdampak positif pada peringkat mesin pencari, yang selanjutnya meningkatkan keterlibatan pelanggan, konversi, dan retensi pelanggan.

TIP: Gambar yang dioptimalkan menggunakan lebih sedikit ruang penyimpanan di server Anda, sehingga pencadangan situs diselesaikan lebih cepat dan lebih cepat.

Sekarang, saya akan merinci 10 cara untuk mengoptimalkan gambar Anda.

1. Ubah ukuran gambar Anda

Ukuran gambar dan ukuran file bukanlah hal yang sama. Ukuran gambar mengacu pada dimensi gambar (misalnya, 1024 piksel kali 680 piksel). Ukuran file adalah ruang penyimpanan (misalnya, 350 kilobyte).

Gambar dengan resolusi lebih tinggi dan dimensi lebih besar memperlambat waktu pemuatan halaman Anda secara signifikan. Sementara mereka bekerja dengan baik untuk bahan cetak, mereka harus diperkecil dan ukurannya untuk web.

TIP: Lihat panduan ini untuk mengidentifikasi ukuran gambar terbaik untuk platform media sosial.

Simpan format yang sesuai

PNG, JPEG, dan GIF masing-masing memiliki kelebihan. Saya merekomendasikan JPEG untuk gambar dengan banyak warna dan PNG untuk gambar sederhana.

Format gambar teratas untuk web: PNG, JPEG, SVG, GIF

Sumber gambar

Pilih tingkat kompresi yang tepat

Seberapa baik gambar dikompresi memengaruhi ukuran dan kualitas file – semakin kecil file, semakin buruk kualitas gambar.

Bereksperimenlah dengan jenis file dan kecepatan kompresi untuk melihat apa yang terbaik untuk setiap gambar. Banyak alat pengeditan gambar, seperti Adobe Photoshop, memiliki opsi simpan-untuk-web yang secara otomatis meminimalkan ukuran file sambil mengoptimalkan kualitas gambar.

Jika Anda tidak menggunakan Photoshop, alat dan plugin ini dapat membantu:

Alat pengoptimalan gambar

Plugin WordPress untuk pengoptimalan gambar

Uji kecepatan

Setelah Anda mengoptimalkan gambar Anda, bagaimana Anda tahu apakah waktu pemuatan halaman situs web Anda cukup cepat? Gunakan salah satu alat ini untuk menguji kecepatan situs Anda:

TIP: Jika konten situs web Anda sering berubah, periksa waktu muat Anda secara teratur.

KONTEN TERKAIT PILIHAN SENDIRI: Cara Memastikan Pengalaman Visual yang Optimal di Seluruh Perangkat

2. Optimalkan nama file gambar

Beri nama file dengan kata kunci deskriptif yang relevan untuk mendapatkan kekuatan SEO paling banyak. Sertakan kata kunci target di awal dan pisahkan dengan tanda hubung. Jangan gunakan garis bawah karena mesin telusur tidak mengenalinya dan tidak akan dapat “melihat” kata satu per satu.

Beri nama file gambar dengan kata kunci deskriptif yang relevan untuk mendapatkan kekuatan #SEO paling banyak, kata @IsaacJustesen melalui @CMIContent. Klik Untuk Tweet

Nama file harus masuk akal bagi mesin pencari dan manusia. Misalnya, jika nama asli untuk gambar seorang wanita di salon rambut adalah salon234.jpg, ganti namanya dengan judul yang lebih jelas dan deskriptif, seperti woman-have-a-haircut-in-a-salon.jpg.

3. Gunakan tag alt

Pemirsa mungkin memahami gambar tersebut, tetapi spider mesin telusur membutuhkan petunjuk. Tanpa teks alternatif, mesin pencari tidak dapat mengindeks konten gambar Anda secara akurat.

Tag alt yang baik memberikan konteks dan membantu pengguna tunanetra juga. Ini juga membantu ketika kesalahan mencegah gambar dimuat karena mesin pencari dapat membaca teks alternatif untuk menginformasikan peringkat halaman. Tulis tag alt lebih detail daripada nama file. Bertujuan untuk 10 sampai 15 untuk menyampaikan sesuatu tentang gambar.

TIP: Istilah yang relevan dengan merek dapat ada dalam tag alt untuk meningkatkan visibilitas, tetapi hindari isian kata kunci.

KONTEN TERKAIT PILIHAN SENDIRI:

4. Jadikan gambar ramah seluler

Algoritme Google menggunakan pengindeksan yang mengutamakan seluler, jadi perayap terutama melihat versi seluler situs. Dengan demikian, gambar Anda juga harus ramah seluler. Bagaimana? Jawaban singkatnya adalah memastikan gambar dan tata letak situs web Anda responsif terhadap perangkat tampilan.

Beberapa templat dan pembuat situs web secara otomatis mengubah ukuran gambar, tetapi Anda dapat menentukan ukuran gambar berdasarkan lebar perangkat. Untuk melakukan ini, tambahkan sedikit kode CSS khusus ke situs web Anda. Lihat panduan sederhana ini untuk mempelajari lebih lanjut tentang membuat gambar Anda responsif.

5. Optimalkan judul gambar

WordPress biasanya mengambil judul gambar dari nama filenya. Namun, jika Anda tidak menggunakan WordPress atau judulnya tidak menjelaskan gambar, perbarui dengan kata kunci yang sesuai dengan cara yang sama seperti nama file.

Judul gambar kurang penting untuk SEO, tetapi dapat memberikan konteks tambahan pada teks alternatif. Judul gambar lebih membantu dalam hal keterlibatan pengguna, jadi pertimbangkan untuk menambahkan ajakan bertindak singkat seperti “beli sekarang” atau “unduh sekarang”.

6. Sertakan keterangan

Keterangan gambar – kata-kata langsung di bawah gambar – mungkin tidak secara langsung memengaruhi SEO. Namun, tidak seperti nama file dan teks alternatif, keterangan terlihat dan dapat menambah pengalaman situs web. Menambahkan teks dapat memiliki efek tidak langsung pada SEO, meningkatkan pengalaman pengguna dan metrik keterlibatan.

Gunakan teks untuk gambar guna menciptakan pengalaman pengguna yang lebih baik (dan rasio pentalan yang lebih rendah), kata @IsaacJustesen melalui @CMIContent. Klik Untuk Tweet

7. Gunakan gambar yang unik

Menggunakan foto stok boleh-boleh saja, tetapi itu tidak serta merta membantu peringkat pencarian Anda karena situs web lain kemungkinan menggunakan gambar yang sama. Dengan cara yang sama, konten tertulis yang unik lebih baik untuk SEO, ada baiknya untuk mengunggah gambar yang unik.

KONTEN TERKAIT PILIHAN SENDIRI:

8. Pastikan teks melengkapi gambar

Salinan halaman dapat membantu mesin telusur menentukan relevansi gambar Anda jika teks Anda tidak menyertakan informasi yang cukup untuk menjelaskan suatu gambar, perluas deskripsinya.

9. Tambahkan data terstruktur gambar

Menyertakan data terstruktur di halaman Anda membantu mesin telusur menampilkan gambar Anda sebagai hasil kaya. Google Gambar mendukung data terstruktur untuk gambar produk, video, dan resep. Misalnya, ia menambahkan lencana ke gambar jika ia mengetahui teks, seperti resep, yang menyertainya.

Menambahkan data terstruktur ke halaman Anda membantu mesin pencari menampilkan gambar Anda sebagai hasil yang kaya, kata @IsaacJustesen melalui @CMIContent. #SEO Klik Untuk Tweet

Gunakan pedoman umum data terstruktur Google untuk mempelajari cara menambahkan data terstruktur ke halaman Anda dalam parameter mesin telusur.

10. Gunakan peta situs

Google menjelaskan peta situs sebagai “file tempat Anda dapat mencantumkan halaman web situs Anda untuk memberi tahu Google dan mesin pencari lainnya tentang organisasi konten situs Anda.” Dengan kata lain, ini adalah file yang berisi peta konten situs Anda.

Peta situs adalah bagian penting dari SEO karena peta situs memberi tahu mesin pencari tentang halaman dan struktur situs web Anda. Untuk memastikan bahwa perayap mesin telusur memperhatikan setiap gambar – infografis, meme, foto, gambar mini video, dll. – sertakan gambar tersebut di peta situs Anda.

Untuk setiap entri gambar, sertakan judul, deskripsi, lokasi URL, keterangan, dan informasi lisensi. Untuk entri video, sertakan judul, deskripsi, lokasi URL, URL thumbnail, dan URL file video mentah.

Jika situs web Anda dihosting di WordPress, Anda dapat menggunakan Yoast SEO, yang secara otomatis menambahkan konten visual ke peta situs.

KONTEN TERKAIT YANG DIPILIH SENDIRI: Bagaimana Melakukan Audit SEO yang Bermanfaat dalam Beberapa Jam

Maksimalkan gambar Anda

Jika Anda kesulitan untuk membuat konten Anda diperhatikan, ingatlah strategi ini sebelum Anda mengunggah gambar apa pun. Teknik pengoptimalan gambar ini akan meningkatkan kesukaan konten Anda terhadap mesin telusur dan pengguna manusia.

KONTEN TERKAIT YANG DIPILIH SENDIRI: Generator Teks-ke-Gambar AI: Pembunuh Pekerjaan atau Asisten Robot yang Ramah?

Harap dicatat: Semua alat yang disebutkan diidentifikasi oleh penulis. Jika Anda memiliki alat untuk disarankan, silakan tambahkan di komentar.

Ingin lebih banyak kiat, wawasan, dan contoh pemasaran konten? Langganan ke email hari kerja atau mingguan dari CMI.

Gambar sampul oleh Joseph Kalinowski/Content Marketing Institute