Apa itu Optimasi Gambar dan Mengapa Penting untuk SEO?

Diterbitkan: 2019-08-13
Image Optimization

Terakhir diperbarui - 8 Juli 2021

Konten visual merupakan bagian integral dari setiap situs web saat ini, dengan lebih dari 80% pemasar menggunakan media yang kaya untuk kampanye digital. Pembaruan terakhir di antarmuka pencarian gambar Google telah meningkatkan pentingnya konten visual dalam peringkat halaman bahkan lebih. Mengoptimalkan gambar mengurangi kecepatan memuat halaman dan meningkatkan peringkat halaman secara signifikan. Baca terus untuk mengetahui lebih lanjut tentang apa itu pengoptimalan gambar dan mengapa itu penting untuk SEO.

Apa itu Optimasi Gambar?

Optimalisasi gambar mengacu pada proses pengiriman gambar berkualitas tinggi sambil mempertahankan ukuran sekecil mungkin.

Ada tiga metode utama untuk optimasi gambar: mengubah ukuran, caching atau mengompresi. Mengubah ukuran berarti memperkecil ukuran gambar untuk mencapai ukuran terkecil dengan kualitas tertinggi. Metode caching, menyimpan file gambar dalam cache browser, mengurangi waktu buka halaman.

Mengapa Penting untuk Mengoptimalkan Gambar?

Setiap hari, menurut Google, ratusan juta orang menggunakan Gambar Google untuk mencari konten web secara visual. Penelusuran gambar mewakili 27% dari semua kueri yang dihasilkan di 10 properti penelusuran web teratas AS.

Pembaruan tombol “Lihat Gambar” Google dari Penelusuran Gambar menjadi “Kunjungi [Halaman].” menghasilkan platform analitik yang mencatat peningkatan sesi yang dihasilkan dari pencarian gambar. Ini meningkatkan visibilitas konten untuk halaman host. Gambar adalah sumber lalu lintas yang penting dan kita harus memanfaatkannya.

Mengoptimalkan gambar Anda mengurangi waktu pemuatan halaman. Oleh karena itu, ada lebih banyak kemungkinan pengunjung akan tetap berada di situs web Anda, karena waktu rata-rata pengguna menunggu halaman dimuat dalam 2 detik. Semakin cepat halaman Anda dimuat, semakin tinggi permanen pengunjung Anda di situs. Apalagi karena Google memprioritaskan situs yang lebih cepat, dan menghukum situs yang lambat. Singkatnya, mengoptimalkan gambar Anda dapat membantu Anda dengan dua aspek utama:

Kecepatan memuat halaman

Gambar berisi lebih dari setengah berat halaman web. Itulah mengapa mengoptimalkan ukuran gambar adalah cara paling sederhana untuk meminimalkan kecepatan memuat Anda.

Peringkat SEO

Mencapai sudut kiri emas adalah tujuan jika setiap pemasar dan administrator web. Oleh karena itu, mengoptimalkan gambar untuk SEO adalah suatu keharusan. Kami akan membahas beberapa tip dan teknik di bagian berikut.

Kasus untuk eCommerce

Mengoptimalkan gambar sangat penting dalam kasus toko eCommerce untuk menyediakan katalog yang jelas dan menarik. Karena itu, Anda memerlukan platform eCommerce yang solid yang memiliki fitur SEO bawaan untuk mendapat peringkat lebih tinggi dalam hasil mesin pencari.

Tiga platform eCommerce teratas, Shopify, Magento, dan Woocomerce, menekankan pentingnya mengoptimalkan gambar untuk SEO. Misalnya, Shopify memiliki tutorial online yang merekomendasikan kepada penggunanya untuk mengoptimalkan gambar mereka untuk SEO dan konversi, lebih memilih file JPG daripada format lain karena rasio kualitas dan ukuran.

Oleh karena itu, memilih platform yang menyediakan fungsionalitas SEO terbaik adalah kunci untuk memaksimalkan dampak dari gambar yang Anda optimalkan. Mari kita tinjau tiga platform eCommerce teratas itu dengan cepat:

WooCommerce

Menyediakan akses ke kode sumber toko Anda dan memiliki berbagai penyesuaian yang tersedia, oleh karena itu dianggap SEO-Friendly. Oleh karena itu, ekstensi ke sistem manajemen konten WordPress kompatibel dengan plugin WordPress SEO. Ini adalah salah satu platform eCcommerce paling populer, menurut statistik ini .

Beberapa plugin SEO yang tersedia untuk WooCommerce adalah:

  • Wawasan Monster
  • Semua dalam satu paket SEO
  • Peta Situs Google XML
  • Cache Total W3
  • BZ Beban Malas
  • Gambar yang Dioptimalkan SEO

Harga —ini adalah plugin eCommerce gratis dengan pembaruan gratis, menawarkan ekstensi harga untuk SEO mulai dari $49

Keamanan —Anda harus memasang sertifikat SSL yang dijual oleh host atau vendor pihak ketiga, yang memerlukan kata sandi yang kuat, dan login yang terbatas.

Kinerja —WooCommerce cenderung menjadi lebih lambat saat memuat gambar dengan banyak versi.

Magento

Platform eCommerce terkelola ujung ke ujung, salah satu platform yang paling banyak digunakan.

SEO —Menyediakan fitur built-in SEO yang kuat yang dapat diperluas untuk toko online menengah dan besar. Beberapa ekstensi SEO yang tersedia untuk Magento adalah:

  • Ekstensi Magento SEO Suite Pro v9.5.2
  • Suite SEO Tingkat Lanjut oleh Mirasvit
  • Ekstensi Magento SEO Gratis oleh Creare
  • Suite SEO Terbaik oleh AheadWorks v1.3.8

Harga —ini adalah sumber terbuka, dengan edisi komunitas gratis. Magento Enterprise Edition adalah versi berbayar, dengan harga berdasarkan permintaan penawaran. Seperti WooComerce, menawarkan ekstensi SEO berbayar.

Performa —berfungsi sebagai Sistem Manajemen Konten, dan didukung oleh Adobe, membuatnya gesit dan ramah pengguna.

Shopify

Platform eCommerce berbasis cloud, fitur penjualan tanpa batas membuatnya sangat populer.

SEO —Aplikasi Shopify seperti plugin untuk memperluas fungsinya, dengan pasar aplikasinya sendiri.

Beberapa Aplikasi SEO terbaik untuk Shopify meliputi:

  • Pengoptimal Gambar SEO
  • Manajer Meta SEO
  • Ultra SEO

Harga —dilengkapi dengan paket harga yang berbeda, dimulai dengan uji coba 14 hari. Paket dasar mulai dari $29 dan naik menjadi $279.

Performa —Salah satu fitur terbaik Shopify adalah kecepatan pemuatan halaman yang tinggi. Ini adalah hasil dari prioritas tinggi yang ditempatkan Shopify pada pengoptimalan gambar.

Cara Mengoptimalkan Gambar untuk Web dan Performa

Berikut adalah beberapa tip untuk membantu Anda mengoptimalkan gambar Anda untuk kinerja terbaik.

#1. Menamai file gambar secara alami

Cara paling sederhana untuk memasukkan gambar ke dalam SEO Anda adalah dengan menamainya. Cobalah untuk menemukan nama logis untuk gambar, dengan menggunakan kata kunci yang dapat diperingkatkan oleh gambar tersebut.

Misalnya, katakanlah Anda memiliki toko e-niaga yang menjual perhiasan buatan tangan dan Anda menjual anting-anting pada gambar di bawah, yang Anda beri nama “ Selimut Perak”:

Anda bisa menamai gambar tersebut “image17797.jpg” atau bisa juga dengan nama “earrings-seed-beads-woven.jpg”, lebih sesuai dengan kata kunci pencarian yang bisa digunakan calon pelanggan Anda untuk mencari produk Anda.

Demikian pula, alt gambar dan atribut judul membantu gambar berperingkat lebih tinggi dalam pencarian, meningkatkan pengalaman pengguna. Ini, pada gilirannya, membangun relevansi halaman dari waktu ke waktu, sehingga mesin pencari mengidentifikasi halaman tersebut sebagai halaman yang layak mendapat peringkat lebih tinggi.

Tulis atribut tersebut secara ringkas dan logis secara tata bahasa untuk membantu pembaca aksesibilitas, sehingga meningkatkan pengalaman semua pengguna. Hal yang sama berlaku untuk keterangan gambar di halaman dan kata kunci di sekitar gambar membantu mesin pencari mendapatkan lebih banyak konteks untuk gambar.

 Tag judul HTML halaman host sekarang ditampilkan dalam hasil pencarian gambar, jadi ini juga harus relevan dengan gambar.

#2. Menggunakan ukuran dan format yang tepat

Bekerja dengan berbagai jenis format dapat membantu Anda menjaga bobot situs web Anda tetap pada jalurnya. Misalnya, Anda dapat menggunakan SVG untuk logo atau ikon karena ringan dan bekerja dengan baik dengan gambar sederhana dan warna terbatas.

PNG sangat bagus untuk digunakan dengan gambar dengan latar belakang transparan, meskipun ini adalah jenis yang paling berat, jadi gunakanlah dengan hemat. JPG adalah jenis gambar yang paling umum digunakan karena memungkinkan banyak detail dan warna. Namun, Anda harus menjaga gambar JPG lebih ringan dari 100 KB dan 1920 px untuk menghindari penambahan terlalu banyak bobot pada halaman.

Jika Anda perlu menyimpan gambar besar, Anda dapat mengaturnya sebagai JPG progresif, di mana gambar mulai ditampilkan secara progresif saat dimuat

GIF harus disimpan untuk animasi sederhana dengan skema warna sederhana karena dibatasi hingga 256 warna.

#3. Uji A/B gambar Anda

Contoh yang bagus tentang cara meningkatkan gambar Anda adalah kasus Unilever. Unilever merevolusi pasar dengan citra pahlawan mereka menggantikan bidikan paket tradisional untuk meningkatkan pengalaman pengguna ponsel. Gambar pahlawan ini menyampaikan lebih banyak informasi, dengan paket close up dan strip yang menampilkan elemen yang paling menarik bagi konsumen.

#4. Hosting dan caching gambar

Gambar dapat meningkatkan jumlah permintaan yang dibuat ke server sebelum browser menyelesaikan pemuatan halaman, memperlambat halaman.

 Sprite gambar dan gambar yang dihosting berguna sekali untuk mempercepat pengambilan dan pemuatan gambar Hari ini, tergantung pada pengaturan Anda, mungkin lebih cepat untuk meng-host gambar di host yang sama dengan file HTML Anda.

Menghosting gambar di domain Anda membantu menangkap ekuitas tautan potensial dari setiap penyematan gambar Anda ke dalam kontennya. Manfaat lainnya termasuk mengontrol cache, branding, dan kontrol pengalihan.

Menggunakan Jaringan Pengiriman Konten (CDN) dapat mempersingkat waktu pemuatan dengan membuat server dekat dengan lokasi pengguna.

Mengenai caching. gambar harus menjadi aset dengan waktu caching terlama, mengatur kedaluwarsa server untuk semua jenis gambar.

 Dalam hal caching, pastikan juga kedaluwarsa server diatur untuk semua jenis gambar. Gambar harus menjadi salah satu sumber daya dengan waktu caching terlama (biasanya berminggu-minggu).

#5. Menggunakan solusi manajemen aset digital

Solusi manajemen aset digital dapat membantu tidak hanya mengatur perpustakaan gambar Anda, tetapi juga dengan pengoptimalan gambar. Solusi DAM yang baik memiliki penandaan otomatis, membantu Anda mengelola penamaan gambar dengan benar dengan kata kunci yang tepat dan dapat ditelusuri.

#6. Gunakan pemuatan malas

Menurut cara Anda memuat gambar, Anda sebenarnya dapat memperlambat halaman Anda. Menggunakan teknik lazy loading memungkinkan halaman untuk menyelesaikan pemuatan meskipun ada gambar di luar layar yang dimuat saat pengunjung menggulir halaman ke bawah.

 Ini dapat meningkatkan kecepatan halaman tetapi Anda harus berhati-hati untuk mengindeks gambar dengan benar. Dalam hal ini, menggunakan peta situs gambar membantu pengindeksan, sehingga meningkatkan penemuan dan perayapan.

Anda dapat mempelajari lebih lanjut tentang cara mengoptimalkan gambar Anda untuk situs eCommerce seperti Shopify atau WooComerce dalam tutorial YouTube ini.

Singkatnya: Gunakan Gambar untuk Meningkatkan SEO Anda

Gambar tidak hanya alat bantu visual yang bagus untuk konten Anda. Saat ini, gambar benar-benar mengarahkan lalu lintas ke konten Anda, berpotensi membangun keabadian dan meningkatkan peringkat halaman Anda. Oleh karena itu, mengoptimalkan gambar Anda untuk menarik pencarian adalah suatu keharusan bagi setiap situs web yang ingin meningkatkan SEO-nya.