Metadata gambar di Google Gambar
Saat Anda menentukan metadata gambar, Google Gambar dapat menampilkan detail selengkapnya tentang gambar tersebut, seperti siapa pembuatnya, bagaimana penggunaannya, dan informasi kredit. Misalnya, dengan menyertakan informasi pemberian lisensi, gambar dapat memenuhi syarat untuk mendapatkan badge Lisensi, yang menyediakan link menuju lisensi dan detail selengkapnya tentang penggunaan gambar tersebut.
![Metadata gambar di Google Gambar](https://developers-dot-devsite-v2-prod.appspot.com/static/search/docs/images/image-metadata.png?authuser=19&hl=id)
Ketersediaan fitur
Fitur ini tersedia di perangkat seluler dan desktop, serta dalam semua bahasa dan di semua wilayah tempat Google Penelusuran tersedia.
Menyiapkan halaman web dan gambar
Untuk memastikan Google dapat menemukan dan mengindeks gambar:
- Pastikan halaman yang berisi gambar dapat diakses dan dilihat tanpa perlu menggunakan akun atau login.
- Pastikan Googlebot dapat mengakses halaman yang berisi gambar. Artinya, halaman tidak diblokir oleh file robots.txt atau tag
meta
robots. Anda dapat melihat semua halaman yang diblokir di situs pada Laporan Pengindeksan Halaman, atau menguji halaman tertentu menggunakan Alat Inspeksi URL. - Ikuti Dasar-Dasar Penelusuran untuk memastikan Google dapat menemukan konten Anda.
- Ikuti praktik terbaik Google Gambar.
- Agar Google tetap dapat mengetahui setiap perubahan, sebaiknya Anda mengirimkan peta situs. Anda dapat mengotomatiskan proses ini dengan Search Console Sitemap API.
Menambahkan data terstruktur atau metadata foto IPTC
Untuk memberi tahu Google tentang metadata gambar Anda, tambahkan data terstruktur atau metadata foto IPTC ke setiap gambar di situs Anda. Jika Anda memiliki gambar yang sama di beberapa halaman, tambahkan data terstruktur atau metadata foto IPTC ke setiap gambar di setiap halaman tempatnya muncul.
Ada dua cara untuk menambahkan metadata foto ke gambar. Anda hanya perlu memberi Google satu bentuk informasi agar memenuhi syarat untuk mendapatkan peningkatan seperti badge Lisensi, dan cukup menggunakan salah satu metode berikut:
- Data terstruktur: Data terstruktur merupakan keterkaitan antara gambar dan halaman yang menampilkannya dengan markup. Anda harus menambahkan data terstruktur untuk setiap kali gambar digunakan, meskipun gambarnya sama.
- Metadata foto IPTC: Metadata foto IPTC disematkan ke dalam gambar itu sendiri. Gambar dan metadatanya tetap utuh meskipun berpindah dari satu halaman ke halaman lain. Anda hanya perlu menyematkan metadata foto IPTC sekali per gambar.
Diagram berikut menunjukkan bagaimana informasi lisensi dapat dimunculkan di Google Gambar:
![Keterangan yang menunjukkan bagian metadata lisensi yang mungkin ditampilkan di Google Gambar](https://developers-dot-devsite-v2-prod.appspot.com/static/search/docs/images/licensable-images-callouts.png?authuser=19&hl=id)
- URL ke halaman yang menjelaskan lisensi yang mengatur penggunaan gambar. Tentukan informasi
ini dengan properti
license
Schema.org atau kolom IPTC Web Statement of Rights. - URL ke halaman yang menjelaskan tempat pengguna bisa menemukan informasi tentang cara mendapatkan lisensi untuk menggunakan gambar tersebut. Tentukan informasi ini dengan properti
acquireLicensePage
Schema.org atau kolom Licensor URL IPTC (milik Licensor).
Data terstruktur
Salah satu cara memberi tahu Google tentang metadata gambar Anda adalah dengan menambahkan kolom data terstruktur. Data terstruktur adalah format terstandarisasi untuk memberikan informasi tentang suatu halaman dan mengelompokkan kontennya. Jika Anda baru mengenal data terstruktur, Anda dapat mempelajari lebih lanjut cara kerja data terstruktur.
Berikut adalah ringkasan tentang cara membuat, menguji, dan merilis data terstruktur. Untuk panduan langkah demi langkah tentang cara menambahkan data terstruktur ke halaman web, lihat codelab data terstruktur.
- Tambahkan properti wajib. Berdasarkan format yang Anda gunakan, pelajari tempat menyisipkan data terstruktur di halaman.
- Ikuti Pedoman data terstruktur umum.
- Validasi kode Anda menggunakan Alat Pengujian Hasil Kaya.
- Deploy beberapa halaman yang menyertakan data terstruktur dan gunakan Alat Inspeksi URL untuk menguji cara Google melihat halaman tersebut. Pastikan halaman Anda
dapat diakses oleh Google dan tidak diblokir oleh file robots.txt, tag
noindex
, atau persyaratan login. Jika halaman tidak bermasalah, Anda dapat meminta Google meng-crawl ulang URL tersebut. - Agar Google tetap mengetahui setiap perubahan pada masa mendatang, sebaiknya kirimkan peta situs. Anda dapat mengotomatiskan proses ini dengan Search Console Sitemap API.
Contoh
Satu gambar
Berikut contoh halaman dengan satu gambar.
JSON-LD
<html> <head> <title>Black labrador puppy</title> <script type="application/ld+json"> { "@context": "https://schema.org/", "@type": "ImageObject", "contentUrl": "https://example.com/photos/1x1/black-labrador-puppy.jpg", "license": "https://example.com/license", "acquireLicensePage": "https://example.com/how-to-use-my-images", "creditText": "Labrador PhotoLab", "creator": { "@type": "Person", "name": "Brixton Brownstone" }, "copyrightNotice": "Clara Kent" } </script> </head> <body> <img alt="Black labrador puppy" src="https://example.com/photos/1x1/black-labrador-puppy.jpg"> <p><a href="https://example.com/license">License</a></p> <p><a href="https://example.com/how-to-use-my-images">How to use my images</a></p> <p><b>Photographer</b>: Brixton Brownstone</p> <p><b>Copyright</b>: Clara Kent</p> <p><b>Credit</b>: Labrador PhotoLab</p> </body> </html>
RDFa
<html> <head> <title>Black labrador puppy</title> </head> <body> <div vocab="https://schema.org/" typeof="ImageObject"> <img alt="Black labrador puppy" property="contentUrl" src="https://example.com/photos/1x1/black-labrador-puppy.jpg" /><br /> <span property="license"> https://example.com/license</span><br /> <span property="acquireLicensePage">https://example.com/how-to-use-my-images</span> <span rel="schema:creator"> <span typeof="schema:Person"> <span property="schema:name" content="Brixton Brownstone"></span> </span> </span> <span property="copyrightNotice">Clara Kent</span><br /> <span property="creditText">Labrador PhotoLab</span><br /> </div> </body> </html>
Microdata
<html> <head> <title>Black labrador puppy</title> </head> <body> <div itemscope itemtype="https://schema.org/ImageObject"> <img alt="Black labrador puppy" itemprop="contentUrl" src="https://example.com/photos/1x1/black-labrador-puppy.jpg" /> <span itemprop="license"> https://example.com/license</span><br /> <span itemprop="acquireLicensePage">https://example.com/how-to-use-my-images</span> <span itemprop="creator" itemtype="https://schema.org/Person" itemscope> <meta itemprop="name" content="Brixton Brownstone" /> </span> <span itemprop="copyrightNotice">Clara Kent</span> <span itemprop="creditText">Labrador PhotoLab</span> </div> </body> </html>
Satu gambar dalam tag srcset
Berikut contoh gambar dengan satu gambar dalam tag srcset
.
JSON-LD
<html> <head> <title>Black labrador puppy</title> <script type="application/ld+json"> { "@context": "https://schema.org/", "@type": "ImageObject", "contentUrl": "https://example.com/photos/320/black-labrador-puppy-800w.jpg", "license": "https://example.com/license", "acquireLicensePage": "https://example.com/how-to-use-my-images", "creditText": "Labrador PhotoLab", "creator": { "@type": "Person", "name": "Brixton Brownstone" }, "copyrightNotice": "Clara Kent" } </script> </head> <body> <img srcset="https://example.com/photos/320/black-labrador-puppy-320w.jpg 320w, https://example.com/photos/480/black-labrador-puppy-480w.jpg 480w, https://example.com/photos/800/black-labrador-puppy-800w.jpg 800w" sizes="(max-width: 320px) 280px, (max-width: 480px) 440px, 800px" src="https://example.com/photos/320/black-labrador-puppy-800w.jpg" alt="Black labrador puppy"><br /> <p><a href="https://example.com/license">License</a></p> <p><a href="https://example.com/how-to-use-my-images">How to use my images</a></p> <p><b>Photographer</b>: Brixton Brownstone</p> <p><b>Copyright</b>: Clara Kent</p> <p><b>Credit</b>: Labrador PhotoLab</p> </body> </html>
RDFa
<html> <head> <title>Black labrador puppy</title> </head> <body> <div vocab="https://schema.org/" typeof="ImageObject"> <img property="contentUrl" srcset="https://example.com/photos/320/black-labrador-puppy-320w.jpg 320w, https://example.com/photos/480/black-labrador-puppy-480w.jpg 480w, https://example.com/photos/800/black-labrador-puppy-800w.jpg 800w" sizes="(max-width: 320px) 280px, (max-width: 480px) 440px, 800px" src="https://example.com/photos/320/black-labrador-puppy-800w.jpg" alt="Black labrador puppy"> <span property="license">https://example.com/license</span> <span property="acquireLicensePage">https://example.com/how-to-use-my-images</span> <span rel="schema:creator"> <span typeof="schema:Person"> <span property="schema:name" content="Brixton Brownstone"></span> </span> </span> <span property="copyrightNotice">Clara Kent</span> <span property="creditText">Labrador PhotoLab</span> </div> </body> </html>
Microdata
<html> <head> <title>Black labrador puppy</title> </head> <body> <div itemscope itemtype="https://schema.org/ImageObject"> <img itemprop="contentUrl" srcset="https://example.com/photos/320/black-labrador-puppy-320w.jpg 320w, https://example.com/photos/480/black-labrador-puppy-480w.jpg 480w, https://example.com/photos/800/black-labrador-puppy-800w.jpg 800w" sizes="(max-width: 320px) 280px, (max-width: 480px) 440px, 800px" src="https://example.com/photos/320/black-labrador-puppy-800w.jpg" alt="Black labrador puppy"> <span itemprop="license">https://example.com/license</span> <span itemprop="acquireLicensePage">https://example.com/how-to-use-my-images</span> <span itemprop="creator" itemtype="https://schema.org/Person" itemscope> <meta itemprop="name" content="Brixton Brownstone" /> </span> <span itemprop="copyrightNotice">Clara Kent</span> <span itemprop="creditText">Labrador PhotoLab</span> </div> </body> </html>
Beberapa gambar pada satu halaman
Berikut contoh halaman dengan beberapa gambar.
JSON-LD
<html> <head> <title>Photos of black labradors</title> <script type="application/ld+json"> [{ "@context": "https://schema.org/", "@type": "ImageObject", "contentUrl": "https://example.com/photos/1x1/black-labrador-puppy.jpg", "license": "https://example.com/license", "acquireLicensePage": "https://example.com/how-to-use-my-images", "creditText": "Labrador PhotoLab", "creator": { "@type": "Person", "name": "Brixton Brownstone" }, "copyrightNotice": "Clara Kent" }, { "@context": "https://schema.org/", "@type": "ImageObject", "contentUrl": "https://example.com/photos/1x1/adult-black-labrador.jpg", "license": "https://example.com/license", "acquireLicensePage": "https://example.com/how-to-use-my-images", "creditText": "Labrador PhotoLab", "creator": { "@type": "Person", "name": "Brixton Brownstone" }, "copyrightNotice": "Clara Kent" }] </script> </head> <body> <h2>Black labrador puppy</h2> <img alt="Black labrador puppy" src="https://example.com/photos/1x1/black-labrador-puppy.jpg"> <p><a href="https://example.com/license">License</a></p> <p><a href="https://example.com/how-to-use-my-images">How to use my images</a></p> <p><b>Photographer</b>: Brixton Brownstone</p> <p><b>Copyright</b>: Clara Kent</p> <p><b>Credit</b>: Labrador PhotoLab</p> <h2>Adult black labrador</h2> <img alt="Adult black labrador" src="https://example.com/photos/1x1/adult-black-labrador.jpg"> <p><a href="https://example.com/license">License</a></p> <p><a href="https://example.com/how-to-use-my-images">How to use my images</a></p> <p><b>Photographer</b>: Brixton Brownstone</p> <p><b>Copyright</b>: Clara Kent</p> <p><b>Credit</b>: Labrador PhotoLab</p> </body> </html>
RDFa
<html> <head> <title>Photos of black labradors</title> </head> <body> <div vocab="https://schema.org/" typeof="ImageObject"> <h2 property="name">Black labrador puppy</h2> <img alt="Black labrador puppy" property="contentUrl" src="https://example.com/photos/1x1/black-labrador-puppy.jpg" /><br /> <span property="license"> https://example.com/license</span> <span property="acquireLicensePage">https://example.com/how-to-use-my-images</span> <span rel="schema:creator"> <span typeof="schema:Person"> <span property="schema:name" content="Brixton Brownstone"></span> </span> </span> <span property="copyrightNotice">Clara Kent</span> <span property="creditText">Labrador PhotoLab</span> </div> <br /> <div vocab="https://schema.org/" typeof="ImageObject"> <h2 property="name">Adult black labrador</h2> <img alt="Adult black labrador" property="contentUrl" src="https://example.com/photos/1x1/adult-black-labrador.jpg" /> <span property="license"> https://example.com/license</span> <span property="acquireLicensePage">https://example.com/how-to-use-my-images</span> <span rel="schema:creator"> <span typeof="schema:Person"> <span property="schema:name" content="Brixton Brownstone"></span> </span> </span> <span property="copyrightNotice">Clara Kent</span> <span property="creditText">Labrador PhotoLab</span> </div> </body> </html>
Microdata
<html> <head> <title>Photos of black labradors</title> </head> <body> <div itemscope itemtype="https://schema.org/ImageObject"> <h2 itemprop="name">Black labrador puppy</h2> <img alt="Black labrador puppy" itemprop="contentUrl" src="https://example.com/photos/1x1/black-labrador-puppy.jpg" /> <span itemprop="license"> https://example.com/license</span> <span itemprop="acquireLicensePage">https://example.com/how-to-use-my-images</span> <span itemprop="creator" itemtype="https://schema.org/Person" itemscope> <meta itemprop="name" content="Brixton Brownstone" /> </span> <span itemprop="copyrightNotice">Clara Kent</span><br /> <span itemprop="creditText">Labrador PhotoLab</span><br /> </div> <br /> <h2 itemprop="name">Adult black labrador</h2> <div itemscope itemtype="https://schema.org/ImageObject"> <img alt="Adult black labrador" itemprop="contentUrl" src="https://example.com/photos/1x1/adult-black-labrador.jpg" /> <span itemprop="license"> https://example.com/license</span> <span itemprop="acquireLicensePage">https://example.com/how-to-use-my-images</span> <span itemprop="creator" itemtype="https://schema.org/Person" itemscope> <meta itemprop="name" content="Brixton Brownstone" /> </span> <span itemprop="copyrightNotice">Clara Kent</span> <span itemprop="creditText">Labrador PhotoLab</span> </div> </body> </html>
Definisi jenis data terstruktur
Definisi lengkap ImageObject
tersedia di
schema.org/ImageObject.
Properti yang didukung Google adalah sebagai berikut:
Properti wajib | |
---|---|
contentUrl |
URL ke konten gambar yang sebenarnya. Google menggunakan |
creator , creditText , copyrightNotice , atau license |
Selain |
Properti yang direkomendasikan | |
---|---|
acquireLicensePage |
URL ke halaman tempat pengguna bisa menemukan informasi tentang cara mendapatkan lisensi untuk menggunakan gambar tersebut. Berikut ini beberapa contohnya:
|
creator |
Pembuat gambar. Pembuat ini biasanya fotografer, tetapi bisa juga perusahaan atau organisasi (jika diperlukan). |
creator.name |
Nama pembuat. |
creditText |
Nama orang dan/atau organisasi yang tercantum dalam kredit gambar saat dipublikasikan. |
copyrightNotice |
Pemberitahuan hak cipta untuk mengklaim kekayaan intelektual foto ini. Properti ini menunjukkan siapa pemilik hak cipta foto saat ini. |
license |
URL ke halaman yang menjelaskan lisensi yang mengatur penggunaan gambar. Misalnya, halaman dapat berupa halaman persyaratan dan ketentuan yang Anda miliki di situs Anda. Jika ada, halaman ini juga dapat berupa halaman Lisensi Creative Commons (misalnya, BY-NC 4.0).
Jika menggunakan data terstruktur untuk menentukan gambar, Anda harus menyertakan properti |
Metadata foto IPTC
Atau, Anda dapat menyematkan metadata foto IPTC langsung dalam gambar. Sebaiknya gunakan software pengelolaan metadata untuk mengelola metadata gambar Anda. Tabel berikut berisi properti yang diekstrak Google:
Properti yang direkomendasikan | |
---|---|
Pemberitahuan Hak Cipta |
Pemberitahuan hak cipta untuk mengklaim kekayaan intelektual foto ini. Properti ini menunjukkan siapa pemilik hak cipta foto saat ini. |
Pembuat |
Pembuat gambar. Properti ini biasanya berisi nama fotografer, tetapi dapat berupa nama perusahaan atau organisasi (jika diperlukan). |
Baris Kredit |
Nama orang dan/atau organisasi yang tercantum dalam kredit gambar saat dipublikasikan. |
Jenis Sumber Digital |
Jenis sumber digital yang digunakan untuk membuat gambar. Gunakan salah satu
|
Licensor URL |
URL ke halaman tempat pengguna bisa menemukan informasi tentang cara mendapatkan lisensi untuk menggunakan gambar tersebut. Licensor URL harus berupa properti objek Licensor, bukan properti objek gambar. Berikut beberapa contohnya:
|
Web Statement of Rights |
URL ke halaman yang menjelaskan lisensi yang mengatur penggunaan gambar, dan informasi hak lainnya (opsional). Misalnya, halaman dapat berupa halaman persyaratan dan ketentuan yang Anda miliki di situs Anda. Jika ada, halaman ini juga dapat berupa halaman Lisensi Creative Commons (misalnya, BY-NC 4.0). Anda harus menyertakan kolom Web Statement of Rights agar gambar Anda memenuhi syarat untuk ditampilkan dengan badge lisensi. Sebaiknya tambahkan juga kolom Licensor URL jika Anda memiliki informasi tersebut. |
Pemecahan masalah
Jika Anda kesulitan menerapkan metadata gambar untuk Google Gambar, berikut beberapa referensi yang mungkin dapat membantu Anda.
- Untuk pertanyaan tentang fitur, tinjau FAQ untuk Lisensi Gambar di Google Gambar.
- Anda mungkin mengalami error pada data terstruktur. Periksa daftar error data terstruktur.
- Jika halaman Anda dikenai tindakan manual data terstruktur, data terstruktur pada halaman itu akan diabaikan (meskipun halaman masih bisa muncul di hasil Google Penelusuran). Untuk memperbaiki masalah data terstruktur, gunakan laporan Tindakan Manual.
- Tinjau pedoman lagi untuk mengidentifikasi apakah konten Anda tidak mematuhi pedoman.
- Memecahkan masalah hasil kaya yang tidak muncul atau jumlah hasil kaya yang berkurang.
- Untuk pertanyaan umum terkait crawling dan pengindeksan, lihat FAQ crawling dan pengindeksan Google Penelusuran.
- Ajukan pertanyaan pada Waktu Konsultasi Pusat Google Penelusuran.
- Posting pertanyaan di forum Pusat Google Penelusuran. Untuk bantuan terkait metadata foto IPTC, Anda dapat memposting pertanyaan di forum ini.
Bolehkah menghapus metadata gambar?
Menghapus metadata gambar dapat mengurangi ukuran file gambar, sehingga halaman web dapat dimuat lebih cepat. Namun, berhati-hatilah, karena menghapus metadata dapat dianggap ilegal di wilayah hukum tertentu. Metadata gambar menyediakan informasi hak cipta dan pemberian lisensi gambar secara online. Google merekomendasikan agar setidaknya Anda tetap mempertahankan metadata penting terkait informasi dan identifikasi hak gambar. Misalnya, jika memungkinkan, cobalah untuk mempertahankan kolom kreator, keterangan pemilik foto, dan pemberitahuan hak cipta pada metadata IPTC untuk memberikan atribusi yang tepat.