Konten visual Anda harus dioptimalkan untuk pelanggan dan mesin pencari Anda. Gunakan tip pengoptimalan gambar ini untuk menemukan dan kecepatan maksimum.

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

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

Anda telah menambahkan bobot bola bowling raksasa ke situs Anda yang memperlambat kecepatan halaman. Dan, mesin pencari tidak dapat membaca gambar Anda tanpa teks alternatif.

Mari kita ubah itu.

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

Amatir SEO dan pro sama-sama tahu bahwa mengoptimalkan gambar untuk situs web Anda terkenal sepadan dengan waktu yang dihabiskan.

Dan Morgan di WebSpection mendapatkan salah satu fotonya untuk 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, mengkompres gambar, dan beberapa trik SEO lainnya.

Tanpa pengoptimalan gambar yang tepat, Anda menyia-nyiakan aset SEO yang berharga.

Sepertinya mesin pencari memberikan Oreo dan susu secara gratis. Tapi, Anda hanya mengambil Oreo. Padahal pada kenyataannya, Oreo jauh lebih baik dicelupkan ke dalam susu.

Pengoptimalan gambar menciptakan banyak keuntungan seperti pengalaman pengguna yang lebih baik, waktu pemuatan 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 pencarian media terlalu diabaikan untuk apa yang mampu dilakukannya untuk penerbit, jadi kami melemparkan lebih banyak insinyur ke dalamnya serta lebih banyak penjangkauan.”

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

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

1. Pilih Format yang Tepat

Decoding semua berbagai format gambar 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 untuk dipilih, PNG dan JPEG adalah yang paling umum untuk web.

  • PNG: Menghasilkan gambar dengan kualitas lebih baik, namun hadir dengan ukuran file yang lebih besar.
  • JPEG: Anda mungkin kehilangan kualitas gambar, tetapi Anda dapat menyesuaikan tingkat 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 yang tepat.

2. Kompres Gambar Anda

Yap, tidak ada kemarahan seperti halaman web yang membengkak setelah mengunggah gambar yang tidak dikompresi.

Mesin pencari akan melihat halaman web Anda seperti Anda mungkin melihat tong besar Crisco: Anda tidak dapat dengan serius mempertimbangkan untuk menempatkannya di situs web Anda, bukan?

Menurut Arsip HTTP, gambar membentuk rata-rata 21% dari total berat halaman web.

Itu sebabnya saya sangat menyarankan untuk mengkompres gambar Anda sebelum mengunggah ke situs Anda. Anda dapat melakukan ini di Photoshop atau Anda dapat menggunakan alat seperti TinyPNG. TinyPNG juga memiliki plugin WordPress yang dapat Anda gunakan juga.

Namun, saya lebih memilih WP Smush sebagai plugin WordPress saya. Ini mengurangi ukuran file gambar tanpa menghilangkan kualitasnya. Plugin apa pun yang Anda gunakan, pastikan untuk menemukan plugin yang memampatkan 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 dikirim. Cloudinary dan Imgix adalah dua opsi untuk dicoba.

Semakin.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 mengkompres gambar Anda.

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

3. Buat Gambar Unik

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

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

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

Saya yakin Anda pernah melihat yang terlihat seperti ini:

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

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

Perlu diingat bahwa gambar besar lebih cenderung ditampilkan di Google Discover. Seperti yang direkomendasikan Google dalam sumber daya Advanced SEO-nya, “Gambar besar harus memiliki lebar setidaknya 1200 px dan diaktifkan oleh pengaturan max-image-preview:large, atau dengan menggunakan AMP.” Jangan gunakan logo Anda sebagai gambar.

4. Waspadalah terhadap Hak Cipta

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

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

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

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

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

5. Sesuaikan Nama File Gambar

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

Tidak menyesuaikan nama file gambar Anda seperti mendapatkan burrito tanpa apa pun di dalamnya. Itu hanya menyebalkan.

Nama file gambar mengingatkan Google dan perayap mesin telusur lainnya tentang subjek gambar.

Biasanya, nama file akan terlihat seperti “IMG_722019” atau 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 pada seberapa luas perpustakaan media Anda, tetapi mengubah nama gambar default selalu merupakan ide yang baik. Mari kita ambil gambar coklat ini misalnya:

Saya dapat menamakannya hanya “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 “dark-cokelat-kopi” agar pengguna dan mesin pencari memahami gambar tersebut.

6. Tulis Teks Alt yang Ramah SEO

Tag Alt adalah alternatif teks untuk gambar ketika browser tidak dapat merendernya dengan benar. Mirip dengan judul, atribut alt digunakan untuk menggambarkan isi file gambar.

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

Memperhatikan tag alt juga bermanfaat bagi keseluruhan strategi SEO di halaman. Anda ingin memastikan bahwa semua area pengoptimalan lainnya ada di tempatnya, 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 alternatif dalam gambar.

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

Teks alternatif diperlukan di bawah Undang-Undang Disabilitas Amerika untuk individu yang tidak dapat melihat gambar sendiri. Teks alternatif deskriptif dapat mengingatkan pengguna dengan tepat apa yang ada di foto. Misalnya, Anda memiliki gambar cokelat di situs web Anda.

Teks alt dapat membaca:

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

Namun, teks alternatif yang lebih baik yang menjelaskan gambar akan berbunyi:

<img src=”cokelat-1.jpg” alt=”bar rasa kopi cokelat hitam”/>

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

7. Pikirkan Tentang Struktur File Gambar

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

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

Misalnya, jika Anda adalah merek e-niaga dengan banyak produk, alih-alih menempatkan semua gambar produk Anda ke dalam folder /media/ umum, saya akan merekomendasikan penataan subfolder Anda ke topik terkait kategori lainnya 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 SEO dasar di halaman Anda seperti data meta, tag header, salinan di halaman, data terstruktur, dll. memengaruhi cara Google memberi peringkat pada gambar Anda.

Ini seperti meletakkan semua topping Anda di 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, tetap merupakan praktik terbaik untuk 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 Data Web Inti Anda.

Memastikan bahwa Anda menyertakan atribut lebar dan tinggi untuk setiap elemen gambar dan video adalah kuncinya.

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

10. Jadikan Gambar Anda Ramah Seluler

Oh, SEO seluler. Paling buruk, ini dapat memberi Anda rasio pentalan tinggi dan konversi rendah. Tetapi, yang terbaik, ini dapat memberi Anda lebih banyak kekuatan peringkat dan keterlibatan pengguna yang lebih baik.

Masalahnya, bagaimana Anda mengoptimalkan gambar Anda untuk indeks mobile-first?

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

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

Penting untuk memformat ini dengan bagian yang berbeda dari nilai atribut pada setiap baris, seperti yang ditunjukkan dalam contoh ini dari sumbernya:

<img srcset=”elva-peri-480w.jpg 480w,

elva-peri-800w.jpg 800w”

ukuran=”(lebar maks: 600 piksel) 480 piksel,

800 piksel”

src=”elva-peri-800w.jpg”

alt=”Elva berpakaian seperti peri”>

Pelajari lebih lanjut tentang menggunakan srcset untuk gambar responsif di sini.

11. Tambahkan Gambar ke Peta Situs Anda

Baik Anda menambahkan gambar ke peta situs atau membuat peta situs baru untuk gambar, Anda 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.

Takeaways Kunci Pengoptimalan Gambar

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

Yang paling penting adalah memastikan gambar dan teks alternatif relevan dengan halaman. Takeaways kunci lainnya:

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

Kurangi ukuran file untuk kecepatan memuat halaman yang lebih cepat.

Pastikan elemen SEO di halaman Anda (meta data, data terstruktur, dll.) berpasangan dengan gambar Anda.

Untuk perayapan, buat peta situs gambar atau pastikan gambar Anda ditampilkan di peta situs Anda.

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

Selamat mengoptimalkan!

Sumber: https://www.searchenginejournal.com/on-page-seo/image-optimization/