SEO Gambar: 9 Elemen Kunci untuk Optimasi

1. Pertimbangan umum untuk SEO gambar

Kita sering menempatkan semua upaya kita untuk memberi peringkat URL bernilai SEO kita di SERP. Namun, seperti yang kami sebutkan sebelumnya, mengoptimalkan gambar penting untuk memberi peringkat lebih tinggi dalam hasil pencarian Google Images dan meningkatkan kemungkinan kami menarik lalu lintas organik melalui mereka.

Bot Google tidak dapat "membaca" gambar. Mereka dimaksudkan untuk membaca kode di situs web, bukan pada animasi atau gambar tertentu. Untuk alasan ini, kami perlu memberi mereka informasi ini dengan mengikuti serangkaian pedoman SEO sederhana. Ini akan menentukan apakah bot dapat menafsirkan informasi yang ingin kita tampilkan, mengevaluasi gambar, dan memberi peringkat lebih tinggi di bagian Google Images.

2. Ukuran dan berat gambar

Dua faktor utama yang perlu dipertimbangkan saat mengoptimalkan gambar adalah berat dan ukurannya.

Berat:

Menggunakan gambar yang berat di situs web Anda dapat meningkatkan waktu pemuatan untuk URL tempat mereka diterapkan, dan oleh karena itu, seluruh situs. Waktu pemuatan adalah salah satu faktor yang mempengaruhi peringkat organik desktop dan mobile, membuat optimasi gambar penting.

Alat untuk mengurangi berat gambar:

Ada banyak alat yang dapat kita gunakan untuk mengurangi berat gambar. Bahkan jika kita tidak memiliki perangkat lunak edisi gambar profesional seperti Photoshop atau Illustrator, kita dapat menggunakan platform online seperti:

• ›

  ImageOptim atau TinyJPG, yang mengurangi berat gambar tanpa mempengaruhi kualitas.

• ›

  Website Speed Test Image Analysis Tool memungkinkan pengunduhan format gambar baru dengan mudah.

Ukuran:

Selain itu, juga penting untuk menerapkan beberapa ukuran gambar untuk setiap situs untuk menampilkan yang paling sesuai tergantung pada perangkat yang melihatnya. Bahkan jika ada plugin yang menyesuaikan ukuran gambar, opsi ini mungkin bukan yang terbaik dalam praktik. Alasannya adalah, misalnya, gambar 1000px dapat diskala ulang ke 400px, mengurangi ukuran visualnya, tetapi gambar masih akan sama beratnya dengan gambar 1000px, mempengaruhi kinerja dan kecepatan web Anda.

Alat:

Faktor terpenting saat memilih gambar adalah mengetahui platform yang akan kita kerjakan. Jika kita bekerja di WordPress, misalnya, kita dapat menggunakan SmushIt, plugin yang memungkinkan menentukan lebar dan tinggi maksimum untuk gambar kita sebelum mengubah ukuran, mengompresi, dan mengunggahnya ke server.

Jika, sebaliknya, kita bekerja dengan platform kode kita sendiri, kita harus membuat proses manual atau otomatis yang memungkinkan mengoptimalkan gambar sebelum mengunggahnya ke server.

3. Format gambar yang ramah SEO

Saat ini, cara paling optimal untuk menyimpan gambar web adalah menggunakan salah satu dari empat format berikut:

• ›

  WebP: Dapat mengurangi berat asli gambar sebesar 25-35%. Ini adalah salah satu format yang paling direkomendasikan saat ini; meskipun beberapa versi browser masih tidak dapat membacanya, ini adalah salah satu format yang memungkinkan lebih banyak kompresi tanpa mempengaruhi kualitas gambar.

• ›

  PNG: Ini adalah pilihan terbaik untuk gambar dengan beberapa warna dan latar belakang transparan. Ini banyak digunakan dalam logo.

• ›

  JPG: Format yang harus digunakan untuk foto dan gambar pada umumnya. Sedikit kualitas hilang saat mengompresnya, tetapi warna dan nada tetap sama.

• ›

  GIF: Digunakan dalam animasi dan gambar bergerak.

Rekomendasi:

• ›

  Selalu gunakan format gambar yang paling sesuai dalam hal berat dan kompatibilitas.

• ›

  Selalu kompres gambar, baik secara manual atau melalui alat pemrosesan otomatis.

• ›

  Jika web berisi beberapa ikon, kelompokkan mereka ke dalam satu gambar melalui CSS Sprites untuk mengurangi jumlah permintaan server dan meningkatkan kinerja web Anda.

4. Bidang SEO Gambar

Setiap gambar dilengkapi dengan serangkaian bidang terkait untuk memberikan robot mesin pencari (dan pengguna, tentu saja) aksesibilitas yang lebih baik.

Nama gambar

Nama gambar mengacu pada nama file. Ini adalah judul gambar, yang menggunakan tanda hubung dan garis bawah di antara kata-kata. Disarankan untuk menyertakan kata kunci yang ingin kita peringkat lebih tinggi untuk gambar kita, menghindari karakter yang tidak biasa (seperti "ñ", "?" atau huruf beraksen, "á", dll.)

Disarankan juga untuk menghilangkan preposisi atau karakter non-esensial lainnya dalam nama gambar untuk mempersingkat URL dan membuatnya seramah SEO mungkin.

Judul

Ini adalah teks yang muncul saat menempatkan kursor pada gambar. Kami merekomendasikan untuk mengisinya untuk menambahkan judul semantik ke gambar, termasuk kata kunci yang ingin kami peringkat lebih tinggi.

Ini bisa sama dengan teks alt, meskipun menulis ulang atribut ini dengan modifikasi kecil tidak memakan waktu lama.

Atribut "Alt"

Ini adalah elemen yang paling penting, karena ini adalah yang dibaca Google. Itu harus berisi kata kunci utama yang ingin kami peringkat URL kami lebih tinggi dan seharusnya berisi deskripsi singkat.

Sintaksnya adalah sebagai berikut:

<img src=”IMAGE LINK” alt=”IMAGE ALT DESCRIPTION” />

Contoh gambar yang dioptimalkan:

Mari kita lihat bagaimana setiap bidang dapat dioptimalkan untuk gambar ini berdasarkan kata kunci target "ciberseguridad pymes", yang rata-rata pencarian bulanannya adalah 90 (di Spanyol):

Nama file:

• ›

  Salah: 04745892595295.jpg

• ›

  Benar: ciberseguridad-pymes.jpg

Judul: Consejos de ciberseguridad para empresarios y pymes. (Saran cybersecurity untuk perusahaan dan bisnis kecil.)

Teks Alt: Ciberseguridad para pymes y empresarios: consejos. (Cybersecurity untuk bisnis kecil dan perusahaan: tips.)

Dengan cara ini, kami akan mengoptimalkan semua bidang dan mendapatkan gambar yang siap untuk berjuang untuk posisi teratas. Tentu saja mengoptimalkan gambar tidak menjamin bahwa mereka akan muncul pertama, tetapi ini adalah langkah pertama untuk mencapainya :)

5. Konteks semantik

Google menganggap bahwa gambar yang paling relevan adalah yang sejalan dengan konten di sekitarnya. Oleh karena itu, disarankan untuk menyertakan teks terkait. Dengan cara ini, kami akan memperluas konteks semantik total dalam URL.

6. Sitemap khusus gambar

Untuk membantu bot Google melacak gambar kami secara lebih efisien, perlu untuk membuat sitemap.xml eksklusif dengan jenis file ini. Di WordPress, dapat dibuat secara otomatis dengan alat (plugin) seperti Yoast atau RankMath. Jika Anda tidak bekerja di WordPress, Anda dapat menggunakan alat alternatif atau alat pemrograman manual (pelacakan URL).

Berikutnya, Anda akan melihat contoh sitemap dengan dua gambar dalam artikel:

<?xml version="1.0" encoding="UTF-8"?> <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9" xmlns:image="http://www.google.com/schemas/sitemap-image/1.1"> <url> <loc>http://example.com/sample.html&lt;/loc> <image:image> <image:loc>http://example.com/image.jpg&lt;/image:loc> </image:image> <image:image> <image:loc>http://example.com/photo.jpg&lt;/image:loc> </image:image> </url> </urlset>

Beberapa tag yang paling umum digunakan saat membuat sitemap gambar adalah:

→ Judul gambar

→ URL atau jalur tempat file disimpan

→ Catatan kaki

→ Jenis lisensi

→ Informasi geolokasi

• ›Dokumentasi: Sejumlah besar informasi dapat ditemukan di blog Google tentang sitemap gambar dengan contoh, tutorial implementasi, dan banyak lagi.

Setelah selesai implementasi, kita akan dapat memverifikasi status cakupan indeksasi di Search Console.

7. Lazy Loading Gambar (Pemuatan On-Demand)

Gambar adalah beberapa sumber daya yang paling banyak digunakan di situs web, karena, "satu gambar bernilai seribu kata", kata mereka. Itulah mengapa aspek visual dari setiap situs web dikembangkan dengan hati-hati menggunakan elemen multimedia ini. Namun, tidak mengoptimalkannya dapat memiliki dampak negatif pada pengalaman pengguna dan waktu pemuatan web. Untuk alasan ini, lazy loading disarankan.

Berkat lazy loading, gambar hanya dimuat saat muncul di layar. Misalnya, jika mereka berada di bagian bawah halaman yang belum terlihat di layar perangkat, ini tidak akan dimuat sampai pengguna menggulir ke bawah. Ini sangat menurunkan jumlah permintaan HTTPS dan mengurangi waktu pemuatan, membuat halaman Anda lebih disukai oleh Google.

Plugin untuk mengimplementasikan Lazy loading di WordPress

Jika Anda mengelola situs web di platform perangkat lunak ini, ada serangkaian plugin yang akan menarik perhatian Anda jika Anda ingin mengoptimalkan gambar dengan menerapkan lazy loading. Ingat untuk memeriksa apakah tema yang diinstal mencakup fungsi ini. Jika tidak, berikut beberapa yang menarik:

• ›

  BJ Lazy Load: mudah untuk diinstal dan diatur, ini adalah salah satu alat yang paling populer, dengan lebih dari 90.000 instalasi. Berkat pelengkap ini, Anda dapat menskalakan gambar untuk menyesuaikannya dengan ukuran layar yang berbeda.

• ›

  Lazy Load by WP Rocket: sederhana dan mudah diatur (pada dasarnya karena tidak menyediakan opsi yang berbeda), keuntungan plugin ini adalah tidak menggunakan pustaka JavaScript seperti jQuery.

8. Menggunakan CDN untuk gambar

CDN (Content Delivery Network) adalah sekumpulan server yang didistribusikan di seluruh dunia yang memfasilitasi konten situs web yang di-cache tergantung pada lokasi peminta. Berkat jaringan hosting ini, server yang lebih dekat ke peminta akan menyediakan salinan situs web yang diminta.

Oleh karena itu, menggunakan CDN membantu mengunduh URL kami lebih cepat, mengurangi waktu pemuatan situs kami dan mempromosikan peringkat organiknya.

Jika kita menggunakan CDN (misalnya, Cloudflare) untuk menampilkan gambar, ini akan diunduh dan ditampilkan lebih cepat. Aliran sederhana ini akan langsung meningkatkan SEO kami.

9. Pertimbangan lainnya

Gambar bernilai SEO, yaitu gambar yang ingin kita peringkat lebih tinggi, harus disertakan dalam kode sumber URL. Yang diimplementasikan sebagai properti latar belakang pada CSS tidak akan terlihat oleh Google, karena tidak dapat memahami jenis lembar gaya ini.

Selain itu, ada detail lain yang tidak boleh dilewatkan saat mengoptimalkan gambar kami:

• ›

  Exif: Dengan setiap gambar, sekumpulan atribut disimpan, seperti tanggal foto diambil dan data lain yang relevan dengan profesional di bidang ini. Namun, informasi ini tidak bernilai SEO dan hanya menempati ruang. Menghapus informasi ini dapat membantu mengoptimalkan gambar dan membuatnya lebih ringan.

• ›

  "longdesc": Atribut ini biasanya dilupakan, tetapi bisa menarik untuk diimplementasikan dalam gambar kami. Ini adalah deskripsi panjang gambar.

• ›

  Linking: Link-building memainkan peran fundamental dalam pertumbuhan organik halaman kami, tetapi juga dalam gambar kami. Ini juga dapat ditautkan dan, oleh karena itu, mencapai pengakuan yang lebih tinggi di mesin pencari.

Apakah kami melewatkan tips penting? Kami akan senang mendengar Anda. Tinggalkan komentar di bawah ini dan jangan ragu untuk berbagi pengetahuan Anda!