Praktik terbaik Google Gambar

Google Gambar adalah suatu cara untuk menemukan informasi di internet secara visual. Dengan berbagai fitur baru seperti teks gambar, badge yang mudah terlihat, dan hasil AMP, pengguna dapat menemukan informasi lebih cepat dengan konteks yang lebih lengkap terkait gambar. 

Dengan menambahkan lebih banyak konteks yang terkait dengan gambar, hasil dapat lebih bermanfaat, yang dapat membuat kualitas traffic ke situs Anda menjadi lebih tinggi. Anda dapat membantu proses penemuan dengan memastikan bahwa gambar dan situs Anda dioptimalkan untuk Google Gambar. Ikuti panduan kami untuk meningkatkan kemungkinan munculnya konten Anda di hasil penelusuran Google Gambar.

Memilih tidak mengikuti penautan inline penelusuran gambar

Jika ingin, Anda dapat mencegah munculnya gambar berukuran penuh di halaman hasil penelusuran gambar Google dengan memilih tidak mengikuti penautan inline dalam hasil penelusuran gambar Google.

Untuk memilih tidak mengikuti penautan inline:

  1. Saat gambar Anda diminta, periksa header perujuk HTTP dalam permintaan.
  2. Jika permintaan tersebut berasal dari domain Google, balas dengan HTTP 200 atau 204 dan tanpa konten.

Google tetap akan meng-crawl halaman Anda dan melihat gambar, namun akan menampilkan gambar thumbnail yang dihasilkan pada waktu crawling dalam hasil penelusuran. Opsi memilih untuk tidak ikut ini dapat dipilih kapan saja, dan tidak memerlukan pemrosesan ulang gambar situs. Perilaku ini tidak dianggap sebagai penyelubungan gambar dan tidak akan dikenakan tindakan manual.

Anda juga dapat mencegah gambar agar tidak ditampilkan dalam hasil penelusuran sepenuhnya.

Sajikan pengalaman yang menarik bagi pengguna

Untuk meningkatkan visibilitas konten Anda di Google Gambar, fokuslah pada pengguna dengan memberikan pengalaman yang menarik: buat halaman yang utamanya ditujukan untuk pengguna, bukan mesin telusur. Berikut beberapa tips yang bisa dilakukan:

  • Berikan konteks yang baik: Pastikan konten visual Anda relevan dengan topik halaman. Sebaiknya Anda hanya menampilkan gambar jika gambar tersebut semakin menonjolkan keautentikan halaman tersebut. Hindari penggunaan konten teks atau gambar yang tidak asli pada halaman.
  • Optimalkan penempatan: Sebisa mungkin, tempatkan gambar di dekat teks yang relevan. Jika memungkinkan, pertimbangkan untuk menempatkan gambar yang paling penting di bagian atas halaman.
  • Jangan sematkan teks penting di dalam gambar: Hindari penyematan teks dalam gambar, khususnya elemen teks penting seperti judul halaman dan item menu, karena tidak semua pengguna dapat mengaksesnya (dan alat penerjemahan halaman tidak akan berfungsi pada gambar). Untuk memastikan konten Anda dapat diakses dengan mudah, biarkan teks dalam bentuk HTML dan berikan teks alternatif untuk gambar. 
  • Buat situs yang informatif dan berkualitas tinggi: Konten yang baik di halaman Anda sama pentingnya dengan konten visual untuk Google Gambar - yang memberikan konteks dan membuat hasilnya lebih dapat ditindaklanjuti. Konten halaman mungkin digunakan untuk membuat cuplikan teks bagi gambar, dan Google akan mempertimbangkan kualitas konten halaman saat menentukan peringkat gambar.
  • Buat situs yang mudah diakses dari perangkat: Pengguna lebih sering menelusuri Google Gambar dari ponsel dibandingkan dari desktop. Karena itu, merancang situs Anda untuk semua ukuran dan jenis perangkat merupakan hal yang penting. Gunakan alat uji untuk mobile-friendly guna menguji seberapa baik halaman Anda dapat dimuat di perangkat seluler, dan dapatkan masukan tentang hal yang perlu diperbaiki.
  • Buat struktur URL yang baik untuk gambar Anda: Google menggunakan jalur URL serta nama file agar dapat memahami gambar Anda. Pertimbangkan untuk mengelola konten gambar Anda agar URL dapat disusun secara logis.

Periksa judul dan deskripsi halaman Anda

Google Gambar secara otomatis membuat judul dan cuplikan untuk menjelaskan setiap hasil dan hubungannya dengan kueri pengguna. Hal ini membantu pengguna menentukan apakah pengguna akan mengklik hasil atau tidak.

Kami menggunakan sejumlah sumber berbeda untuk informasi ini, termasuk informasi deskriptif dalam judul dan tag meta untuk setiap halaman. 

Anda dapat membantu kami meningkatkan kualitas judul dan cuplikan yang ditampilkan untuk halaman Anda dengan mengikuti panduan judul dan cuplikan Google.

Menambahkan data terstruktur

Jika Anda menyertakan data terstruktur, Google Gambar dapat menampilkan gambar Anda sebagai hasil kaya, termasuk badge yang terlihat jelas, yang memberikan informasi relevan tentang halaman Anda kepada pengguna serta dapat mengarahkan traffic yang ditargetkan secara lebih baik ke situs Anda. Google Gambar mendukung data terstruktur untuk jenis berikut:

Ikuti panduan data terstruktur serta panduan apa pun yang sesuai dengan jenis data terstruktur Anda. Jika tidak mengikuti panduan tersebut, data terstruktur Anda mungkin tidak memenuhi syarat untuk tampilan hasil kaya di Google Gambar. Di setiap jenis data terstruktur ini, atribut gambar merupakan kolom yang wajib diisi agar memenuhi syarat untuk badge dan hasil kaya di Google Gambar.

Mengoptimalkan kecepatan

Ukuran halaman secara keseluruhan sering kali ditentukan oleh ukuran gambar pada halaman tersebut, dan ukuran yang besar dapat berdampak pada pemuatan halaman yang tidak murah dan lambat. Pastikan Anda menerapkan pengoptimalan gambar terbaru dan teknik gambar responsif untuk memberikan pengalaman pengguna yang cepat dan berkualitas tinggi.

Di Google Gambar, logo AMP  membantu pengguna mengidentifikasi halaman yang dapat dimuat dengan cepat dan lancar. Pertimbangkan untuk mengubah halaman host gambar Anda menjadi AMP untuk mempersingkat waktu muat halaman (jika halaman target adalah halaman yang dibuka pengguna setelah mengklik hasil di Google Gambar).

Analisis kecepatan situs Anda dengan PageSpeed Insights dan buka halaman Dasar-Dasar Web kami untuk mempelajari berbagai praktik terbaik dan teknik untuk meningkatkan performa situs.

Tambahkan foto berkualitas

Foto berkualitas tinggi lebih menarik bagi pengguna daripada gambar yang blur dan tidak jelas. Selain itu, gambar yang tajam lebih menarik bagi pengguna di thumbnail hasil dan dapat meningkatkan kemungkinan mendapatkan traffic dari pengguna.

Sertakan judul, teks, nama file, dan teks gambar yang deskriptif

Google mengekstrak informasi tentang materi pokok gambar dari konten halaman, termasuk teks dan judul gambar. Jika memungkinkan, pastikan gambar ditempatkan di dekat teks yang relevan dan di halaman yang relevan dengan materi pokok gambar. 

Sama halnya dengan nama file, yang dapat memberikan petunjuk tentang materi pokok gambar ke Google. Misalnya, anak-kucing-persia-hitam.jpg lebih baik daripada IMG00023.JPG.

Gunakan teks alternatif yang deskriptif

Teks alt (teks yang menjelaskan gambar) meningkatkan aksesibilitas untuk orang yang tidak dapat melihat gambar di halaman, termasuk pengguna yang menggunakan pembaca layar atau koneksi bandwidth yang rendah.

Google menggunakan teks alternatif beserta algoritme computer vision dan konten halaman untuk memahami materi pokok gambar. Selain itu, teks alternatif dalam gambar berguna sebagai teks link jika Anda memutuskan untuk menggunakan gambar sebagai link. 

Saat memilih teks alternatif, fokuslah pada pembuatan konten yang bermanfaat dan kaya informasi yang menggunakan kata kunci yang relevan dan sesuai dengan konten halaman. Hindari mengisi atribut alt dengan kata kunci (penjejalan kata kunci) karena akan menghasilkan pengalaman pengguna yang negatif dan dapat menyebabkan situs Anda ditandai sebagai spam.

  • Buruk (teks alternatif tidak ada): <img src="anak kucing.jpg"/>
  • Buruk (penjejalan kata kunci): <img src="anak kucing.jpg" alt="anak kucing bayi kucing meong ngeong kucing kecil persia kucing hutan makanan kucing murah makanan untuk kucing"/>
  • Lebih baik: <img src="anak kucing.jpg" alt="kucing"/>
  • Terbaik: <img src="anak kucing.jpg" alt="anak kucing Persia bermain pita"/> 

Sebaiknya uji konten Anda dengan mengaudit aksesibilitas dan menggunakan emulator sambungan jaringan yang lambat.

Bantu kami menemukan semua gambar Anda

Gunakan markup semantik untuk gambar

Google mengurai HTML halaman Anda untuk mengindeks gambar, tetapi tidak mengindeks gambar CSS.

  • Baik: <img src="anak kucing.jpg" alt="Anak kucing persia" />
  • Buruk: <div style="background-image:url(kucing.jpg)">Anak kucing persia</div>

Gunakan peta situs gambar

Gambar adalah sumber informasi penting tentang konten di situs. Anda dapat memberi Google detail tambahan tentang gambar, dan memberikan URL yang tanpanya mungkin kami tidak akan bisa menemukan gambar, dengan menambahkan informasi ke peta situs gambar.

Peta situs gambar dapat berisi URL dari domain lain, tidak seperti peta situs reguler yang menerapkan pembatasan lintas domain. Hal ini memungkinkan Anda menggunakan CDN (jaringan penayangan konten) untuk menghosting gambar. Sebaiknya Anda memverifikasi nama domain CDN di Search Console agar kami dapat menginformasikan error crawl yang kami temukan kepada Anda.

Format gambar yang didukung

Gambar Google mendukung gambar dalam format berikut: BMP, GIF, JPEG, PNG, WebP, dan SVG. 

Anda juga dapat menyisipkan gambar sebagai URI Data. URI Data menyediakan cara untuk menyertakan file, seperti gambar, secara inline dengan menyetel src elemen img sebagai string berenkode Base64 menggunakan format berikut:

<img src="data:image/svg+xml;base64,[data]">

Meskipun menyisipkan gambar dapat mengurangi permintaan HTTP, Anda harus menentukan dengan cermat kapan gambar tersebut akan digunakan, karena penyisipan gambar dapat meningkatkan ukuran halaman secara signifikan. Untuk mengetahui info selengkapnya terkait hal ini, baca bagian keunggulan dan kekurangan penyisipan gambar di halaman Dasar-Dasar Web kami.

Gambar responsif

Desain yang responsif akan memudahkan halaman web dibuka di berbagai jenis perangkat, dan hal ini tentu menghadirkan pengalaman yang lebih baik bagi pengguna. Lihat Dasar-Dasar Web tentang Gambar untuk mempelajari praktik terbaik dalam menangani gambar di situs Anda.

Halaman web menggunakan atribut <img srcset> atau elemen <picture> untuk menentukan gambar responsif. Namun, beberapa browser dan crawler tidak memahami atribut ini. Sebaiknya Anda selalu menentukan URL fallback melalui atribut img src.

Atribut srcset memungkinkan penentuan berbagai versi gambar yang sama, khususnya untuk ukuran layar yang berbeda.

Contoh: <img srcset>

<img srcset="contoh-320w.jpg 320w,
             contoh-480w.jpg 480w,
             contoh-800w.jpg 800w"
     sizes="(max-width: 320px) 280px,
            (max-width: 480px) 440px,
            800px"
     src="contoh-800w.jpg" alt="web responsif!">

Elemen <picture> adalah container yang digunakan untuk mengelompokkan berbagai versi <source> untuk gambar yang sama. Elemen ini menawarkan pendekatan cadangan sehingga browser dapat memilih gambar yang tepat berdasarkan kemampuan perangkat, seperti kepadatan piksel dan ukuran layar. Elemen picture juga bermanfaat untuk penggunaan format gambar baru dengan degradasi halus bawaan untuk klien yang mungkin belum mendukung format baru.

Sebaiknya Anda selalu memberikan elemen img sebagai fallback dengan atribut src saat menggunakan tag picture menggunakan format berikut:

Contoh: <picture>

<picture>
  <source type="image/svg+xml" srcset="piramida.svg">
  <source type="image/webp" srcset="piramida.webp"> 
  <img src="piramida.png" alt="gambar PNG besar...">
</picture>

Mengoptimalkan untuk SafeSearch

SafeSearch adalah setelan di akun Anda yang menentukan apakah akan menampilkan atau memblokir gambar, video, dan situs eksplisit di hasil Google Penelusuran. Anda perlu membantu Google memahami sifat gambar Anda untuk menerapkan setelan SafeSearch ke gambar, jika diperlukan.

Mengelompokkan gambar khusus dewasa di lokasi URL umum

Jika situs Anda berisi gambar khusus dewasa, kami sangat menyarankan Anda untuk mengelompokkan gambar secara terpisah dari gambar lainnya di situs. Misalnya: http//www.example.com/adult/image.jpg. 

Tambahkan metadata ke halaman khusus dewasa

Algoritme kami menggunakan berbagai sinyal untuk memutuskan apakah sebuah gambar atau keseluruhan halaman harus difilter dari hasil jika filter SafeSearch pengguna aktif. Untuk gambar, beberapa sinyal ini dibuat menggunakan machine learning, namun algoritme SafeSearch juga melihat hal yang lebih sederhana seperti tempat gambar tersebut digunakan sebelumnya dan konteks penggunaan gambar tersebut.

Salah satu sinyal yang paling kuat adalah halaman khusus dewasa yang ditandai secara mandiri. Jika Anda memublikasikan konten khusus dewasa, sebaiknya tambahakan salah satu tag meta berikut ke halaman Anda:

<meta name="rating" content="adult" />
<meta name="rating" content="RTA-5042-1996-1400-1577-RTA" />

Banyak pengguna yang memilih untuk tidak menyertakan konten khusus dewasa dalam hasil penelusurannya (khususnya jika perangkat juga digunakan oleh anak-anak). Jika Anda memberikan salah satu tag meta ini, pengalaman pengguna akan menjadi lebih baik karena pengguna tidak akan melihat hasil yang mereka tidak ingin atau tidak mau lihat. 

Dan terakhir...

Harap baca Panduan Memulai SEO kami yang berisi banyak informasi berguna untuk mendapatkan peringkat yang lebih baik. Jika ada pertanyaan lain, harap posting pertanyaan tersebut di Forum Bantuan Webmaster

Apakah ini membantu?
Bagaimana cara meningkatkannya?