Ukuran Gambar yang Valid untuk Markup Cuplikan JSON-LD

Ukuran Gambar PC dan AMP untuk Markup Cuplikan JSON-LD yang Valid

Diperbarui 7.20.2021

Artikel ini akan membantu Anda mengetahui cara memilih ukuran gambar terbaik untuk cuplikan kaya yang diuji dengan kode JSON yang valid serta praktik terbaik dasar untuk gambar yang digunakan di halaman web dan postingan Anda.

Dalam hangout webmaster baru-baru ini, John Mueller dari Google berbicara tentang bagaimana raksasa pencarian berencana menggunakan pencarian gambar untuk tugas yang lebih transaksional, lebih mendidik, lebih terkait pencarian pada tahun 2020 dan seterusnya. Kami telah melihat munculnya gambar di Kartu Kaya dan cuplikan fitur kaya lainnya yang menyertakan visual dan berharap ini akan terus berlanjut. Ini berarti bahwa memiliki ukuran gambar yang valid lebih penting dari sebelumnya.

mari kita langsung ke pertanyaan kunci Anda.

Apakah gambar di halaman AMP memiliki persyaratan ukuran?

Ya. Setiap halaman web harus memiliki setidaknya satu atau lebih disukai beberapa gambar beresolusi tinggi yang minimal 800.000 piksel saat mengalikan lebar dan tinggi. Aspek lebar harus minimal 800 piksel.

Apa arti peringatan ini: ukuran gambar lebih kecil dari ukuran yang disarankan?

Sebuah halaman ditandai dengan pemberitahuan ini dan dievaluasi sebagai halaman yang kurang ideal karena berisi satu atau lebih gambar dengan ukuran kurang dari yang disarankan. Biasanya peringatan ini diambil dari gambar unggulan.

Jika bisnis Anda ingin memenangkan visibilitas di Korsel Google Berita, Berita Teratas, atau Korsel Produk, misalnya, itu memerlukan dimensi gambar khusus untuk tata letak yang tepat. Ini juga memastikan bahwa ketika pencari tiba di halaman, mereka dapat mengharapkan gambar berkualitas untuk mendukung topik.

Apa manfaat mematuhi spesifikasi gambar AMP?

• Dengan mengikuti panduan ini, artikel Anda kemungkinan besar akan mendapatkan penempatan unggulan di cuplikan unggulan dan di bagian atas hasil penelusuran. Itu tidak mempengaruhi indeksasi halaman HTML standar.
• Dengan memenuhi rekomendasi minimum, konten media Anda mendukung peluang Anda untuk menampilkan artikel di carousel AMP.
• Lebih sering dari sebelumnya orang memulai pencarian dengan melakukan pencarian gambar. dengan menghormati apa yang terbaik bagi mesin pencari untuk menemukan dan menampilkan konten Anda, Anda dapat memenangkan bisnis baru.

Apakah gambar logo juga memiliki persyaratan ukuran untuk AMP?

Ya. Ada persyaratan format, dimensi, dan padding logo dasar untuk halaman AMP. Logo harus muat di dalam kotak berukuran 60 x 600 piksel; namun, itu akan dirender di carousel AMP dengan ukuran 16 x 160. Logo AMP harus memiliki dimensi kotak 60 x 600 piksel.

GAMBAR LOGO SITUS

Untuk memahami penggunaan gambar secara menyeluruh dalam skema, 'logo' dan 'foto' dikategorikan sebagai sub-properti dari 'gambar'. Penggunaan yang benar berarti mendapatkan kontrol lebih besar atas apa yang ada di Grafik Pengetahuan Google bisnis .

Setiap situs web memiliki logo (atau harus memilikinya), dan markup logo benar memungkinkan master web memberi tahu Google gambar mana yang ingin mereka gunakan dalam tampilan Grafik Pengetahuan mereka.

Panduan Gambar Google mengatakan, “Anda dapat menentukan gambar mana yang harus digunakan Google sebagai logo organisasi Anda di hasil pencarian dan Grafik Pengetahuan. Untuk melakukan ini, tambahkan markup Organisasi schema.org ke situs web resmi Anda yang mengidentifikasi lokasi logo pilihan Anda.”

Kemampuan bisnis untuk meningkatkan posisinya di SERP terus berkembang, dan algoritme Google sekarang lebih mengandalkan bentuk markup ini . Schema.org menyediakan daftar rilis barunya. Skema untuk gambar telah disediakan untuk beberapa waktu. Rilis 1.7 pada 8 Juli 2014, menyatakan: "Rilis ini mengubah properti gambar, mencatat bahwa ImageObject adalah nilai yang masuk akal." Dan itu berkembang pesat, sehingga bisnis memiliki lebih banyak peluang untuk menggunakan markup.

Google memperbarui Pedoman Gambar Data Terstrukturnya

Google mengambil pendekatan yang lebih terstruktur dengan spesifik dalam gambar data terstrukturnya untuk penggunaan gambar.

Kami telah mulai membuat salinan dari halaman produk devoloper Google untuk melacak bagaimana pedoman ini memperbarui dan membandingkan variasi. Saat melakukan analisis perilaku konsumen, amati segmen audiens mana yang tiba di situs Anda melalui penelusuran gambar.

Baik untuk bisnis lokal, resep, produk mark-up , buku, acara, film tv, dll, masing-masing memerlukan perhatian khusus sekarang pada pedoman gambarnya. Beberapa tipe data telah diperbarui dari properti yang direkomendasikan menjadi tipe yang diperlukan.

Pedoman sebelumnya yang kami miliki hanya sedikit dan tidak banyak bicara selain memberikan gambaran; Namun, individu yang menerapkan skema sekarang harus mematuhi pedoman baru yang jauh lebih deskriptif. Satu pedoman baru adalah no-brainer: " URL gambar harus dapat dirayapi dan diindeks ".

Sebelumnya kami hanya perlu menyediakan URL untuk setiap gambar. Sekarang Google menunjukkan bahwa ia menginginkan "bidang berulang ImageObject atau URL". Sementara beberapa halaman kami tidak berisi gambar, pedoman baru mengatakan, "Setiap halaman harus berisi setidaknya satu gambar , dan tidak menentukan bahwa ini hanya untuk laman dan pos yang menyertakan markup skema. Perbedaannya dapat berarti apakah konten Anda muncul di Kartu Google populer atau tidak .

Google merekomendasikan penggunaan content="max-image-preview:large" untuk mendorong peringkat di Google Discover untuk URL non-AMP.

Google Mendeteksi Entitas Web dengan Gambar Lokal

Google semakin mendalami pemetaan entitas lokal dan membocorkan indikasi bahwa Google akan membawa penelusuran gambar ke tingkat yang sama sekali baru.

Tapi sekarang kita tahu bahwa Google akan memilih gambar yang ingin ditampilkan di hasil pencarian dengan mempertimbangkan rasio dan resolusi setiap gambar. Sangat menarik bahwa "resolusi" sekarang direferensikan, yang menunjukkan pengakuan bahwa pengguna belajar banyak tentang halaman dari gambar yang digunakan di dalamnya dan Google menentukan lebih lanjut tentang faktor apa yang penting dalam pemilihan gambar. Lakukan audit situs web lengkap untuk peluang meningkatkan bagaimana gambar Anda dapat digunakan lebih efektif dalam pencarian visual.

Gambar lama apa pun tidak membantu pemirsa, jadi tentu saja, kami tahu selama ini bahwa gambar harus relevan dengan konten yang ditandai dengan skema. Perubahan yang jelas adalah bahwa Google sekarang mengungkapkan bahwa ia lebih suka serangkaian gambar pada rasio aspek yang berbeda. Seperti konten yang bagus, gambar Anda harus berpusat pada konsumen dan menarik bagi audiens Anda . Kami mempelajari bahwa, "Untuk hasil terbaik, berikan beberapa gambar beresolusi tinggi (minimal 800K piksel saat mengalikan lebar dan tinggi) dengan rasio aspek berikut: 16×9, 4×3, dan 1×1."

Jika Anda menggunakan properti gambar thumbnailUrl , pedoman yang sama – termasuk rekomendasi untuk beberapa rasio aspek – ikut bermain. Tidak semuanya berjalan ke arah yang lebih spesifik. Sementara TV dan film sebelumnya membutuhkan gambar dengan "lebar minimum 140px kali tinggi 210px, dengan rasio aspek 2:3", saat ini, spesifikasi tersebut digantikan oleh format gambar "standar" baru ini, yang berarti panggilan Google untuk "16× Rasio aspek 9, 4×3, dan 1×1".

Webmaster yang menghadapi tugas untuk kembali dan memperbarui serta mengganti gambar lama untuk mematuhi permintaan gambar data terstruktur baru Google akan senang mengetahui bahwa pedoman gambar artikel tidak berubah. Mereka mempertahankan spesifikasi yang sama untuk lebar piksel gambar: URL ke gambar yang mewakili artikel. Hanya gambar mark-up yang langsung menjadi milik artikel yang harus ditentukan. Sebelumnya, gambar harus memiliki lebar minimal 696 piksel; pastikan untuk tetap mengikuti Praktik Terbaik Google agar memiliki peluang yang lebih baik untuk menampilkan gambar Anda di Google Maps .

GAMBAR ARTIKEL

Seperti yang saat ini ditemukan persis di Pedoman Google: “ImageObject; diperlukan (AMP), direkomendasikan (non-AMP)

Pedoman gambar tambahan:

• Hanya gambar mark-up yang langsung menjadi milik artikel yang harus ditentukan.
• Gambar harus memiliki lebar setidaknya 1200 piksel (sebelumnya lebar 696 piksel).
• Setiap halaman harus berisi setidaknya satu gambar (apakah Anda menyertakan markup atau tidak). Google akan memilih gambar terbaik untuk ditampilkan di hasil Penelusuran berdasarkan rasio aspek dan resolusi.
• URL gambar harus dapat dirayapi dan diindeks.
• Gambar harus mewakili konten yang diberi markup.
• Gambar harus dalam format .jpg, .png, atau. format gif.
• Untuk hasil terbaik, berikan beberapa gambar beresolusi tinggi (minimal 800.000 piksel saat mengalikan lebar dan tinggi) dengan rasio aspek berikut: 16×9, 4×3, dan 1×1.

Cara Mendapatkan Artikel, Blog, dan Gambar Postingan Blog yang Ideal di Postingan Google Anda

Situs E-Commerce dapat meningkatkan penjualan dengan skema gambar Produk yang benar.

Berikut adalah salah satu contoh saat situs Anda dapat memperoleh manfaat dari penggunaan gambar yang benar. Saat posting baru di Google diterbitkan, itu mungkin menyertakan gambar yang menarik di tautan yang dihasilkan. Google membuat pratinjau, atau cuplikan SERP, yang hari ini terdiri dari judul halaman, deskripsi singkatnya, dan gambar mini untuk menarik perhatian pemirsa.

Setiap gambar di halaman harus memiliki tag alt yang terkait dengan topik halaman dan mendukung maksud pencarian yang cocok .

Google memberikan detail ekstensif tentang rendering gambar Artikel .

Mulai 6 Januari 2017, kami diharuskan memiliki markup skema gambar dengan ukuran gambar sesuai dengan pedoman berikut:

* Lebar gambar minimal 400 piksel

* Gambar memiliki rasio aspek tidak lebih lebar dari 5:2 (lebar: tinggi).

Saat Gambar +Snippet Anda Gagal Ditampilkan

Google mengungkapkan alasan potensial mengapa: “Gambar yang terlalu kecil atau tidak cukup persegi tidak disertakan dalam +Cuplikan, meskipun gambar secara eksplisit dirujuk oleh microdata schema.org atau markup Open Graph. Secara khusus, tingginya harus setidaknya 120 piksel, dan jika lebarnya kurang dari 100 piksel, rasio aspek tidak boleh lebih besar dari 3,0.”

UKURAN GAMBAR VIDEO THUMBNAIL

Pengguna internet mendorong tingkat konsumsi konten video ke atas. Apa artinya itu bagi Anda menyiratkan bahwa menandai situs web Anda dengan potongan web video dengan data terstruktur akan membantu Pencarian Semantik Google dengan titik masuk untuk menemukan dan membantu mencocokkan permintaan pencarian dengan video relevan Anda yang tersedia secara online.

thumbnailUrl harus disediakan yang menunjukkan file gambar thumbnail video yang dapat ditampilkan di halaman hasil mesin pencari (SERP). “Gambar harus minimal 160x90 piksel dan paling banyak 1920x1080 piksel. Kami merekomendasikan gambar dalam format .jpg, .png, atau .gif. Semua URL gambar harus dapat dirayapi dan diindeks. Jika tidak, kami tidak akan dapat menampilkannya di halaman hasil pencarian,” kata Google saat ini.

Praktik terbaik thumbnail kustom berikut untuk ukuran dan resolusi gambar video ditawarkan: “Gambar thumbnail kustom Anda harus sebesar mungkin, karena gambar juga akan digunakan sebagai gambar pratinjau di pemutar tersemat. Kami merekomendasikan gambar mini khusus Anda:

* Memiliki resolusi 1280x720 (dengan lebar minimal 640 piksel).

* Diunggah dalam format gambar seperti .JPG, .GIF, .BMP, atau .PNG.
Tetap di bawah batas 2MB.

* Coba gunakan rasio aspek 16:9 karena rasio ini paling sering digunakan di pemutar dan pratinjau YouTube.”

Konten video Anda adalah citra yang sangat terlihat dan diminati oleh pengguna Internet. Luangkan waktu untuk memilih gambar sampul yang mengumumkan konten video Anda. Maksimalkan dampak gambar Anda di halaman dan dalam penelusuran untuk menambah minat dan mendorong keterlibatan pengguna.

Carousel GAMBAR AMP

Ini menggunakan file amp-carousel-0.1.js dan width: 100% . Coders mengandalkan jenis carousel untuk menampilkan daftar gambar berukuran sama sebagai strip berkelanjutan. Komponen amp-carousel memanfaatkan ruang layar yang lebih kecil secara ideal pada ponsel cerdas untuk memungkinkan pemirsa seluler memilih di antara beberapa gambar mini konten serupa yang ditawarkan dengan mengeklik gambar di sepanjang sumbu horizontalnya.

Artikel RelayMedia berjudul Spread the Carousel Love ,** itu mengarah dengan mengatakan “Penayang yang ragu-ragu tentang AMP harus mempertimbangkan peluang yang mereka lewatkan. Pada dasarnya tidak ada risiko dalam memublikasikan artikel AMP, dan banyak keuntungan dalam hal keunggulan penelusuran dan pembelajaran.”

Kami melihat penggunaan Carousel Gambar Produk yang lebih luas. Ini adalah real estat bernilai tinggi untuk penulis buku, pembuat film, orang terkenal, dan toko e-niaga. Dan penggunaannya diperkirakan akan tumbuh.

Halaman AMP by Example menggunakan lebar 400px kali 300px untuk tinggi setiap gambar carousel.

GALERI GAMBAR NON-AMP

Halaman Non-AMP dengan Galeri Gambar Data Terstruktur

Jika situs Anda belum siap untuk memanfaatkan AMP, halaman Non-AMP juga dapat menjadi hasil kaya dalam daftar hasil kaya SERP , atau di carousel yang menampilkan halaman web non-AMP serupa. Hasil kaya dapat mencakup judul dan gambar. Meskipun Google mencoba mengekstrak informasi yang cukup secara otomatis, sehingga situs dapat memenuhi syarat untuk fitur tersebut, jika halaman web telah menerapkan data terstruktur dengan benar, ini dapat membantu mesin telusur menafsirkan konten Anda dengan lebih baik dan meningkatkan kemungkinan Anda mendapatkan gambar kartu kaya atau carousel gambar hasil. Data skema telah digulirkan ke dalam praktik SEO dasar .

Gambar kecil yang relevan dengan Benda


"primaryImageOfPage": {
"description": "Indicates the main image on the page.",
"$ref": "file://imageobject.json"
},
"image": {
"oneOf": [
{
"$ref": "file://imageobject.json"
},
{
"type": "string",
"format": "uri"
}
],
"description": "An image of the item. This can be a href=\"https://schema.org/URL\">URL or a fully described href=\"https://schema.org/ImageObject\">ImageObject."
},
"thumbnailUrl": {
"type": "string",
"description": "A thumbnail image relevant to the Thing.",
"format": "uri"
},


Repositori Formulir Skema JSON Github adalah situs yang ideal untuk berpartisipasi dalam mengumpulkan contoh kode dan berkontribusi pada bagaimana area web ini berkembang. Karena Google sangat peduli dengan kueri penelusuran dengan maksud transaksional; jenis baru markup skema e-niaga muncul dan juga berkembang .

Mengapa Situs Perlu Dioptimalkan untuk Penelusuran Gambar

Rand Fishkin melaporkan analisisnya terhadap pencarian gambar Google dalam artikel 14 Maret 2017 berjudul The State of Searcher Behavior Revealed Through 23 Remarkable Statistics .

Rand melaporkan analisisnya tentang pencarian gambar Google pada data Jumpshot dan Moz dan menemukan bahwa:

• Google Image Search platform pencarian yang paling banyak digunakan ke-2 setelah Google.com di posisi pertama.

• Pencariannya lebih dari 10 properti web teratas yang digabungkan menjadi satu.

• Lebih dari 10 kali lebih banyak dari pencarian di Bing atau Yahoo.

• Mereka menghitung lebih dari 40 kali jumlah pencarian gambar dalam platform Facebook.

Rand menyatakan bahwa “karena orang secara alami tertarik pada gambar dan karena Google menggunakan data klik untuk secara khusus menampilkan gambar yang menghasilkan keterlibatan paling banyak”, lebih banyak klik terjadi dari blok gambar. Dengan meningkatnya penggunaan markup JSON, menambahkan skema ini dengan benar memberikan situs yang kami kelola visibilitasnya lebih baik di SERP.

Persis, Detail Gambar yang Ditentukan ada di Pedoman Skema Google

Sebagian besar teknologi inovatif saat ini untuk pengenalan gambar bergantung pada teknologi Deep Learning , bentuk lanjutan dari Machine Learning, dan kesuksesan Kecerdasan Buatan yang semakin maju. Profesional penelusuran semantik sebelumnya harus mematuhi pedoman yang tidak terlalu kaku saat menggunakan properti image untuk markup skema yang berlaku untuk LocalBusiness , Article, dan NewsArticle. Awalnya, hanya URL gambar yang diperlukan. Kemudian dinyatakan bahwa “[a] URL, atau daftar URL yang menunjuk ke file gambar representatif”, bersama dengan saran. Banyak saran awal kini telah digulirkan menjadi aturan, khususnya untuk artikel.

Pedoman yang direvisi sekarang berusaha memastikan bahwa visibilitas gambar itu sendiri menambah nilai pada halaman. Meskipun GoogleBot tidak melihatnya dengan mata manusia, raksasa pencarian tersebut sekarang mengatakan bahwa gambar tersebut seharusnya adalah “gambar yang mewakili artikel tersebut… yang langsung menjadi milik artikel tersebut.”

Prioritaskan gambar dalam konten pilar evergreen Anda. Mengingat bahwa sebuah artikel mungkin memiliki beberapa gambar di dalamnya; ini menghilangkan dugaan dari proses pemilihan mesin pencari saat menampilkan artikel dengan cuplikan gambar yang menyertainya. Menarik juga bahwa ukuran minimum diinstruksikan: “[i]mages harus memiliki lebar setidaknya 696 piksel.” Orang mungkin menduga bahwa ini menunjuk pada nilai gambar pada halaman dan bahwa itu seharusnya bukan ukuran thumbnail yang mengganggu.

Kondisi saat ini bahwa tinggi dan lebar gambar harus disertakan menunjukkan fakta bahwa deklarasi URL sederhana untuk image tidak lagi didukung untuk cuplikan kaya artikel dan akan menghasilkan kesalahan kritis. Tidak salah jika menganggap bahwa ini adalah bagian dari dorongan Google untuk membantu webmaster pindah ke Accelerated Mobile Pages (AMP). Elemen AMP dimaksudkan untuk dimuat dengan cepat dan banyak yang dihapus atau ditentukan terkait tata letak artikel seluler. Gabungkan teori AMP untuk meningkatkan pengalaman pengguna dalam desain UX Anda.

Saat dimensi gambar ditambahkan secara eksplisit, ini memberi Google kemampuan untuk merender gambar yang terkait dengan artikel AMP dengan benar di perangkat yang berbeda. Ini mencoba untuk "mengganti referensi gambar dengan ukuran gambar ke viewport pemirsa". Ini adalah salah satu alasan mengapa gambar dapat tumpah ke luar batas saat melihat versi AMP di PC. Pertukaran ukuran gambar tidak dilakukan karena siap untuk pengukuran layar yang lebih besar. Ini harus diperhitungkan sebagai persyaratan dasar desain web interaktif Anda .

Sementara sebelumnya persyaratan amp-img bahwa tag “harus menyertakan lebar dan tinggi eksplisit”, sekarang hal yang sama berlaku untuk desktop. Untuk desainer web yang bersandar pada penggunaan URL relatif untuk penyisipan gambar, mereka harus menyesuaikan untuk AMP, di mana deklarasi URL ImageObject memanggil URL absolut daripada versi URL relatif. Ini masuk akal ketika mempertimbangkan tugas yang dimiliki browser untuk merender halaman web. Secara agregat, ini hanya memperlambat Google karena harus mengurai kode untuk menghitung dimensi gambar.

Lagi pula, maksud AMP adalah memuat halaman lebih cepat. Itu datang dari pengguna yang tidak mau menunggu. Jadi mengapa tidak menawarkan data gambar di muka saja? SEO yang efektif adalah pengoptimalan untuk pengalaman pengguna yang lebih baik , dan kecepatan penting bagi mereka.

GAMBAR E-COMMERCE Carousel PRODUK

Sering kali muncul pilihan halaman mana yang terbaik untuk menambahkan markup terstruktur ke gambar. Terapkan pada halaman produk individual di keranjang belanja Anda versus halaman kategori dengan beberapa produk terdaftar. Ini akan menghindari kebingungan bagi calon pembeli.

Gambar yang ditemukan dalam cuplikan kaya yang valid dan hasil penelusuran gambar dapat kaya dengan informasi produk yang diinginkan pembeli e-Commerce . CATATAN: desainer web Anda dapat menampilkan carousel produk di area mana pun di situs web eCommerce Anda menggunakan fitur desain Product Carousel; yang berbeda dari Google yang secara sukarela memilih untuk menampilkan produk Anda dalam penggunaan carousel di hasil kaya e-Commerce mombile .

Cara Menetapkan Dimensi Gambar JSON-LD

Bergantung pada skenarionya, coba beri anotasi mark-up Anda terlebih dahulu dengan JSON-LD, kecuali jika pedoman menentukan format lain yang lebih disukai.

Saat menggunakan mark-up JSON-LD, nilai gambar tanpa penggunaan tanda kutip adalah "angka", sedangkan nilai yang dinyatakan dalam tanda kutip adalah "string". Itu berarti bahwa seorang pembuat kode perlu berhati-hati untuk menghindari tanda kutip ketika nilai numerik adalah hasil yang diinginkan.

Cara umum untuk menetapkan tinggi dan lebar gambar adalah "width": "600px" , tetapi untuk banyak browser modern, hal itu menimbulkan masalah nilai yang diharapkan untuk "lebar", karena ia mengharapkan "Jarak" atau "Nilai Kuantitatif" . Pengujian yang dijalankan yang menyertakan “width”:”600px” telah diubah oleh Google menjadi:


"width":{
"@type":"Intangible",
"name":"600px"
}

Ini masih kekurangan informasi tentang jenis unit pengukuran apa yang digunakan. Coba ganti "Jarak" menggunakan sesuatu seperti ini:


"width":
{
"@type":"Distance",
"name":"600 px"
}

Pikirkan di luar titik mendapatkan markup yang valid di sini karena masih menyisakan sejumlah ambiguitas untuk unit pengukuran dan memaksa mesin pencari untuk mencoba menemukan apa yang dimaksud dengan menggunakan "px". Preferensi kami adalah menggunakan alat data Terstruktur Linter , ia menyukai gambar yang menggunakan "Nilai Kuantitatif" sebagai gantinya:

"contentSize":"298 Bytes",
"width": {
"@type": "QuantitativeValue",
"value": "700"
},
"height": {
"@type": "QuantitativeValue",
"value": "490"
}
},

URL yang menjelaskan entitas gambar harus stabil dan tidak bergantung pada data variabel. Contoh markup gambar ini akan ditafsirkan sebagai referensi, bukan string literal, karena (pada saat publikasi), schema.org JSON-LD Context mendefinisikan gambar bertipe @id:
Contoh cuplikan konteks schema.org untuk pengkodean gambar JSON:

{
"@context": {
...
"image": { "@id": "schema:image", "@type": "@id"},
...
}
}
Jika tidak diungkapkan seperti itu dalam konteks jarak jauh, istilah yang diberikan mungkin (kembali) didefinisikan dalam konteks lokal:

Contoh hubungan gambar yang diketik:

{
"@context": ["https://schema.org", {
"image": { "@id": "schema:image", "@type": "@id"}
}],
"id": "https://www.wikidata.org/wiki/Q22686",
"type": "Person",
"name": "Donald Trump",
"givenName": "Donald",
"familyName": "Trump",
"jobTitle": "President-elect of the United States of America",
"image": "https://en.wikipedia.org/wiki/Donald_Trump"
}

Karena orang-orang sangat berhubungan dengan citra, dan penelusuran gambar Google berkembang, penting untuk memahami bagaimana gambar mewakili bisnis Anda dan membangun merek Anda .

Markup JSON Membantu Memahami Komponen Visual Artikel

Mengingat peningkatan pencarian visual , ini adalah aspek penting dari SEO. Jika sebuah situs menggunakan platform WordPress dan mengandalkan plugin untuk membuat markup terstruktur, masalah mungkin muncul saat Anda perlu memperbaiki properti Gambar. Dalam hal ini, biasanya karena Featured Image harus digunakan untuk Halaman atau Postingan. Mungkin ada baiknya waktu untuk membuat kode skema Anda jika plugin berjuang dengan kompatibilitas dan masalah kode yang terdepresiasi.

Tanpa pengaturan ini, plugin gagal mengenali foto mana yang paling mewakili konten artikel tersebut. Plugin bergantung pada informasi ini untuk menambahkan ImageObject beserta dimensi ukurannya. Terlepas dari apakah situs Anda bergantung pada plugin atau tidak, beberapa alat SEO terbaik Anda untuk memecahkan masalah dapat ditemukan di Google Search Console .

Aaron Bradly dari SEO Skeptic merekomendasikan bahwa “manfaat yang diharapkan Google dari markup Artikel, secara umum, adalah kemampuan untuk memanipulasi artikel dengan lebih baik di ekosistem Google karena pemahaman yang lebih baik tentang komponen dan asal artikel, daripada menggunakan markup untuk lebih memahami tentang apa sebuah artikel.”*******

Sekarang gabungkan pemikiran itu dengan pernyataan yang sudah dikenal bahwa sebuah gambar bernilai ribuan kata, dan gabungkan kedua pilihan gambar yang kuat dengan data terstruktur skema yang sesuai di sekitarnya.

CATATAN: Gunakan koma untuk menandakan lebih banyak properti yang akan datang. Misalnya, ini diperlukan saat menyertakan banyak gambar. Properti terakhir "gambar" tidak menggunakan koma. Uji kode baru Anda, dan pastikan bahwa semua kesalahan telah diganti dengan sintaks yang benar.

SARAN GAMBAR TAMBAHAN

Berikut ini hanya pendapat Hill Web Marketing dan selain memiliki ukuran gambar yang valid:

1. Jika Memungkinkan, Hindari Stok Fotografi

Banyak klien bertanya tentang jenis gambar apa yang harus mereka gunakan. Pilih gambar dengan orang-orang di dalamnya jika memungkinkan; individu yang tampak bahagia mengangkat semangat pemirsa, mungkin secara tidak sadar, sangat kuat. Wajah manusia dan bahasa tubuh menceritakan sebuah cerita, yang membuat menarik. Pernah memperhatikan bagaimana seorang anak menatap tanpa malu-malu? Itu wajar untuk menatap wajah lebih dari jenis gambar lainnya. Setiap halaman web harus memiliki gambar orang, atau setidaknya gambar .

Pengunjung situs dapat segera mengenali gambar stok. Gambar orang-orang seperti itu tampaknya merupakan pelanggar terburuk karena mereka tidak merasa asli. Jangan terlalu curiga hanya dengan menggunakan kamera ponsel cerdas Anda. Gambar yang terdiri dari pencahayaan yang sempurna, ruang kantor yang bersih, belanja foto hingga perfeksionisme yang tidak nyata, dan terdiri dari 50/50% orang yang beragam etnis di dalamnya bukanlah cara hidup yang terjadi.

Mengingat kekuatan sebuah gambar, berinvestasilah dalam sedikit fotografi profesional asli. Berdandan tapi tetap, terlihat alami untuk hari gambar. Kecuali mereka mencolok, lewati mengedit ketidaksempurnaan kecil; sebuah gambar yang menyampaikan estetika lebih penting daripada memamerkan keadaan yang "dipoles".

Kesalahan paling umum yang dilakukan saat menggunakan fotografi stok adalah membuat pilihan untuk memilih gambar acak daripada gambar yang cukup terkait dengan artikel atau topik posting blog. Untuk menjaga ketergantungan Anda pada gambar stok, jika membeli, buka situs seperti Getty Images atau Fotolia di mana kualitas foto umum lebih tinggi. Pastikan Anda memiliki gambar yang dapat mendorong keterlibatan konsumen dalam kampanye Google Ads Anda .

Setelah melakukan studi tentang penggunaan gambar di 41 blog dalam ceruk online yang berbeda, Neil Patel****** menyimpulkan bahwa “Rata-rata, ketika sebuah posting blog menggunakan gambar fotografi stok, ia menerima 152 tweet dan 83 suka Facebook”. Perhatikan bagaimana gambar Anda berkontribusi atau mengalihkan perhatian dengan platform sosial Anda dan jika perlu, libatkan Manajer Pemasaran Media Sosial profesional .

2. Untuk Memuat Gambar Lebih Ringan Gunakan Kompresi

Perhatikan bahwa pada gambar di bagian atas halaman kita, latar belakang memudar, yang mengurangi resolusi di ruang tersebut sementara dimungkinkan untuk meninggalkan aspek resolusi yang lebih tinggi pada titik fokus grafik ini, wanita.

Ada banyak daftar sumber daya online alat yang membantu kompresi gambar. Coba lebih dari satu untuk menyelesaikan proses pilihan Anda untuk menyandikan gambar Anda dengan baik, memberikan gambar yang identik dengan byte paling sedikit, sementara tidak tertatih-tatih untuk dioptimalkan secara berlebihan. Yang penting adalah menguji, menguji, menguji kode yang benar yang mematuhi persyaratan gambar JSON.

Di muka, ketahui format foto mana yang digunakan yang paling cocok untuk mengompresi gambar. Misalnya, mengonversi file GIF (non-animasi) menjadi gambar PNG akan menurunkannya rata-rata sebesar 21%. Guy Podjarny *** menyatakan, bahwa “mengonversi file PNG (non-transparan) ke JPEG dapat menawarkan penghematan yang lebih besar, seringkali memotong ukuran file hingga 3-5x. Format baru seperti WebP & JPEG XR dapat melangkah lebih jauh dan mengomunikasikan visual yang sama dengan 25–50% lebih sedikit byte”.

3. Perbaiki Masalah yang Menghambat Pemuatan Gambar Lebih Cepat

Kemudian ada lagi yang perlu dipikirkan: bagaimana gambar Anda dimuat adalah pekerjaan yang harus dilakukan browser, yang menentukan seberapa cepat gambar Anda dapat ditampilkan. Desainer web yang bergantung pada CSS dengan instruksi yang panjang, JavaScript untuk mengelola grafik, atau mengandalkan Plugin WordPress untuk melakukan beberapa pekerjaan, seringkali terlalu memperumit masalah. Setiap aspek perlu diperiksa dengan cermat, yang paling baik dicapai dalam audit SEO Teknis situs lengkap .

4. Gambar Harus Sesuai dengan Maksud dan Topik Halaman

Dibutuhkan lebih banyak waktu untuk disengaja, tetapi terutama gambar utama pada halaman harus jelas sesuai dengan maksud halaman.

Neil juga melaporkan bahwa saat menggunakan grafik dan gambar grafik, ia menerima jumlah trackback tertinggi. “Rata-rata, mereka menerima 258% lebih banyak trackback daripada posting blog dengan jenis gambar lain.”

Menambahkan lebih banyak gambar ke halaman dengan konten bentuk panjang dapat membantu memecah blok teks panjang dan memperkuat poin Anda.

Gambar di halaman arahan Anda layak mendapat perhatian khusus, karena merupakan kunci untuk mendorong penjualan. Postingan yang berisi data gambar mungkin tidak menarik perhatian massa, tetapi memiliki kelebihan dari perspektif pendidikan dan bisnis. Mereka menambahkan nilai ke blog niche instruksional (seperti ini) dan sering mengumpulkan tautan kembali ke blog tersebut. Untuk tujuan penelitian saja, bagan yang disematkan, dapat ditindaklanjuti atau statis, sebenarnya dapat meningkatkan nilainya. Di mana beberapa bentuk konten grafis menjadi ketinggalan zaman setelah beberapa tahun, Neil menemukan bahwa "blog lain masih akan menautkan ke posting kaya data dengan grafik, terlepas dari usia posting."

Hubspot mengatakan, "jika gambar yang relevan dipasangkan dengan informasi yang sama, orang mempertahankan 65% informasi". Artikel 3 Januari 2017 2 Statistik Pemasaran Konten Visual yang Harus Anda Ketahui di 2017 . *

5. Libatkan gambar tangan, grafik 3-D, dan Gambar Animasi

Gunakan ukuran gambar yang valid untuk semua markup JSON-LD yang memenuhi syarat.

Gambar tangan, grafik 3-D, atau gambar animasi sangat populer dan umumnya memiliki bobot yang lebih ringan, terutama bila menggunakan latar belakang yang terang. Lihat sekilas gambar yang digunakan oleh Rand Fishkin untuk posting blog White Broad Friday-nya yang sangat populer (moz.com/blog/). Mungkin "latar belakang pastel" bukan tampilan merek Anda, tetapi kemungkinan besar dipilih untuk alasan yang bagus. Jika Anda tidak punya waktu untuk membuat atau menyukai jenis gambar ini, cobalah grafik, infografis, atau fotografi stok.

Ingatlah persyaratan ukuran gambar untuk menggunakan markup skema. Mengapa membatasi penggunaan halaman di masa mendatang dengan hanya berfokus pada daya tarik visual suatu gambar?

Tidak semua gambar online telah diberi tag dengan benar, jadi buat gambar Anda kaya dengan Metadata yang benar untuk pengoptimalan yang benar. Pesan chatbot percakapan dapat berisi tombol, teks, gambar, dan elemen lainnya , atau sepenuhnya merespons berbasis ucapan. Aplikasi atau situs web tradisional dapat meminta dan menampilkan banyak informasi di layar sekaligus, bot akan mengumpulkan jumlah informasi yang sama menggunakan banyak pesan.

Mengapa Ukuran Gambar yang Valid Penting?

Orang-orang adalah pembelajar visual yang kuat. Gambar Anda menyampaikan koneksi ke topik Anda dan Anda secara pribadi. Peluang baru di SERP yang kaya memberi merek Anda eksposur yang lebih baik. Memiliki rencana pemasaran yang gesit akan memungkinkan Anda memenuhi persyaratan ukuran gambar yang muncul.

“Web menjadi semakin kaya akan gambar. Di antara layar ponsel beresolusi tinggi, desain bergaya Pinterest, dan grafis latar belakang yang besar, muatan gambar rata-rata meningkat lebih dari dua kali lipat dalam tiga tahun terakhir. Meskipun menarik secara visual, gambar-gambar ini membawa biaya kinerja yang besar, dan — jika tidak dioptimalkan dengan benar — dapat membuat pengalaman web menjadi lambat dan menyakitkan, tidak peduli betapa indahnya itu.” – Guy Podjarny di Oreilly

“Tahukah Anda 90% informasi yang dikirimkan ke otak adalah visual? Otak juga memproses visual 60.000 kali lebih cepat daripada teks dan penelitian telah menunjukkan 40% orang merespons gambar lebih baik daripada teks biasa, ”kata shiftelearning.com **** Artinya, itu adalah investasi waktu yang layak untuk meneliti ceruk pasar Anda untuk memahami jenis gambar mana yang memacu koneksi dengan pengguna. Setelah ukuran dan markup gambar Anda semua dioptimalkan, kirimkan sitemap.xml gambar. Google dapat mengindeks gambar Anda serta URL halaman .

Bagaimana Google Menggunakan Beberapa Gambar untuk Menyoroti Informasi yang Faktual dan Andal

Bagaimana JSON-LD dan gambar Anda bekerja keras untuk membangun visibilitas dan EAT merek Anda.

“Foto dan video adalah cara luar biasa untuk membantu orang memahami apa yang sedang terjadi di dunia. Namun kekuatan media visual memiliki jebakannya⁠—terutama ketika ada pertanyaan seputar asal usul, keaslian, atau konteks sebuah gambar. Mulai hari ini, kami menampilkan informasi cek fakta di Gambar Google secara global untuk membantu orang menavigasi masalah ini dan membuat penilaian yang lebih tepat tentang apa yang mereka lihat di web. Ini didasarkan pada fitur cek fakta di Penelusuran dan Berita, yang ditemukan miliaran kali setiap tahun oleh orang-orang.

Sekarang, ketika Anda mencari di Gambar Google, Anda mungkin melihat label "Periksa Fakta" di bawah hasil gambar mini. Saat Anda mengetuk salah satu hasil ini untuk melihat gambar dalam format yang lebih besar, Anda akan melihat ringkasan pemeriksaan fakta yang muncul di halaman web yang mendasarinya. Label ini mungkin muncul baik untuk artikel cek fakta tentang gambar tertentu dan untuk artikel cek fakta yang menyertakan gambar dalam cerita.” – Google

Google juga memberi tahu kami bahwa “menambahkan label ini di hasil Gambar Google tidak memengaruhi peringkat; sistem kami dirancang untuk menampilkan informasi paling relevan dan andal yang tersedia.” Dalam Membawa informasi cek fakta ke Gambar Google yang diterbitkan pada 22 Juli 2020, Manajer Produk Google, Harris Cohenm, berbicara tentang niatnya untuk memastikan bahwa orang memiliki akses ke konteks kritis tentang informasi yang mereka temukan — termasuk gambar —yang mereka temui secara online .

Bermitra dengan Jeannie Hill , pendiri Hill Web Creations yang bekerja dengan bisnis Minneapolis untuk memastikan ukuran gambar yang valid digunakan dan memiliki kode bebas kesalahan untuk meningkatkan penelusuran organik, pengoptimalan mesin telusur untuk dunia seluler pertama , dan peluang untuk keunggulan kompetitif online . Selalu waspada untuk mengetahui dan mematuhi pembaruan dalam pedoman SEO Google .
Saya senang tinggal di Minneapolis , Minnesota , di mana saya menyediakan layanan pemasaran digital ke area metro dan sekitarnya.

Ringkasan

Authoritative business sites that rise to the call for AMP pages, use a planned structured approach when building content, and incorporate schema image SEO data to be among those early adopters. They already are able to enjoy the first-mover benefits of winning more viewer clicks from the scrolling images.

A relevant image that has Microdata has the potential to enhance a site's CTR within search results from anywhere between 10-25%, according to builtvisible.com*****. In the case of the need to troubleshoot your markup for an image code error, currently, two types of errors are produced. We can resolve errors and fix both for you.

1. The “image is required” error that can be found in the Google Structured Data Testing Tool (SDTT).

2. An image error that when checking for the Accelerated Mobile Pages (AMP) version.

Your photos reached a new record on Google Maps!

After adding the above image strategies to one client site, they received a message directly from Google that their images uploaded to their Google Profile had a significant increase in views. Ready to start a more advance approach to how your business site uses imagery?

“Your photos helped people over 3,000 times, a new record for you on Google Maps. Selamat! Millions of people rely on photos like yours when they search for places. Thanks for sharing your photos with the world.” – Google Maps

“More records this week…(One Photo)reached 3,320 views.” – Google Maps

Leverage cutting-edge opportunities to make your site's image use more advantageous to both and viewers and your business. Call 651-206-2410 to get on our Schema Site Audit Schedule

NOTE: Topic image source: PHLEARN. Consider hiring a professional photographer to make critical image edits that can transform an flawed image into one perfect to use. Start with great images, then add JSON-LD snippet markup wherever you can – that fits.

NOTE: Informative references have been listed in context at time of use.

* https://blog.hubspot.com/marketing/visual-content-marketing-strategy#sm.000000iy0z9nnp3d6210gl3qzksok

** https://www.relaymedia.com/2016/03/06/spread-the-carousel-love/

*** http://www.oreilly.com/pub/e/3425

**** http://info.shiftelearning.com/blog/bid/350326/Studies-Confirm-the-Power-of-Visuals-in-eLearning

***** https://builtvisible.com/micro-data-schema-org-guide-generating-rich-snippets

****** https://www.quicksprout.com/2014/08/13/what-type-of-images-should-you-use-within-your-blog-posts/

******* http://www.seoskeptic.com/google-article-rich-snippets-guide-updated-for-amp/