11 Tips Penting Cara Mengoptimasi Gambar (SEO)

  • by

Konten visual Anda harus dioptimalkan untuk pelanggan dan mesin pencari Anda. Gunakan tip pengoptimalan gambar berikut untuk kecepatan dan kemudahan ditemukan.

Pikirkan tentang terakhir kali Anda mengunggah gambar ke situs web Anda. Kemungkinan Anda mengunduhnya dari situs fotografi stok, mengunggahnya ke bagian situs Anda, dan kemudian memasukkannya ke halaman.

Ini membuat contoh cemerlang dari pengoptimalan gambar, bukan? Tidak terlalu.

Anda telah menambahkan beban bola bowling raksasa ke situs Anda yang memperlambat kecepatan laman. Dan, mesin telusur tidak dapat membaca gambar Anda tanpa teks alt.

Mari kita ubah itu.

Lebih dari 20% dari semua pencarian web AS terjadi di Gambar Google, menurut data 2018 dari Jumpshot.

Baik amatir maupun profesional SEO tahu bahwa mengoptimalkan gambar untuk situs web Anda sangat berharga untuk waktu yang dihabiskan.

Dan Morgan dari WebSpection mendapatkan salah satu fotonya menempati peringkat #1 di Gambar Google 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, mengompresi gambar, dan beberapa trik SEO lainnya.

Tanpa pengoptimalan gambar yang tepat, Anda membuang-buang aset SEO yang berharga.

Ini seperti mesin telusur yang memberikan Oreo dan susu secara gratis. Tapi, Anda hanya mengambil Oreo. Padahal kenyataannya, Oreo jauh lebih baik dicelupkan ke dalam susu.

Pengoptimalan gambar menciptakan banyak keuntungan seperti pengalaman pengguna yang lebih baik, waktu muat halaman yang lebih cepat, dan peluang peringkat tambahan. Dan, itu menjadi peran yang semakin penting.

Seperti yang ditunjukkan Matt Southern, pernyataan Gary Illyes tentang pencarian gambar dalam obrolan Reddit baru-baru ini:

“Kami hanya tahu bahwa penelusuran media terlalu diabaikan untuk apa yang mampu dilakukannya bagi penerbit, jadi kami mengerahkan lebih banyak insinyur untuk itu serta lebih banyak penjangkauan.”

Namun faktor mana yang paling penting untuk memastikan gambar Anda dapat ditemukan dan tidak memperlambat situs Anda?

Berikut adalah 11 tip penting pengoptimalan gambar yang perlu Anda ketahui.

1. Pilih Format yang Tepat

Mendekodekan semua format gambar yang beragam bisa terasa seperti pertama kali Anda memesan di Taco Bell. Namun, sebelum Anda dapat mulai menambahkan gambar ke situs Anda, Anda ingin memastikan bahwa Anda telah memilih jenis file terbaik.

Meskipun ada banyak format gambar yang dapat dipilih, PNG dan JPEG adalah yang paling umum untuk web.

  • PNG: Menghasilkan gambar dengan kualitas lebih baik, tetapi hadir dengan ukuran file yang lebih besar.
  • JPEG: Anda mungkin kehilangan kualitas gambar, tetapi Anda dapat menyesuaikan level kualitas untuk menemukan keseimbangan yang baik.
  • WebP: Pilih kompresi lossless atau lossy menggunakan ini, satu-satunya format gambar yang didukung oleh Chrome dan Firefox.

Bagi saya, PNG adalah pahlawan pemformatan gambar tanpa tanda jasa. Biasanya, saya hanya menggunakan JPEG untuk gambar yang lebih besar dan lebih visual yang diambil oleh fotografer sejati. Tapi, untuk penggunaan sehari-hari saya, PNG adalah cara terbaik.

2. Kompres Gambar Anda

Ya, tidak ada kemarahan seperti halaman web yang membengkak setelah mengupload gambar yang tidak dikompresi.

Mesin telusur akan melihat laman web Anda seperti Anda melihat tong besar Crisco: Anda tidak dapat secara serius mempertimbangkan untuk meletakkannya di situs web Anda, bukan?

Menurut Arsip HTTP, gambar mencapai rata-rata 21% dari total bobot halaman web.

Itulah mengapa saya sangat menyarankan untuk mengompresi gambar Anda sebelum mengupload ke situs Anda. Anda dapat melakukan ini di Photoshop atau Anda dapat menggunakan alat seperti TinyPNG. TingPNG juga memiliki plugin WordPress yang dapat Anda gunakan juga.

Namun, saya lebih suka WP Smush sebagai plugin WordPress saya. Ini mengurangi ukuran file gambar tanpa menghilangkan kualitas. Apa pun plugin yang Anda gunakan, pastikan untuk menemukan plugin yang mengompresi gambar secara eksternal di server mereka. Ini mengurangi beban di situs Anda sendiri.

Atau, selangkah lebih maju dan gunakan CDN gambar yang mendeteksi perangkat dan mengoptimalkan gambar sebelum pengiriman. Cloudinary dan Imgix adalah dua opsi untuk dicoba.

Enhasingly.com meningkatkan kecepatan situs web sebesar 33% / 2 detik dengan mengompresi gambar.

Maksud saya, ada sesuatu yang seksi tentang kecepatan halaman yang lebih cepat setelah Anda mengompres gambar Anda.

Jika Anda tidak yakin bagaimana gambar Anda memengaruhi kecepatan halaman Anda, saya sarankan untuk menggunakan alat PageSpeed ​​Insights Google.

3. Buat Gambar Unik

Anda ingin foto Anda muncul di situs Anda. Jika Anda mengisi situs web dengan citra saham, Anda akan terlihat tidak orisinal – seperti ribuan situs lain yang tidak menonjol.

 

Terlalu banyak situs web yang berantakan dengan stok foto umum yang sama.

Pikirkan tentang situs web perusahaan, perusahaan konsultan, bisnis yang membanggakan layanan pelanggannya. Semua situs web ini menggunakan gambar stok yang hampir sama dari seorang pengusaha yang tersenyum.

Saya yakin Anda pernah melihat yang terlihat seperti ini:

common business man stock image

Meskipun Anda mungkin memiliki gambar stok yang dioptimalkan dengan sempurna, itu tidak akan memiliki dampak yang sama atau potensi manfaat SEO seperti gambar asli berkualitas tinggi.

Semakin banyak gambar orisinal yang Anda miliki, pengalaman pengguna yang lebih baik dan peluang peringkat yang lebih baik untuk pencarian yang relevan.

Ingatlah bahwa gambar besar lebih cenderung diunggulkan di Google Discover. Seperti yang direkomendasikan Google dalam resource SEO Lanjutannya, “Gambar besar harus berukuran setidaknya 1200 piksel dan diaktifkan oleh max-image-preview: large setting, atau dengan menggunakan AMP.” Jangan gunakan logo Anda sebagai gambar.

4. Waspadai Hak Cipta

Terlepas dari file gambar yang Anda pilih untuk digunakan, pastikan tidak ada konflik hak cipta.

Layanan Pos membayar $ 3,5 juta dalam gugatan hak cipta gambar. Dan, Sketchers dituntut sebesar $ 2,5 juta.

Jika Getty, Shutterstock, DepositFiles, atau penyedia foto stok lainnya memiliki gambar yang Anda gunakan, dan Anda tidak memiliki lisensi untuk menggunakannya, Anda berisiko mendapatkan tuntutan hukum yang mahal.

Di bawah Digital Millennium Copyright Act (DMCA), Anda dapat menerima pemberitahuan jika Anda telah melanggar masalah hak cipta apa pun. Jika pemilik suatu konten melihat konten mereka di situs web Anda, mereka dapat mengeluarkan DMCA Penghapusan yang harus Anda patuhi.

Gambar Google memungkinkan Anda memfilter hasil berdasarkan hasil yang tersedia untuk digunakan kembali. Dan, Mindy Weinstein membagikan 41 situs berbeda untuk menemukan gambar gratis.

5. Sesuaikan Nama File Gambar

Dalam hal SEO, membuat nama file yang deskriptif dan kaya kata kunci sangatlah penting.

Tidak menyesuaikan nama file gambar Anda seperti mendapatkan burrito yang tidak berisi apa-apa. Itu hanya menyebalkan.

Nama file gambar memberi tahu Google dan crawler mesin pencari lainnya tentang subjek gambar.

Biasanya, nama file akan terlihat seperti “IMG_722019” atau yang serupa. Itu seperti memesan dari menu dalam bahasa lain. 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 pada seberapa luas perpustakaan media Anda, tetapi mengubah nama gambar default selalu merupakan ide yang bagus. Mari kita ambil gambar coklat ini sebagai contoh:

dark chocolate coffee flavored bar

Saya dapat menamainya dengan “cokelat”, tetapi jika Anda menjual cokelat di situs web Anda, kemungkinan setiap gambar dapat diberi nama “cokelat-1”, “cokelat-2”, dan seterusnya.

Saya menamai gambar ini “kopi-cokelat-pekat” agar pengguna dan mesin telusur memahami gambar tersebut.

6. Menulis Teks Alt yang SEO-Friendly

Tag Alt adalah alternatif teks untuk gambar saat browser tidak dapat merendernya dengan benar. Mirip dengan judul, atribut alt digunakan untuk mendeskripsikan konten file gambar.

Saat gambar tidak dapat dimuat, Anda akan mendapatkan kotak gambar dengan tag alt ada di sudut kiri atas. Pastikan cocok dengan gambar dan buat gambar relevan.

Memperhatikan tag alt juga bermanfaat untuk keseluruhan strategi SEO di halaman. Anda ingin memastikan bahwa semua area pengoptimalan lainnya tersedia, tetapi jika gambar gagal dimuat karena alasan apa pun, pengguna akan melihat seperti apa gambar itu.

Plus, menambahkan tag alt yang sesuai ke gambar di situs web Anda dapat membantu situs web Anda mencapai peringkat yang lebih baik di mesin pencari dengan mengaitkan kata kunci dengan gambar. Bahkan Google telah berkomentar tentang nilai teks alt dalam gambar.

Ini memberi Google informasi yang berguna tentang pokok bahasan gambar. Kami menggunakan informasi ini untuk membantu menentukan gambar terbaik yang akan ditampilkan untuk kueri pengguna.

Teks alternatif diperlukan menurut American Disabilities Act untuk individu yang tidak dapat melihat gambar sendiri. Teks alt deskriptif dapat mengingatkan pengguna tentang apa yang ada di dalam foto. Misalnya, Anda memiliki gambar cokelat di situs web Anda.

Teks alt bisa membaca:

<img src = ”chocolate-1.jpg” alt = ”coklat” />

Namun, teks alternatif yang lebih baik yang mendeskripsikan gambar akan terbaca:

<img src = ”chocolate-1.jpg” alt = ”batang rasa kopi cokelat pekat” />

Teks alternatif dapat dilihat dalam versi teks yang di-cache dari halaman, membantu keuntungannya bagi pengguna dan mesin pencari. Untuk nilai SEO lebih lanjut, teks alt dapat bertindak sebagai teks tautan dari tautan internal ketika gambar tertaut ke halaman lain di situs.

7. Pikirkan Tentang Struktur File Gambar

Pada 2018, Google memperbarui Pedoman Gambarnya. Salah satu pembaruan utama yang mereka ungkapkan adalah bahwa mereka menggunakan jalur file dan nama file untuk menentukan peringkat gambar.

Ulangi: Jalur file dan nama file merupakan faktor peringkat yang sebenarnya.

Misalnya, jika Anda adalah merek e-niaga dengan beberapa produk, daripada menempatkan semua gambar produk Anda ke dalam folder / media / generik, saya akan merekomendasikan untuk menyusun subfolder Anda menjadi lebih banyak kategori terkait topik seperti / celana pendek / atau / denim /.

8. Buat Judul & Deskripsi Halaman Anda

Google juga mengungkapkan bahwa ia menggunakan judul dan deskripsi halaman Anda sebagai bagian dari algoritma pencarian gambarnya.

Halaman dukungan Google menyatakan:

“Gambar Google secara otomatis menghasilkan judul dan cuplikan untuk menjelaskan setiap hasil dan bagaimana kaitannya dengan kueri pengguna… Kami menggunakan sejumlah sumber berbeda untuk informasi ini, termasuk informasi deskriptif dalam judul, dan tag meta.”

Semua faktor dasar SEO pada halaman Anda seperti meta data, tag header, salinan pada halaman, data terstruktur, dll. Memengaruhi cara Google memberi peringkat pada gambar Anda.

Ini seperti meletakkan semua topping di atas burrito Anda. Rasanya jauh lebih enak dengan guac. Jadi, pastikan untuk menambahkan guac untuk meningkatkan peringkat gambar.

9. Tentukan Dimensi Anda

Jika Anda menggunakan AMP atau PWA, Anda harus menentukan dimensi gambar Anda di kode sumber.

Namun, jika Anda tidak menggunakan keduanya, praktik terbaiknya adalah menentukan lebar dan tinggi. Ini memberikan pengalaman pengguna yang lebih baik.

Plus, ini memungkinkan browser untuk mengukur gambar sebelum CSS dimuat. Ini menghentikan halaman agar tidak melompat saat dimuat.

Atribut dimensi gambar juga penting untuk mencegah masalah Pergeseran Tata Letak Kumulatif (CLS) yang dapat mengganggu pengoptimalan Core Web Vitals Anda.

Kuncinya adalah memastikan bahwa Anda menyertakan atribut lebar dan tinggi untuk setiap elemen gambar dan video.

Ini memberi tahu browser berapa banyak ruang yang harus dialokasikan untuk sumber daya dan mencegah peralihan konten yang mengganggu yang menurunkan skor CLS Anda. Pelajari lebih lanjut di sini.

10. Jadikan Gambar Anda Ramah Seluler

Oh, SEO seluler. Pada kondisi terburuknya, ini dapat memberi Anda rasio pentalan tinggi dan konversi rendah. Namun, yang terbaik, ini dapat memberi Anda lebih banyak kekuatan peringkat dan keterlibatan pengguna yang lebih baik

Masalahnya adalah, bagaimana Anda mengoptimalkan gambar Anda untuk indeks yang memprioritaskan seluler?

Anda membuat gambar responsif. Artinya, gambar akan diskalakan dengan ukuran situs apakah pengguna menggunakan desktop atau seluler. Ini menyesuaikan dengan ukuran perangkat.

Mozilla menawarkan komprehensif tentang penggunaan atribut srcset dan ukuran untuk menyediakan gambar sumber tambahan pada browser, memungkinkan tampilan konten gambar identik yang diubah ukurannya untuk perangkat.

Penting untuk memformatnya dengan bagian berbeda dari nilai atribut pada setiap baris, seperti yang ditunjukkan dalam contoh ini dari sumber dayanya:

<img srcset = “elva-fairy-480w.jpg 480w,
elva-fairy-800w.jpg 800w ”
size = “(max-width: 600px) 480px,
800px ”
src = “elva-fairy-800w.jpg”
alt = “Elva berpakaian seperti peri”>

11. Tambahkan Gambar ke Peta Situs Anda

Baik Anda menambahkan gambar ke peta situs atau membuat peta situs baru untuk gambar, Anda pasti menginginkan gambar di suatu tempat di peta situs Anda.

Memiliki gambar Anda di peta situs sangat meningkatkan kemungkinan mesin pencari merayapi dan mengindeks gambar Anda. Dengan demikian, menghasilkan lebih banyak lalu lintas situs.

Jika Anda menggunakan WordPress, Yoast menawarkan solusi peta situs di plugin mereka.

Poin Penting Pengoptimalan Gambar

Jadi, sebelum Anda mulai mengunggah gambar Anda ke situs Anda, pastikan untuk mengikuti ritual pengoptimalan gambar dari atas.

Hal terpenting adalah memastikan gambar dan teks alternatif relevan dengan halaman. Poin utama lainnya:

  • Pilih format file yang tepat. PNG adalah favorit saya untuk tangkapan layar.
  • Kurangi ukuran file untuk kecepatan memuat halaman lebih cepat.
  • Pastikan elemen SEO pada halaman Anda (meta data, data terstruktur, dll.) Dipasangkan dengan gambar Anda.
  • Agar dapat dirayapi, buat peta situs gambar atau pastikan gambar Anda ditampilkan di peta situs Anda.

Mengoptimalkan gambar bukanlah lelucon. Dengan kemajuan dalam teknologi pencarian suara, media menjadi semakin penting dan seluruh situs Anda akan mendapatkan keuntungan dari mengambil langkah-langkah di atas.

Selamat mengoptimalkan!