Optimasi Gambar pada website

Sebelum kita ungkap apa saja teknik dan trik optimasi image untuk meningkatkan performa SEO, ada baiknya kita ketahui dulu beberapa fakta tentang ini.

Lebih dari 20% dari semua pencarian web di Amerika Serikat dilakukan di Google Images, menurut data Jumpshot tahun 2018.

Pemula dan ahli SEO sama-sama tahu bahwa mengoptimalkan gambar untuk website Anda sangat berharga untuk waktu yang dihabiskan.

Dan Morgan di WebSpection membuat salah satu fotonya menduduki peringkat #1 di Google Images untuk “orang terbaik di Cardiff” dalam waktu kurang dari empat hari dengan mengoptimalkan gambarnya.

Dan, Robbie Richards menghasilkan 150.732 kunjungan dengan menambahkan tag alt gambar, mengompress gambar, dan beberapa trik SEO lainnya.

Tanpa optimisasi gambar yang tepat, Anda membuang aset SEO yang berharga.

Ini seperti mesin pencari memberikan Oreo dan susu secara gratis. Tetapi Anda hanya mengambil Oreo. Padahal, Oreo jauh lebih enak saat dicelupkan dalam susu.

Optimisasi gambar menciptakan banyak keuntungan seperti user experience yang lebih baik, waktu muat halaman yang lebih cepat, dan peluang peringkat tambahan. Dan, perannya semakin penting sejak beberapa update algoritma terakhir.

Jika website bisnis anda masih mengupload gambar tanpa mengoptimasinya terlebih dahulu, berarti anda membutuhkan informasi kami dalam artikel ini.

Mari kita simak sama-sama.

7 Langkah optimasi gambar

1. Pilih Format Gambar yang tepat

Tips pertama untuk optimasi gambar dalam konteks SEO adalah memilih format gambar yang tepat. Saat memilih format gambar, ada beberapa opsi yang umum digunakan di web, seperti PNG dan JPEG.

PNG: Format gambar PNG menghasilkan kualitas gambar yang lebih baik, tetapi seringkali memiliki ukuran file yang lebih besar. Ini cocok untuk gambar-gambar yang membutuhkan detail yang tinggi dan transparansi.

JPEG: Format gambar JPEG dapat mengompres file gambar untuk ukuran yang lebih kecil, tetapi dengan sedikit pengurangan kualitas. Anda dapat mengatur tingkat kualitas JPEG untuk mencari keseimbangan yang baik antara ukuran file dan kualitas gambar.

WebP: Format gambar WebP adalah format baru yang didukung oleh Chrome dan Firefox. Anda dapat memilih antara kompresi lossless atau lossy saat menggunakan format ini. WebP dapat memberikan ukuran file yang lebih kecil dengan kualitas gambar yang baik.

Memilih format gambar yang tepat adalah langkah penting dalam optimasi gambar untuk SEO. Pertimbangkan jenis gambar yang Anda miliki, kebutuhan kualitas, dan ukuran file yang diinginkan saat memilih format yang paling sesuai.

2. Compress Gambar sebelum upload

Menurut HTTP Archive, komposisi gambar rata-rata 21% dari total berat halaman web.

Itulah mengapa saya sangat merekomendasikan mengompress gambar Anda sebelum menguploadnya ke website Anda. Anda dapat melakukannya di Photoshop atau menggunakan alat seperti TinyPNG.

TinyPNG juga memiliki plugin WordPress yang dapat Anda gunakan.

Namun, saya lebih suka menggunakan WP Smush sebagai plugin WordPress saya. Ini mengurangi ukuran file gambar tanpa mengurangi kualitas.

Apapun plugin yang Anda gunakan, pastikan untuk mencari yang mengompress gambar secara eksternal di server mereka. Hal ini mengurangi beban pada website Anda sendiri.

3. Gunakan gambar yang unik

Selain mengompress dan mengoptimalkan gambar, juga penting untuk menciptakan gambar unik dan asli untuk website Anda. Memiliki gambar-gambar unik tidak hanya meningkatkan daya tarik visual konten Anda, tetapi juga meningkatkan user experience secara keseluruhan.

Gambar-gambar asli memiliki beberapa keuntungan dalam hal SEO. Pertama, mereka membedakan website Anda dari pesaing yang mungkin menggunakan foto stok atau gambar generik. Gambar-gambar unik dapat membantu Anda membangun identitas merek dan menciptakan kesan yang lebih berkesan pada pengunjung.

Selain itu, gambar-gambar asli memberikan konteks dan relevansi yang berharga untuk konten Anda. Ketika mesin pencari mengindeks dan menganalisis website Anda, mereka mempertimbangkan keunikan dan kualitas visual Anda.

Hal ini dapat berdampak positif pada peringkat mesin pencari Anda, sehingga lebih mungkin bagi website Anda untuk muncul dalam pencarian yang relevan.

Semakin banyak gambar asli yang Anda miliki, semakin baik user experience dan peluang Anda untuk mendapatkan peringkat pada pencarian yang relevan.

Ingatlah bahwa gambar-gambar besar lebih mungkin ditampilkan di Google Discover.

4. Kustom nama gambar anda

Dalam hal SEO, membuat nama file gambar yang deskriptif dan kaya kata kunci sangat besar dampaknya pada kinerja SEO website kita.

Nama file gambar memberi tahu Google dan crawler mesin pencari lainnya tentang subjek gambar tersebut. Ini penting sekali untuk kita lakukan.

Biasanya, nama file akan terlihat seperti “IMG_548212” atau sesuatu yang serupa. Itu seperti memesan dari menu dalam bahasa yang berbeda. Itu tidak membantu Google.

Ubah nama file dari default untuk membantu mesin pencari memahami gambar Anda dan meningkatkan nilai SEO Anda.

Ini melibatkan sedikit pekerjaan, tergantung seberapa besar perpustakaan media Anda, tetapi mengubah nama file gambar default selalu merupakan ide yang baik.

Mari kita asumsikan Anda memiliki gambar kopi sebagai contoh.

Saya bisa memberi nama gambar itu dengan “kopi” saja, tetapi jika Anda menjual kopi di website Anda, potensial setiap gambar dapat diberi nama “kopi-1,” “kopi-2,” dan seterusnya.

Saya memberi nama gambar ini dengan “kopi gayo asli” untuk membantu pengguna dan mesin pencari memahami gambar tersebut.

5. Menulis alt text SEO Friendly

Alt text merupakan alternatif teks untuk gambar ketika browser tidak dapat menampilkan gambar dengan benar (mungkin karena masalah koneksi).

Seperti judul, atribut alt digunakan untuk menggambarkan isi dari file gambar.

Ketika gambar tidak dapat dimuat, Anda akan melihat kotak gambar dengan tag alt yang muncul di sudut kiri atas. Pastikan tag alt sesuai dengan gambar dan membuat gambar tersebut relevan.

Memperhatikan tag alt juga bermanfaat bagi strategi onpage SEO secara keseluruhan.

Anda ingin memastikan bahwa semua area optimisasi lainnya sudah diterapkan, tetapi jika gambar gagal dimuat karena alasan apa pun, pengguna akan melihat gambar yang seharusnya

Selain itu, menambahkan tag alt yang sesuai pada gambar-gambar di website Anda dapat membantu website Anda mencapai peringkat yang lebih baik di mesin pencari dengan mengaitkan kata kunci dengan gambar. Bahkan Google sendiri telah mengomentari nilai dari teks alt pada gambar.

Ini memberikan informasi yang berguna kepada Google tentang subjek gambar. Kami menggunakan informasi ini untuk membantu menentukan gambar terbaik yang akan ditampilkan sebagai respons atas permintaan pengguna.

6. Tentukan ukuran gambar dengan benar

Jika Anda menggunakan AMP (Accelerated Mobile Pages) atau PWA (Progressive Web Apps), Anda diharuskan untuk menentukan dimensi gambar dalam kode sumber.

Namun, jika Anda tidak menggunakan keduanya, tetaplah menjadi praktik terbaik untuk menentukan lebar dan tinggi gambar. Hal ini memberikan user experience yang lebih baik.

Selain itu, ini memungkinkan browser untuk menentukan ukuran gambar sebelum CSS dimuat. Ini menghindari halaman melompat saat dimuat.

Atribut dimensi gambar juga penting untuk mencegah masalah Cumulative Layout Shift (CLS) yang dapat mengganggu optimisasi Core Web Vitals Anda.

Pastikan Anda menyertakan atribut lebar dan tinggi untuk setiap elemen gambar dan video.

Ini memberi tahu browser seberapa besar ruang yang harus dialokasikan untuk sumber daya tersebut dan mencegah pergeseran konten yang mengganggu dan menurunkan skor CLS.

7. Bikin Gambar Mobile Friendly

Optimasi SEO untuk perangkat seluler bisa menjadi tantangan. Pada kasus terburuk, dapat menyebabkan tingkat pentalan yang tinggi dan konversi yang rendah.

Namun, pada kasus terbaik, dapat memberikan kekuatan peringkat yang lebih baik dan keterlibatan pengguna yang lebih baik.

Masalahnya adalah, bagaimana Anda mengoptimalkan gambar Anda untuk indeks mobile pertama?

Untungnya, Google memberikan panduan tentang praktik terbaik untuk gambar.

Secara singkat, Anda ingin membuat gambar yang responsif. Ini berarti gambar akan mengubah ukurannya sesuai dengan ukuran situs, baik pengguna menggunakan desktop atau perangkat seluler. Gambar akan menyesuaikan ukuran perangkat.

Mozilla menawarkan panduan komprehensif tentang penggunaan atribut srcset dan sizes untuk memberikan browser sumber gambar tambahan, sehingga memungkinkan tampilan konten gambar yang identik dengan ukuran yang disesuaikan untuk perangkat tersebut.

Terakhir

Sebelum Anda mengupload gambar ke website Anda, pastikan untuk mengikuti ritual optimasi gambar di atas.

Hal yang paling penting adalah memastikan gambar dan teks alternatifnya relevan dengan halaman tersebut. Berikut beberapa poin penting yang harus diingat:

Pilih format file yang tepat. PNG adalah favorit saya untuk tangkapan layar.

Kurangi ukuran file untuk mempercepat kecepatan muat halaman.

Pastikan elemen Onpage SEO Anda (metadata, data terstruktur, dll.) sejalan dengan gambar Anda.

Untuk kemudahan pengindeksan, buat sitemap gambar atau pastikan gambar-gambar Anda ditampilkan dalam sitemap Anda.

Optimasi gambar bukanlah lelucon. Dengan kemajuan teknologi pencarian suara, media semakin penting, dan seluruh situs Anda akan mendapatkan manfaat dengan mengikuti langkah-langkah di atas.

— Sumber