Bagaimana cara mengubah gambar dari situs web yang ditampilkan dalam hasil pencarian Google?

Adakah yang bisa memberi tahu saya bagaimana Google memutuskan gambar mana yang akan digunakan ketika menampilkan gambar dengan hasil pencarian (seperti halnya dengan pencarian seluler, kadang-kadang)?

Jika Anda melihat hasil pencarian seluler ini ...

... dan ambil hasil Freelancer sebagai contoh, dengan memeriksa HTML Anda dapat melihat bahwa gambar yang digunakan oleh Google tampaknya tidak memiliki deklarasi khusus, dll. Ini hanya JPG pertama yang muncul dalam HTML halaman itu - jadi saya berpikir mungkin itu sebabnya gambar itulah yang digunakan dalam hasil pencarian Google.

Namun, ketika Anda melihat hasil pencarian seluler ini ...

... dan pertimbangkan hasil Backpack Billboard, HTML mengungkapkan bahwa gambar yang digunakan sebenarnya adalah gambar ketujuh yang dinyatakan dalam HTML.

Jadi, adakah yang bisa menjelaskan bagaimana Google menentukan gambar mana yang akan ditampilkan? Saya ingin tahu sehingga saya dapat memiliki kontrol atas gambar yang ditampilkan untuk situs saya.

Pembaruan / Solusi

Berkat jawabannya, di bawah, ini adalah kode yang sekarang telah saya tambahkan ke headHTML saya untuk mendapatkan gambar mini yang ditampilkan di Google ketika mencari papan reklame ransel :

<script type="application/ld+json">
{
  "@context": "http://schema.org/",
  "@type": "Product",
  "name": "Regular Backpack Billboard",
  "image": [
    "https://backpackbillboards.com/wp-content/uploads/2017/12/backpack-billboards-1x1.jpg",
    "https://backpackbillboards.com/wp-content/uploads/2017/12/backpack-billboards-4x3.jpg",
    "https://backpackbillboards.com/wp-content/uploads/2017/12/backpack-billboards-16x9.jpg"
   ],
  "description": "Backpack Billboards feature a rechargeable battery which powers the internal LED lights providing a bright illuminated display for up to 8 hours.",
  "sku": "BPBB8",
  "brand": {
    "@type": "Thing",
    "name": "Backpack Billboards"
  },
  "offers": {
    "@type": "Offer",
    "priceCurrency": "USD",
    "price": "299.00",
    "priceValidUntil": "2020-11-11",
    "itemCondition": "http://schema.org/NewCondition",
    "availability": "http://schema.org/InStock",
    "seller": {
      "@type": "Organization",
      "name": "Backpack Billboards"
    }
  }
}
</script>

Masalah yang Anda kutip adalah karena Google tidak dapat menentukan gambar utama Anda dan itulah sebabnya, secara acak gambar sebuah gambar pada halaman tersebut ditampilkan pada hasil SERP.

Itu juga tergantung pada permintaan pencarian yang Anda masukkan dan halaman mana (halaman detail penawaran, halaman daftar penawaran, halaman depan toko penjual dll) ditampilkan pada hasil pencarian.

Namun, jika saya menganggap bahwa di kedua tangkapan layar Anda halaman yang sama muncul maka berikut adalah beberapa solusi yang dapat Anda terapkan pada halaman tersebut.

Kita dapat memberi tahu perayap Google tahu apa artinya "laman" melalui Markup Data Terstruktur. Kita harus "menandai" setiap elemen di halaman kita sehingga Google memahaminya dengan baik dan kemudian memberikan hasil yang ditingkatkan pada SERP.

Anda dapat menandai markup data terstruktur ini secara terprogram dalam salah satu dari ketiga format ini

1. JSON LD (Disarankan karena dapat diterima oleh Google, Yahoo, Bing dan Yandex)

2. Microdata

3. RDFa

Contoh kode JSON LD sudah dijelaskan di atas oleh L Martin. Anda dapat membaca lebih lanjut tentang markup produk JSON LD di sini.

Jika Anda ingin melakukannya dengan cepat, maka Google juga memiliki alat Penolong Markup Data Terstruktur yang dapat Anda gunakan dari Google Webmaster.

Setelah selesai, maka Google akan mengerti gambar mana yang akan ditampilkan pada halaman hasil pencarian.

Hai, setelah diskusi dalam komentar, ini adalah kode yang dapat Anda coba dan coba. Saya telah memeriksa Alat Pengujian Data Terstruktur dan berfungsi dengan baik.

<script type="application/ld+json">
{
  "@context": "http://schema.org/",
  "@type": "Product",
  "name": [
    "Regular Backpack Billboard",
    "Walking Billboards",
    "Human Billboards"
   ],
  "image": [
    "https://backpackbillboards.com/wp-content/uploads/2017/12/backpack-billboards-1x1.jpg",
    "https://backpackbillboards.com/wp-content/uploads/2017/12/backpack-billboards-4x3.jpg",
    "https://backpackbillboards.com/wp-content/uploads/2017/12/backpack-billboards-16x9.jpg"
   ],
  "description": "Backpack Billboards feature a rechargeable battery which powers the internal LED lights providing a bright illuminated display for up to 8 hours.",
  "sku": "BPBB8",
  "brand": {
    "@type": "Thing",
    "name": [
    "Regular Backpack Billboard",
    "Walking Billboards",
    "Human Billboards"
    ]
  },
  "offers": {
    "@type": "Offer",
    "priceCurrency": "USD",
    "price": "299.00",
    "priceValidUntil": "2020-11-11",
    "itemCondition": "http://schema.org/NewCondition",
    "availability": "http://schema.org/InStock",
    "seller": {
      "@type": "Organization",
      "name": [
    "Backpack Billboards",
    "Human Billboards",
    "Walking Billboards"
      ]
    }
  }
}
</script>

Saya sudah mencoba mengikuti

1. Menambahkan tiga properti sebagai array di bawah atribut "nama" tipe "Produk"
2. Menambahkan tiga properti sebagai array di bawah atribut "merek" dari tipe "Hal"
3. Menambahkan tiga properti sebagai array di bawah atribut "nama" tipe "Organisasi"

Skrip ini berfungsi di alat pengujian data terstruktur, namun, tidak yakin apakah itu solusi yang tepat sesuai permintaan Anda. Coba dulu dan beri tahu saya apakah itu berfungsi atau tidak.

Anda dapat menunjukkan ke Google gambar mana yang ingin Anda gunakan untuk properti Anda menggunakan markup Schema.org. Berikut contoh situs web perusahaan cepat :

<script type="application/ld+json">
{"@context" : "http://schema.org",
 "@type" : "Organization",  
  "name" : "Example Company",
  "url" : "https://www.example.org", 
  "logo": "https://www.example.org/images/my-logo.png" }
</script>

Mencari perusahaan itu sekarang jauh lebih mungkin untuk menunjukkan logo itu ketika Google membutuhkan gambar.

Jika Anda melakukannya untuk halaman produk , Anda perlu markup ini:

<script type="application/ld+json">
{"@type": "Product",
 "image": "http://example.org/product-image.png",
 "url": "http://example.org/my-products-url",
 "name": "Example Product Name"
 }
</script>

Anda kemudian dapat menguji implementasi menggunakan alat ini untuk memastikan Google mengambilnya:

https://search.google.com/structured-data/testing-tool

Mereka juga akan menunjukkan setiap properti yang hilang yang mereka perlukan untuk memproses data skema Anda

Sebagai Kontributor Utama Google di Forum Bantuan Pusat Webmaster, saya telah melihat banyak pertanyaan dan kasus penggunaan. Pertanyaan khusus tentang thumbnail ini terkait dengan pertanyaan lain di mana Google dapat berperilaku dengan cara yang sama.

Apa yang bukan thumbnail ini: Berdasarkan komentar lain, thumbnail ini bukan:

• Daftar bisnis
• Data terstruktur / cuplikan kaya / json atau data skema
• Bagian dari grafik pengetahuan
• Bagian dari komidi putar seperti artikel berita / POI

Untuk pendapat saya yang sederhana teknik di balik thumbnail ini dan AI Google untuk memutuskan untuk menunjukkannya atau mana yang lebih terkait dengan tag judul dan deskripsi meta daripada data terstruktur / cuplikan kaya. Jadi itu sebabnya saya akan mulai dengan beberapa penjelasan dasar tentang bagaimana tag judul dan deskripsi meta ditampilkan. Dan ikuti itu dengan thumbnail.

Judul tag Anda dapat menetapkan judul-tag, tetapi Google dapat mengubahnya jika judulnya berisi spam, sama karena pada setiap halaman ada informasi yang relevan atau jika Google dapat menentukan judul berdasarkan konten yang lebih terkait dengan pencarian pertanyaan.

Deskripsi meta Anda dapat mengatur deskripsi meta. Sekali lagi: jika relevan, mewakili konten halaman dan terkait dengan permintaan pencarian, mungkin Google akan menampilkan deskripsi meta Anda . Jika Google berpikir itu dapat menghasilkan deskripsi yang lebih relevan, lebih menarik, itu akan menunjukkan deskripsi meta pilihan mereka sendiri.

Baru-baru ini Google menambah panjang deskripsi dalam hasil pencarian. Jadi pada dasarnya Google sudah mengadaptasi / memperluas sebagian besar deskripsi meta sekarang. Praktik terbaik mungkin membiarkan deskripsi meta Anda kosong, seperti halnya Wikipedia.

Thumbnail
Jadi pada dasarnya Google dapat menampilkan gambar, terutama ketika Anda tidak mengatur segalanya. Thumbnail yang digunakan Google di dalam item hasil pencarian digunakan untuk memperkuat visibilitas / representasi Anda . Seperti yang telah saya lihat sejauh ini dan bagaimana saya pikir Google akan mendekatinya, Anda dapat mengarahkan Google ke arah untuk menampilkan thumbnail pada kondisi berikut:

• gambar tentu saja harus dapat dirayapi dan diindeks, jadi jangan mencegah atau memblokir perayapan .
• ditempatkan di awal / di dalam konten utama halaman. Di masa lalu saya memiliki situs web di mana saya memiliki bagian <img>dalam dulu <p>. Google hanya menggunakan gambar itu sebagai thumbnail. Dan mereka bahkan menggunakan teks alt dalam versi meta description (yang tidak terlihat bagus). Setidaknya gambar itu terkait erat dengan konten utama. Mereka saling menguatkan.
• gambar harus unik . Akan terlihat aneh jika Google menunjukkan thumbnail (stok) yang sama untuk setiap hasil pencarian di halaman pertama.
• gambar harus terkait dengan permintaan pencarian dan perlu untuk mewakilinya . Ketika saya mencari 'London Eye', Google berhasil membuat thumbnail gambar kepala artikel ke-4 di halaman ini . Gambar kepala dari tiga artikel pertama tidak menunjukkan mata london. Gambar-gambar ini bahkan tidak memiliki teks alt dan artikel itu berjudul 'pelayaran sungai', sehingga konteks teks tidak diurus. Saya pikir kita dapat mengasumsikan gambar AI melakukan banyak pekerjaan di sini. Screenshot terlampir di bawah ini.
• terlihat di atas sumpah (di desktop). Saya tidak punya bukti untuk ini, ini asumsi. Tapi saya pikir ini sangat membantu jika gambar terlihat di alat ambil & render dari Google. Dan indeks saat ini masih berbasis desktop, tahun ini mungkin akan pindah ke pengindeksan seluler pertama. Saya pikir penting bahwa gambar yang ingin Anda perlihatkan sebagai thumbnail harus menjadi salah satu gambar pertama yang terlihat bagi pengunjung.
• digunakan dalam data meta opengraph dan konten utama halaman. Data meta opengraph. Bandingkan ini dengan deskripsi meta. Jika Anda og:imagemewakili halaman, terlihat pada halaman dan terkait dengan permintaan pencarian, mengapa Google tidak menggunakan ini untuk menghasilkan ibu jari itu.
• digunakan dalam tag meta (valid atau tidak valid) ( contoh ) dan dalam konten utama halaman. Yang aneh dari contoh ini adalah bahwa ini adalah gambar ke-3 atau ke-4 dalam tayangan slide, tetapi disebutkan dalam tag meta khusus. Mungkin itulah alasan mengapa Google memilih yang itu untuk menghasilkan jempol.
• mengabaikan data terstruktur . Data terstruktur digunakan dalam komidi putar untuk berita, produk, artikel, dan sebagainya ... Saya belum melihat hubungan antara data terstruktur dan gambar mini di dalam item hasil pencarian sejauh ini.

Tidak ada dokumentasi yang jelas tentang hal itu, tetapi saya menemukan posting blog ini yang terkait dengan diskusi kami di sini: Temuan Google tentang gambar yang diberi tanda air. . Setidaknya temuan Google tentang thumbnail adalah:

• Pengguna lebih suka gambar besar dan berkualitas tinggi (resolusi tinggi, fokus).
• Pengguna lebih cenderung mengklik thumbnail berkualitas di hasil pencarian. Gambar berkualitas (sekali lagi, beresolusi tinggi dan fokus) sering terlihat lebih baik pada ukuran thumbnail.
• Fitur-fitur yang mengganggu seperti tanda air yang keras, teks di atas gambar, dan garis batas cenderung membuat gambar tampak berantakan ketika diperkecil menjadi ukuran thumbnail.

Pembaruan 25-12: Rekan TC Barry Hunter mengarahkan saya ke diskusi twitter ini di mana John Mueller mengatakan memblokir gambar ini hanya mungkin dengan robots.txt.

Itu harus dapat diubah melalui Google Search Console. Anda dapat menyorot data halaman web Anda, termasuk gambar yang mewakili halaman / artikel yang akan ditampilkan di Google SERP.

Namun, ini hanya cara untuk mengubahnya di Google Browser, saya tidak bisa ragu untuk mengubahnya di browser lain.

Pergi ke Google Search Console >> Tampilan Penampilan >>

1. Data Terstruktur
2. Kartu Kaya
3. Penyorot Data

Melalui ini, Anda dapat menyesuaikan hasil SERP.

Dan Anda juga melihat GMB. ada banyak sumber daya hebat tentang bagaimana Anda dapat mengelola dasbor Google Bisnisku. Menggambarkan

Edit informasi bisnis Anda (gulir ke bawah halaman ini dan lihat informasi pada gambar)

Bantuan Google Bisnisku

Semoga ini membantu

Anda harus memperbarui halaman daftar Google Local Business Anda dengan gambar baru, gambar lama Anda akan diganti dengan yang baru.

Juga opsi kedua Anda dapat melaporkannya sebagai spam yang langsung ditampilkan di hasil Penelusuran.