Pedoman Gambar Google, Aturan AMP, dan Gambar Data Terstruktur

Diterbitkan: 2017-10-26

Panduan Gambar Google Baru, Aturan AMP, dan Menambahkan Gambar Data Terstruktur

Terakhir Diperbarui 28 Agustus 2020

Kemajuan dalam pencarian visual membentuk bagaimana gambar ditambahkan ke situs serta semua bentuk konten visual.

Tujuan utama dari semua iklan adalah untuk membantu individu yang melihatnya agar dapat dengan cepat mengenali dan menyelaraskan dengan produk atau merek yang ditawarkan. Saat ini ada lebih banyak hal yang perlu dipertimbangkan daripada hanya ukuran gambar situs web standar. Menurut Google, mereka berusaha menampilkan hasil Gambar Google dari halaman yang otoritatif.

Selain itu, orang-orang tertarik pada gambar wajah bahagia terlebih dahulu; teks kedua. Visual harus dikombinasikan dengan faktor SEO teknis yang mencakup persyaratan dimensi foto, persyaratan bobot gambar, dan implementasi data terstruktur yang tepat untuk pemasaran berbasis hasil. Misalnya, ukuran gambar baru untuk skema resep yang dapat diterima adalah minimum 185 piksel x 185 piksel. Sementara pengunjung situs menunjukkan preferensi untuk halaman dengan gambar, dulu diizinkan untuk tidak memilikinya. Sekarang Google mengatakan, "Setiap halaman harus berisi setidaknya satu gambar (apakah Anda menyertakan markup atau tidak)". Dan jika Anda ingin mendapatkan cuplikan unggulan, ada pendekatan SEO terstruktur yang diperlukan dengan saran dimensi gambar baru tertentu untuk diikuti. Dengan mematuhi Pedoman Gambar Google yang baru, aturan AMP, dan mengoreksi implantasi gambar Data terstruktur.

Tujuan kami menulis artikel ini sebagian besar berpusat pada pedoman gambar Google dan pedoman gambar Accelerated Mobile Pages (AMP). Ini adalah tanggapan terhadap banyak webmaster dan pemilik situs yang meminta detail tentang cara memilih gambar dan cara mengoptimalkan gambar untuk konten situs web dan kebutuhan pemasaran digital mereka. Kami menjawab pertanyaan umum tentang gambar, terutama yang berkaitan dengan periklanan ke dunia yang mengutamakan seluler .

Apa Pedoman Gambar Paling Penting untuk Diketahui?

* Gambar harus memiliki lebar minimal 1200 piksel jika tingginya 800 piksel, per 26 Mei 2020. Ini soal matematika.

* Setiap halaman wajib menyertakan 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, masuk akal, berhubungan dengan pos, dan dapat diindeks.

* Gambar harus mewakili konten yang di-mark-up.

* Gambar harus dalam format BMP, GIF, JPEG, PNG, WebP, dan SVG untuk implementasi JSON-LD untuk skema eCommerce . Pengembang juga dapat menyejajarkan gambar sebagai URI Data. URI data menyediakan cara untuk menyertakan file, seperti gambar, sebaris dengan menyetel src elemen img sebagai string yang disandikan Base64.

* Untuk hasil terbaik, berikan beberapa gambar beresolusi tinggi (minimal 800.000 piksel saat mengalikan lebar dan tinggi) dengan salah satu rasio aspek berikut: 16×9, 4×3, dan 1×1.

Ingatlah bahwa Google dapat memperbarui persyaratan dan pedoman gambarnya kapan saja. Pertahankan rencana pemasaran yang gesit untuk berputar bila perlu. Temukan kesalahan ukuran gambar AMP di Google Search Console Insights Anda dengan menggunakan pemeriksa URL dan laporan baru.

Cara Google dan mesin pencari lainnya terus memperluas pencarian gambar tercermin pada rollover URL yang ditampilkan di SERP yang meminta popup gambar. Pemuatan yang lambat, gambar yang berat, atau format yang tidak tepat sering kali menjadi masalah dalam laporan Data Web Inti Anda . Cara Anda menggunakan gambar di situs Anda penting untuk hasil penelusuran seluler yang menguntungkan – Anda tidak ingin membuat orang menginginkan gambar untuk dimuat. Anda mungkin kehilangan mereka sama sekali.

Di mana Gambar Unggulan Harus Ditempatkan di Halaman Web?

Tempatkan gambar unggulan pertama atau tinggi pada setiap halaman web.

Pada 24 September 2018, Google mengumumkan bahwa mereka telah merevisi algoritme pencarian gambarnya untuk menampilkan foto berdasarkan otoritas halaman web sebagai faktor yang akan diandalkannya. Atau konten lama atau terbaru juga memengaruhi cara Google menilai penempatan gambar di halaman. Artinya gambar yang Anda tempatkan lebih tinggi pada halaman lebih dihargai oleh Google.

Jika Anda memperhatikan perubahan tampilan SERP, Anda sudah tahu bahwa raksasa teknologi itu menganggap gambar sebagai elemen penting. Google menulis:

”Selama setahun terakhir, kami telah merombak algoritme Google Gambar untuk memberi peringkat pada hasil yang memiliki gambar dan konten hebat di halaman. Sebagai permulaan, otoritas halaman web sekarang menjadi sinyal yang lebih penting dalam peringkat. Jika Anda mencari rak DIY, situs di belakang gambar sekarang lebih cenderung menjadi situs yang terkait dengan proyek DIY. Kami juga memprioritaskan konten yang lebih segar, sehingga Anda cenderung mengunjungi situs yang baru saja diperbarui.

Juga, belum lama ini jika Anda mengunjungi halaman web gambar, mungkin sulit untuk menemukan gambar tertentu yang Anda cari ketika Anda sampai di sana. Kami sekarang memprioritaskan situs di mana gambar berada di tengah halaman, dan lebih tinggi di halaman. Jadi, jika Anda ingin membeli sepasang sepatu tertentu, halaman produk yang didedikasikan untuk sepasang sepatu itu akan diprioritaskan di atas, katakanlah, halaman kategori yang menampilkan berbagai gaya sepatu.”

Pemasaran Visual yang Mencapai Inti dari Dunia Bisnis Anda

Bagaimana gambar membantu mendukung pertumbuhan bisnis?

Gambar berkualitas buruk mencerminkan merek Anda dengan buruk. Gambar berkualitas mengomunikasikan kepada konsumen bahwa merek Anda bersifat pribadi dan dapat dipercaya. Ketika digunakan dengan cerdas, gambar dapat mengarahkan sejumlah besar pengunjung ke situs web Anda. Gambar yang menarik mendorong pembagian sosial dan interaksi merek, dan pada akhirnya membantu Anda mencapai tujuan bisnis Anda.

Pekerjaan citra yang menghasilkan visualisasi yang kuat membantu pengunjung situs untuk mengidentifikasi dengan bisnis dan produk Anda. Gambar yang relevan, menarik, dan menarik secara emosional adalah aset media yang vital untuk pertumbuhan bisnis . Beberapa pemasar digital menganggapnya menakutkan ketika pedoman baru muncul untuk penggunaan gambar bersama dengan kebutuhan kompleks untuk mengakses bagaimana citra menghasilkan pengalaman emosional. Pemilihan gambar untuk halaman produk dan layanan online Anda dapat dimulai dengan informasi di bawah ini; itu akan melindungi Anda dari membuat pilihan yang buruk dan menghemat waktu Anda, denda, atau penalti markup produk skema dalam jangka panjang.

Mari kita asumsikan bahwa Anda telah bekerja keras untuk menghasilkan citra perusahaan yang tepat, dan sekarang Anda ingin memanfaatkan citra perusahaan Anda untuk meningkatkan visibilitas dan pendapatan merek bisnis Anda. Jika Anda tidak mengetahuinya sebelumnya, sekarang saatnya untuk mengetahui spesifikasi, aturan, dan peringatan gambar terbaru. Anda mungkin telah memperoleh ratusan ulasan perawatan kesehatan bintang 5 untuk meningkatkan hasil pencarian Anda, tetapi Anda masih membutuhkan gambar yang bekerja keras.

Google Rolls dalam Dukungan Metadata IPTC untuk Gambar Google

“Sebagai bagian dari kolaborasi antara Google, konsorsium industri foto CEPIC, dan IPTC, badan standar teknis global untuk media berita, kini Anda dapat mengakses metadata gambar terkait hak di Google Gambar.” – Google*******

Jadi, pada 27 September 2018, Google “menambahkan metadata Kreator dan Kredit setiap kali ada gambar di Gambar Google”. Mereka juga menunjukkan bahwa metadata Pemberitahuan Hak Cipta akan tersedia di masa mendatang.

Spesifikasi Gambar untuk Iklan Google AdWords Pengguna Tertarik pada Gambar Wajah Bahagia Terlebih Dahulu; Teks Kedua

Iklan gambar menarik perhatian pembeli di banyak tempat yang digunakan. Gambar yang tepat dapat dilihat oleh target yang Anda identifikasi dalam Jaringan Display Google yang luas, yang terdiri dari sekitar 2 juta situs web dan aplikasi. Jadi, Anda ingin gambar Anda terlihat bagus dari dekat dan dimuat dengan cepat.

Dalam skenario penggunaan gambar ini, terdapat spesifikasi dimensi dan bobot. Pengelola akun AdWords dapat mengunggah iklan gambar dari banyak pilihan dimensi gambar tertentu melalui Editor AdWords. Saat ini, batas ukuran gambar untuk semua iklan gambar AdWords adalah 150 kilobyte. Hingga saat ini, Editor Kata belum mendukung gambar berukuran ganda (misalnya, gambar 1024 x 90 untuk slot iklan 512 x 45) untuk perangkat tampilan resolusi tinggi.

Terkadang kami bekerja dengan tim yang lebih suka mendesain gambar untuk ukuran iklan bergambar Google daripada mengontrak seseorang untuk membuat grafik iklan. Dalam hal ini, instruksi yang jelas kepada desainer grafis harus menyertakan pemberitahuan bahwa produk akhir harus dalam format JPEG, SWF, PNG, atau GIF. Saat ini, ini adalah satu-satunya format yang dapat diterima untuk iklan PPC.

Perhatikan bagaimana Iklan Anda ditampilkan di perangkat seluler dan mulailah dengan format gambar spanduk yang diklik sebagian besar pengguna. Beberapa persyaratan juga berlaku untuk Iklan hamparan gambar dan iklan HTML5. Profesional PPC Anda akan mengetahui spesifikasi gambar apa yang diperlukan dan mana yang pengujian A/B menunjukkan bagaimana keterlibatan seluler dipengaruhi oleh konten gambar .

Gambar harus mewakili semua kata kunci dan iklan yang ditemukan di grup iklan tertentu saat menggunakan ekstensi gambar. Selain itu, gambar produk harus memiliki kualitas yang cukup tinggi untuk dikonversi.

PERINGATAN: Bisnis mungkin menghadapi peringatan pernyataan keliru Google jika mereka menganggapnya melindungi pengguna. Gambar dengan teks harus sesuai. “Kami tidak mengizinkan iklan atau tujuan yang bermaksud menipu pengguna dengan mengecualikan informasi yang relevan atau memberikan informasi yang menyesatkan tentang produk, layanan, atau bisnis”, platform periklanan Google menyatakan**********.

Jika memungkinkan, beri nama URL gambar Anda dengan benar untuk pertama kalinya.

“Jika kami melihat perubahan dalam URL terkait dengan gambar yang disematkan, maka itu adalah sesuatu di mana kami harus pergi dan pertama-tama meng-crawl ulang gambar-gambar itu, memproses ulang, mengindeks ulang, dan menyiapkan semuanya untuk pencarian gambar lagi.” – John Mueller dari Google

Panduan Gambar untuk Halaman AMP

Halaman landing AMP lebih canggih karena mendukung kueri media dan kueri elemen. Tidak hanya itu, ia juga dilengkapi dengan proses bawaan unik yang dapat mengontrol tata letak elemen individual, seperti gambar. Google sekarang mendorong webmaster untuk berpikir dalam hal rasio aspek gambar. Rasio aspek adalah hubungan proporsional antara lebar dan tinggi gambar tertentu. Biasanya dinyatakan sebagai dua angka yang dipisahkan oleh x—misalnya, 16 x 9 atau 4 x 3. Saat Anda menyesuaikan foto menggunakan rasio aspek, Anda menjaga resolusi gambar tetap utuh.

Gambar responsif untuk versi AMP halaman dan postingan Anda

Untuk gambar responsif di AMP, “lebar dan tinggi tidak harus sama persis dengan lebar dan tinggi amp-img; nilai-nilai itu hanya perlu menghasilkan rasio aspek yang sama. Misalnya, alih-alih menentukan lebar="900″ dan tinggi="675″, Anda cukup menentukan lebar="1.33″ dan tinggi="1″, menurut dokumentasinya. Jika Anda telah menyewa fotografer profesional untuk mendapatkan gambar unik Anda sendiri, pastikan Anda memiliki fleksibilitas saat menggunakannya secara online. Ini bukan tentang apakah fotografer ingin memotongnya; ini tentang apakah gambar perlu dipotong.

Penyiapan tata letak AMP memerlukan rasio tinggi lebar gambar untuk mendahului kebutuhan untuk mengambil gambar; namun, dalam situasi ketika dimensi gambar tidak diketahui, untuk mempertahankan rasio tinggi lebar gambar yang diperlukan, gabungkan tata letak isian AMP dengan properti CSS yang sesuai dengan objek. Tambahkan atribut srcset untuk gambar siap retina. X mewakili rasio piksel perangkat. Kemudian gambar 2x akan dirender pada perangkat yang memiliki rasio 2px.

Sebuah amp-img sederhana yang bergantung pada amphtml akan diberikan lebar dan tinggi yang tetap. Saat menggunakan gambar yang lebih besar pada perangkat kecil, bagian gambar itu akan menjadi visual di luar layar. Situs AMP Ready memberikan contoh bagaimana gambar akan diskalakan dan pengelola tata letak AMP mempermudah pekerjaan itu. Tanpa pertimbangan AMP, seseorang bisa saja mengatur max-width 100% dan tinggi otomatis sehingga ukuran gambar asli digunakan sampai viewport terlalu kecil. Kemudian grafik diciutkan sebagaimana mestinya, dalam rasio, untuk layar yang lebih kecil. AMP memerlukan proses pemikiran tambahan untuk gambar Anda.

Waktu proses HTML AMP sangat efisien dalam mengelola sumber daya gambar, mengetahui waktu terbaik untuk menunda atau memprioritaskan pemuatan sumber daya dengan menentukan posisi area pandang, sumber daya sistem, kekuatan bandwidth, serta faktor tambahan. Itu juga dapat memutar gambar GIF animasi

Gambar Anda dapat ditampilkan dengan tinggi dan lebar tetap yang ditentukan yang Anda berikan. Minimal, lebar dan tinggi eksplisit perlu disertakan. Menambahkan berbagai ukuran adalah nilai tambah. Kemudian Anda membuatnya responsif dengan menambahkan layout="responsive" . Karena <amp-img> bergantung pada kode JavaScript, jika pengguna memilih untuk menonaktifkan skrip, gambar Anda tidak akan ditampilkan. Untuk skenario ini, Anda diizinkan untuk memberikan fallback ke gambar dengan menambahkan <img> dan <noscript> . Lihat contoh Firebase.

“AMP-IMG adalah pengganti AMP HTML untuk gambar. AMP IMG adalah tag yang cukup cerdas. Runtime javascript amp memprioritaskan gambar berdasarkan koneksi, area pandang, sumber daya sistem, atau faktor lainnya. Sebagian besar gambar malas dimuat. Itu berarti gambar hanya dimuat ketika mereka menggulir ke tampilan. ” – ampready.com

“Karena halaman AMP biasanya disajikan dari Cache AMP, Anda tidak akan mendapatkan manfaat Aplikasi Web Progresif terbesar pada klik pertama itu, karena Service Worker Anda sendiri tidak dapat berjalan. Di sisi lain, Progressive Web App tidak akan pernah bisa secepat AMP pada klik pertama itu, karena platform dapat dengan aman dan murah melakukan pra-perenderan (kaya gambar) halaman AMP.” – Majalah Smashing********

Persyaratan Logo AMP

File foto harus diunggah dalam format raster, seperti .jpg, .png, atau .gif; vektor, seperti gambar logo .svg tidak diizinkan.

Animasi tidak diizinkan dalam logo.

Juga bukan logo wordmark lengkap atau versi logo ikon.

Grafik harus dapat dibaca dan pada latar belakang putih atau terang. Tidak ada latar belakang hitam.

Ukuran logo harus persegi panjang, simpan versi persegi Anda untuk penggunaan lain, seperti di Cantuman Bisnis Google Anda.

Logo AMP Anda harus pas di dalam persegi panjang berukuran 60x600 piksel. Komunitas HTML AMP merekomendasikan tingginya persis 60 piksel (lebih disukai), atau lebar tepatnya 600 piksel. Ini menyatakan contoh logo 450x45px tidak dapat diterima, terlepas dari pemasangannya dalam persegi panjang 600x60px.

Jika Anda menggunakan plugin AMP untuk WordPress, pastikan untuk menunjukkan logo AMP Anda. Jika tidak, Anda mungkin mendapatkan kesalahan penerapan data terstruktur pada halaman AMP Anda, karena saat ini mereka biasanya mengonversi skema Artikel menjadi skema Posting Blog.

Galeri Gambar Seluler yang Menggunakan AMP-Carousel

Banyak yang telah mendengar desas-desus bahwa elemen halaman galeri gambar sangat terbatas pada Halaman Seluler yang Dipercepat. Ini harus dibantah, karena komponen amp-carousel ideal untuk galeri gambar – hanya memerlukan keterampilan khusus. Carousel membutuhkan atribut height untuk dinyatakan terlebih dahulu. Ini mungkin menantang jika gambar dan teks yang ditampilkan dikirim jika ukuran dan panjangnya bervariasi. Pengembang AMP telah bekerja keras untuk memecahkan masalah ini.

Penyiapan yang benar untuk carousel gambar AMP meliputi:

  • menggunakan komponen amp-fit-text.
  • mengimpor komponen carousel ke header halaman.
  • pengetahuan tentang cara menggunakan komponen amp-selector.
  • mengintegrasikan komponen amp-bind.
  • memanfaatkan komponen amp-image-lightbox dengan CSS standar saat Anda ingin menerima pembaruan gaya.

Galeri gambar AMP juga dapat memiliki teks yang menutupi gambar dan menggunakan gambar mini sebagai pratinjau untuk pemilihan gambar.

Gambar Pahlawan AMP untuk Aplikasi Web Progresif

Gambar pahlawan pertama halaman Anda dan judul AMP yang sesuai dapat diprarender, sehingga pengunjung situs dapat melihat konten Anda secara instan dengan berada di paro atas. Jika Anda mengikuti komunitas pengembangan web, kemungkinan Anda telah membaca tentang AMP dengan aplikasi web progresif (PWA). Ini adalah istilah utama yang menggambarkan pengalaman web yang sangat canggih sehingga bersaing dengan aplikasi asli yang sangat kaya dan imersif serta menggunakan "Retina", citra full-bleed. Pada koneksi seluler, pengguna menghadapi rata-rata latensi 300 milidetik. Di sinilah pemuatan gambar AMP dapat mengatasi kendala lain seperti bandwidth terbatas atau koneksi sinyal yang buruk.

Kurangi penundaan yang ada di antara pengguna Anda dan konten kaya Anda. Creative commons GitHub menawarkan banyak contoh aplikasi tipe elemen gambar LD JSON.

Pra-render tata letak dasar di server dengan citra pemuatan lambat untuk meningkatkan fungsionalitas dan sebagainya. Ketahuilah bahwa Anda mungkin harus mempekerjakan, atau meminta bantuan seorang freelance front-end performance wizard. Pengguna seluler yang tidak sabar membuat kami menghadapi anggaran kinerja pemuatan total kurang dari 1 detik untuk benar-benar memuat semua gambar yang Anda inginkan saat menginisialisasi aplikasi Anda. Ini adalah tantangan nyata untuk SEO yang efektif dalam hal kecepatan memuat.

Spesifikasi Gambar untuk Data Terstruktur Google Cuplikan kaya Google dengan gambar

Artikel dan Berita Gambar Artikel harus memiliki lebar minimal 1200 piksel. Untuk menyesuaikan rasio aspek yang lebih baik, sebaiknya gunakan gambar dengan lebar minimal 1200 piksel dan tinggi 800 piksel. Pemasaran digital sebagian besar tentang efisiensi, jadi jika Anda berencana membuat konten Anda lebih cerdas dengan markup skema, persiapkan gambar dengan mempertimbangkan saran Google. Jika tidak, peringatan skema yang ditemukan di Search Console atau saat menggunakan SDTT dapat menjadi kesalahan di masa mendatang.

Misalnya, skema khusus industri dan kode JSON-LD Bisnis Lokal Anda, menambahkan persyaratan agar gambar logo Anda ditentukan awal tahun ini.

Google tidak pernah menjamin bahwa Anda akan menemukan semua gambar Anda ditampilkan dalam hasil pencarian unggulan seperti Kotak Jawaban Cepat, grafiknya, atau di Google News. Tetapi dengan ketat mengikuti persyaratan dan berusaha mengikuti sarannya akan meningkatkan kemungkinan dimasukkannya grafik Anda.

Setelah semua pekerjaan memilih gambar yang luar biasa, Anda akan menginginkan manfaatnya ditandai dengan benar.

Contoh: untuk Artikel → gambar: URL, atau daftar URL yang menunjuk ke file gambar representatif. Gambar minimal harus berukuran 160x90 piksel dan maksimal 1920x1080 piksel. Jika tidak, kami tidak akan dapat menampilkannya di halaman hasil pencarian. Hanya gambar yang di-mark-up yang langsung menjadi milik artikel yang boleh dicantumkan di properti ini. Di mana ada sejumlah gambar yang berlaku, daftarkan semuanya dengan gambar-gambar penting terlebih dahulu. Anda dapat melangkah lebih jauh dan mengunduh Audit Situs dan Daftar Periksa Google Analytics kami .

Patuhi Spesifikasi Gambar untuk Gambar Produk

Pertimbangkan keefektifan gambar grafis: ingat gambaran menarik dari "menjadi keren" jika Anda merokok unta? Kemudian, di balik bungkus rokok terdapat gambar peringatan kesehatan tentang risiko seperti penyakit gusi/mulut atau kanker mulut. Google Penelusuran bermaksud untuk menafsirkan konten halaman dan gambarnya dengan lebih baik. Skema gambar yang tepat memberikan petunjuk eksplisit tentang arti gambar dan bagaimana hal itu menjelaskan topik halaman. Banyak jenis data terstruktur termasuk memberikan informasi tentang gambar halaman untuk membantu mengklasifikasikan konten halaman dan mengembalikan yang paling sesuai dengan kueri pengguna.

Saat menandai produk, Google memperbarui halaman Pencarian Produk Google Developers *** pada 27 September 2017 dengan menyatakan bahwa ia lebih memilih serangkaian gambar pada rasio aspek yang berbeda. “Untuk hasil terbaik, berikan beberapa gambar beresolusi tinggi (minimal 50K piksel saat mengalikan lebar dan tinggi) dengan rasio aspek berikut: 16×9, 4×3, dan 1×1.” Namun, rasio gambar bekerja dengan baik untuk gambar di halaman dan postingan Anda agar memiliki peluang lebih baik untuk muncul di Umpan Berita Google. Mereka juga memerlukan gambar logo untuk ditautkan di umpan.

“Perayapan gambar memperhitungkan gambar schema.org dan og:image yang ditentukan dalam badan HTML artikel. Untuk gambar yang ingin Anda jadikan gambar mini di samping artikel Anda, sebaiknya gunakan schema.org atau og: image untuk memperjelas pilihan ini.” – Google*

Mengapa Pedoman Stereotip Gambar Baru Penting bagi Pembeli Gambar dan Materi Iklan

Apakah kehadiran online Anda berbicara tentang merangkul orang-orang lintas jenis kelamin, rentang usia, keragaman etnis, campuran preferensi pribadi, latar belakang agama dan politik?

Riset pemasaran selama bertahun-tahun membuktikan bahwa visual adalah salah satu cara paling efisien dan sukses untuk melakukan ini. Gambar-gambar yang dipilih oleh bisnis atau merek untuk digunakan dalam kampanye pos dan berbayar mereka biasanya merupakan aspek yang paling beresonansi dengan sebagian besar pemirsa. Untuk menjangkau audiens yang lebih luas dan melindungi merek Anda , penting untuk tetap mengetahui aturan baru tentang stereotip gender dalam iklan dan penggunaan gambar di situs web Anda.

Sebuah laporan baru-baru ini oleh Otoritas Standar Periklanan (ASA) dan Komite Praktik Periklanan (CAP) menyerukan sikap yang lebih keras terhadap stereotip gender negatif yang sering digambarkan oleh gambar. “Antara 2015 dan 2016, ASA mempertimbangkan 1.378 pengaduan terkait penggambaran perempuan dan laki-laki. Dari jumlah tersebut, 465 kasus ditangani dengan penggambaran laki-laki”, menurut Amelia Tait yang mengomentari mengapa aturan gambar baru yang dioptimalkan untuk web bermanfaat bagi banyak orang.

Studi ini juga menyimpulkan bahwa iklan untuk situs web medis dapat menjadi masalah jika gambar yang digunakan: menggambarkan citra tubuh yang tidak sehat. Temuan mengungkapkan cara pasien atau orang mencari informasi medis visual versus mengklik melalui formulir kueri di kotak pencarian untuk membaca teks di halaman.

Laporan akhir “Penggambaran, Persepsi, dan Bahaya” diterbitkan 18 Juli 2017 dan Mengapa aturan baru tentang stereotip gender dalam iklan menguntungkan pria, juga diposting pada hari yang sama oleh Amelia. “Pada 2019, lebih dari setengah dari semua pencarian seluler akan menjadi pencarian visual”, dia memprediksi sambil mengutip laporannya

Untuk mengkonfirmasi tren tersebut, Lauryn Chamberlain, Associate Editor di GeoMarketing, juga menyatakan bahwa “Pada tahun 2020, diperkirakan 50 persen pencarian akan datang dari gambar dan suara”, dalam artikelnya tanggal 25 Juli 2017 berjudul Apa yang Harus Diketahui Pemasar Tentang Masa Depan Cari .

Perluas Jangkauan Anda dengan Ukuran Gambar dan Metadata yang Benar

Untuk penyertaan dalam visibilitas yang didambakan dalam Paket Lokal Google Maps , Anda harus memperhatikan tidak hanya ukuran tetapi juga persyaratan lain seperti berat, dan menggunakan metadata dengan cerdas.

Banyak artikel bagus sudah ada di "pedoman gambar untuk iklan Facebook", "pedoman gambar twitter", "pedoman gambar media sosial", "persyaratan gambar produk Amazon" dan banyak lagi. Tujuan kami di sini adalah untuk fokus pada apa yang dibutuhkan untuk Google Penelusuran dan Google Ads.

Jadi, dengan adanya pedoman baru, baik untuk persyaratan JSON-LD atau untuk melindungi masalah gender, penting untuk memastikan Anda menggunakan gambar yang mengedepankan langkah terbaik Anda dan menunjukkan pendekatan positif merek Anda. Gambar juga mendukung Kartu Google Now . Ini berfungsi baik untuk menunjukkan rasa hormat terhadap perubahan pandangan di masyarakat dan untuk menyelesaikan masalah SEO teknis yang mungkin timbul dari ukuran gambar atau Metadata yang salah.

Haruskah Gambar saya Mencerminkan Keanekaragaman?

Mencerminkan keragaman untuk menjangkau audiens yang lebih luas dengan gambar yang mereka hubungkan.

Ada peningkatan nyata dalam persentase iklan yang menampilkan berbagai dinamika keluarga dan bisnis. Mereka dapat berbicara banyak jika menawarkan visual pria dan wanita yang bekerja bersama dalam peran yang menantang secara fisik, seperti di tentara; laki-laki dan perempuan mengambil bagian dalam olahraga yang sama, atau kerumunan etnis yang beragam di suatu acara.

Menggambarkan kesetaraan gender dan apa yang individu mungkin atau mungkin tidak mampu lakukan adalah salah satu pesan penting yang perlu digambarkan oleh bisnis dalam iklan digital mereka. Ini akan membantu mereka mendapatkan penghargaan karena mematuhi pedoman terbaru dan memberikan manfaat dari iklan yang lebih menarik bagi pasar saat ini.

Bagaimana Gambar Muncul di SERPs dan Google News Feed

Saya sedang mencari salah satu posting saya yang diterbitkan untuk menjawab pertanyaan klien. Permintaan pencarian saya “gambar untuk kreasi web bukit JSON- LD yang valid” memuat banyak gambar. Apakah hasil gambar seperti itu hanya kebetulan terjadi? Tidak. Dibutuhkan perencanaan untuk memaksimalkan bagaimana gambar Anda dapat berkontribusi pada strategi pertumbuhan bisnis .

Bisnis Anda dapat memperoleh kehadiran online yang lebih kuat jika Anda dapat memengaruhi bagaimana merek Anda muncul di Grafik Pengetahuan , cuplikan video, umpan berita, dan cuplikan kaya lainnya di Google . Satu hal yang menonjol adalah bahwa tema warna situs web saya tercakup dalam pilihan gambar yang digunakan.

Ingatlah Kriteria & Saran Gambar Lanjutan Google

Google Mengumumkan cara menyederhanakan persyaratan gambar untuk kampanye Aplikasi Anda

Mulai berlaku nanti pada tahun 2020, Google Ads akan memperbarui “dari spesifikasi gambar berbasis ukuran ke rasio untuk membuat proses kreatif Anda lebih sederhana dan lebih efisien. Anda hanya perlu mengupload gambar dalam tiga rasio tinggi lebar untuk menskalakan iklan Anda di seluruh properti dan format kampanye Aplikasi yang memenuhi syarat:”

Selain itu, batas ukuran file gambar maksimum menyesuaikan ke atas, memperbarui dari 150KB menjadi 5MB. Ini mendukung aset berkualitas lebih tinggi. Platform PPC juga menyatakan, “Kami juga memangkas format file yang disetujui, menonaktifkan GIF, dan hanya menyimpan .jpg dan .png untuk mempermudah pengembangan kreatif Anda.” Korsel gambar baru muncul dan membantu konsumen dengan cepat mengidentifikasi produk yang mungkin mereka minati; markup skema menyoroti gambar dan dapat berguna untuk memasukkan gambar produk Anda ke dalam carousel produk . Selain itu, menggunakan kata-kata yang terkait secara semantik pada halaman produk Anda dapat membantu menjelaskan apa yang Anda jual dengan lebih baik.

Kiat apa yang disarankan Google untuk memberikan gambar terbaik?

Kiat tentang cara memilih gambar yang memenuhi persyaratan, menarik klien baru, mendorong klik, berbagi, dan meyakinkan ceruk bisnis Anda bahwa Anda adalah pemimpin:

  • Warna gambar harus melengkapi logo Anda vs bersaing dengannya.
  • Ukuran harus horizontal untuk sebagian besar aplikasi desktop.
  • Pilih gambar yang mewakili topik halaman Anda dengan baik.
  • Pilih citra yang mencerminkan siapa Anda yang meningkatkan keterlibatan pengguna akhir.
  • Pertahankan nada yang tepat agar sesuai dengan audiens Anda.
  • Tunjukkan kepribadian merek Anda melalui pilihan Anda.
  • Perhatikan baik-baik hak kepemilikan gambar dan berikan kredit yang tepat.

Apakah Gambar Responsif Tema saya Memenuhi Pedoman?

Setiap tema situs memiliki mekanisme untuk menampilkan gambar. Tidak semua pengembang tema selalu mengikuti praktik terbaik untuk menggunakan gambar di situs web Anda dan mengubah pedoman gambar. Jadilah proaktif.

Karena gambar menghabiskan kapasitas situs Anda lebih cepat daripada hampir semua elemen, ingatlah berapa banyak variasi ukuran gambar yang ditambahkan setiap kali satu gambar diunggah. Hal pertama yang harus Anda ketahui — setiap gambar yang diunggah ke Media Library Anda akan secara otomatis membuat beberapa salinan (thumbnail) dengan ukuran yang lebih kecil (dimensi dalam piksel), ini adalah mekanisme default WordPress. Kualitas salinan tersebut tergantung pada dimensi asli gambar dan pengaturan Anda.

Sebagai pemilik bisnis, Anda harus memenuhi pedoman, sebagian dengan mempekerjakan desainer web, pemasar digital, dan pakar Google Ads yang tetap mengetahui dan menerapkan pengetahuan tersebut. Misalnya, haruskah Anda menambahkan tanda air logo Anda ke gambar ketika Anda tidak memiliki hak juga, coba tebak siapa yang akhirnya membayar denda?

Pakar kreatif dan desainer web senang membuat gambar yang menakjubkan. Mungkin terasa agak sulit untuk secara cerdas membuat dan memberikan gambar yang lebih ringan, lebih cepat, lebih menarik dengan kualitas visual tertinggi dan waktu muat terbaik. Masih saat ini, terlalu sedikit desainer web yang saat ini sedang membangun Accelerated Mobile Pages yang memiliki spesifikasi gambar tambahan. Kami selalu mencermati cara meningkatkan penggunaan gambar dalam audit situs web kami yang bernilai tinggi

Optimalisasi Gambar untuk Pencarian Visual

Karena semakin banyak pengguna yang mengucapkan kueri penelusuran mereka dan menggunakan Penelusuran Gambar Google, pengoptimalan untuk Penelusuran Gambar Google menjadi penting.

Pencarian visual didukung oleh visi komputer dan markup skema ritel untuk membuat pencarian online menjadi cara yang lebih baik dan lebih intuitif untuk berbelanja dan menemukan solusi dari sebelumnya, menurut penulis Michael Miller. “10 Prediksi Teratas Gartner untuk 2018 dan seterusnya” artikel 7 Oktober 2017 ] menyarankan bahwa dikombinasikan dengan pencarian suara, tren pemasaran ini merevolusi cara individu mencari informasi, melakukan penelitian informasi pra-pembelian, dan menemukan produk dan layanan baru.

Prediksi gambar patut diperhatikan karena itu akan memaksa perubahan di situs web Anda:

* Pada 2019, lebih dari setengah dari semua pencarian seluler akan menjadi pencarian visual atau suara diaktifkan.

* Pada tahun 2021, merek pengadopsi awal yang mendesain ulang situs web mereka untuk mendukung pencarian visual dan suara akan meningkatkan pendapatan perdagangan digital sebesar 30 persen.

* Foto yang mudah dipalsukan dengan Photoshop berkontribusi pada kurangnya kepercayaan. Lebih dari 90 persen film top merilis aktor "de-age".

* Kecepatan memuat halaman akan menjadi lebih penting, memengaruhi pilihan citra.

Pengenalan pola dan metode pembelajaran mesin yang maju kini memiliki aplikasi luas dalam konteks pencarian gambar cerdas. Semakin banyak orang yang menggunakan Pencarian Lanjutan Google untuk menemukan apa yang mereka cari. Baik Amazon dan eBay sedang mempersiapkan lebih banyak pencarian gambar. eBay akan mengumumkan dua fitur pencarian visual bertenaga AI baru untuk produk mereka, sementara Amazon sekarang memiliki Pengenalan Gambar yang ditambahkan ke Aplikasi iOS intinya. Pencarian Visual Bixby Vision memungkinkan orang untuk mengarahkan kamera mereka ke objek apa pun dan kemudian mencari objek serupa secara online****. Anda ingin gambar Anda memiliki kesempatan untuk ditarik. Bisnis Anda dapat memperoleh tingkat efisiensi pemasaran yang baru.

Baik Gambar dan Halaman Terkaitnya Perlu Diindeks

Ada banyak pertimbangan saat berusaha menyempurnakan atribut situs Anda untuk penelusuran seluler . Agar gambar Anda disertakan dalam Pencarian Gambar Google, dibutuhkan lebih dari sekadar gambar Anda yang ditempatkan di web di suatu tempat, gambar itu sendiri harus berada di halaman web yang juga dapat diindeks. Jika gambar sebenarnya atau halaman yang menyertai gambar tersebut tidak dapat dirayapi atau diindeks karena alasan tertentu, maka Google tidak akan menampilkannya dalam pencarian gambarnya.

Staf Google John Mueller membicarakan hal ini dalam acara Bantuan Webmaster Google pada 25 Desember 2018. Dia menjawab keluhan tentang gambar persisten yang ada di Pencarian Gambar Google dengan mengatakan:

Saya menduga ada sesuatu yang tidak berfungsi seperti yang diharapkan dengan penghapusan halaman web Anda. Agar gambar ditampilkan di Gambar Google, kami membutuhkan gambar dan halaman arahan terkait yang diindeks. Jika laman landas telah dihapus (atau disembunyikan sementara dengan alat penghapus), kami juga tidak akan dapat menampilkan gambar tersebut. Kecurigaan saya adalah bahwa ada beberapa URL laman landas yang terlibat (terkadang hal ini sulit dikenali, dengan perbedaan kecil pada URL laman), dan salah satunya telah dihapus, tetapi yang lain masih diindeks. Jika itu masalahnya, berusahalah untuk menghapus halaman arahan lainnya juga, maka ini akan mengakibatkan gambar juga tidak ditampilkan (Anda juga dapat melangkah lebih jauh dan juga menghapus URL gambar jika ini ada di situs web Anda sendiri). Terkadang ini membutuhkan sedikit latihan, tetapi sepertinya Anda sudah bisa menghapus satu versi, jadi Anda mungkin "hanya" perlu fokus pada URL yang tepat yang terlibat, dan membersihkannya juga.

Konsumen Dapat Menggunakan Tombol Filter untuk Menemukan Produk Konsumen Menggunakan Tombol Filter untuk Menemukan Produk

Pencarian Gambar Google sekarang sering menawarkan tombol filter. Ini mungkin muncul tepat di atas hasil pencarian gambar dan membantu seseorang menyaring kueri ke arti tertentu. Misalnya, ketika saya mencari “sepatu hak tinggi merah”, saya telah menentukan banyak hal tentang maksud pencarian saya. Namun saya diberi pilihan pilihan baru seperti "stiletto", "pernikahan", "prom", "murah", dll. Seberapa baik Anda menggunakan markup JSON memengaruhi data yang Anda sertakan tentang gambar produk Anda.

Google introduced this feature in November 2020. Its intent to help people that Google Images to find products, be inspired orinformed as they search visually.

Image Alt and Title Tag Optimization

First let's define what an alt tag so that all readers have this understanding. From there, both the title and alt tag should (1) useful, (2) descriptive, and (3) relevant. Now for tips and alt text best practices:

The term “alt tag” is a short way to reference what's actually an alt attribute on an img tag. For each and every image that is uploaded to your website, the alt tag should describe what that photo is about. Screen readers for the blind and visually impaired individuals will read out this text and thus make your image accessible. The purpose of alt tags on images is to be helpful to search bots that are trying to match both an image search and a voice search for content that is the best fit. These Alt tags provide vital image context and descriptive information to search engine crawlers.

• When you are adding an image of a specific product, onsite searches that users conduct can better locate the right item if you include both the full product name and the product's product ID in the alt tag. Skip “cutie” phrases and clever acrimony: if a keyword is beneficial when seeking something that is on the image, include it in the alt tag. Image alt attributes for SEO purposes work to describe to search bots details about the image or what the image references to if the image is a link. When the image is a link, the alt attribute functions like keyword anchor text by supplying an understanding of the context of the destination page to search bots. Images can have a lot to do with CRT and conversion rates on mobile .

• For key charts, images and infographics, it is possible to provide Google with additional details about your site's images. Google says, “provide the URL of images we might not otherwise discover, by adding information to a web Sitemap”. One SEO service we offer it to generate, test, and submit sitemaps; we can give you the benefit of a hard-working sitemap. Practical advice is that if you want Google to crawl your web pages and send relevant traffic, then adhere to both their guidelines and recommendations.

• Use engaging website titles: it is the first thing that searchers see because it is the big clickable part of the listing on visible search results pages. It should be able to attract the attention of the searcher. Ideally, the title should provide a compelling reason to click. Includes benefits, value, and clear solutions to one who conducted the search query.

• Limit the length of your image alt text to fewer than 125 characters. One alternative is to use captions, although sometimes we find that currently complicates the correctness of AMP page code. A JAWS screen reader struggles with lengthier alt attributes. It's simply more user-friendly to keep alt attribute length in check.

Google Warning: “Filling alt attributes with keywords (“keyword stuffing”) results in a negative user experience and may cause your site to be perceived as spam. Instead, focus on creating useful, information-rich content that uses keywords appropriately and in context.”

Image Copyright Implications

It is also important to consider the copyright implications of using images found when conducting an online search such as Google Images. Your first assumption should be that all images you may want to use are most likely to be protected by copyright. Not all of them are, but don't use them unless and until you have determined that it is allowed.

Google is a popular search engine that can be used to locate content such as images and photos; many people start a search this way. However, none of the leading search engines is a content depository, and nor a collection of the public domain or copyright-free images. While you may be directed to images and photo stock that fits your search criteria, it is not automatically yours to use.

What is IPTC Image Metadata?

The IPTC Photo Metadata standard is our current widely accepted standard due to its universal approval among photographers, distributors, news sites, archivists, and web developers. “The schema defines metadata structure, properties, and fields so that images are optimally described and easily accessed later”, according to the site.

Metadata is a set of understood data that defines and gives information about other data. It can be useful as an SEO technique to engage people searching for its contents. We find this is more common with images in the form of charts, graphs, and infographics.

Image metadata facilitates the transportation of information with an image file so that other software, hardware, search bots, and end users – regardless of the image format – can use it. ***********

Should you Use a Watermark on your Images?

In this area of image use, there is no “rule”.

As so often is true, it depends on your usage, if you hired a photographer, where you obtained the image from, and other factors. Google says, “people add copyright text, watermarks, or other information to their images. This kind of information won't impact your image's performance in search results, and does help photographers claim credit for their work and deter unknown usage. However, if a feature such as watermarking reduces the user-perceived quality of your image or your image's thumbnail, users may click it less often in search results”.

In our experience, for most purchased images, we leave it off as we didn't create the image; as well, our users, in general, seem to prefer imagery without text or logo overlays. If it is ours because we hired a photographer to showcase our office, products, an act of service, or selves while publicly speaking, etc., we may. If your preference is to use an image watermark, keep its size limited; it shouldn't become a focal point of the image. Also see our Search Marketing FAQs

Avoid watermarked images for your mobile AdWords advertising; let viewers focus only on the product.

Author Jon Fingas addresses this in the US internet providers stop sending piracy warnings article posted on January 28, 2017, and speculated that one reason the imagery pirate streams are becoming more common is due to the burgeoning profession of online media. “The MPAA claims that Americans illegally downloaded 981 million movies and TV shows in 2016,” let alone pictures!

WARNING: The RIAA stated that they believe that habitual image pirates should have to face discipline from their ISPs according to the Digital Millennium Copyright Act. The MPAA admits that it just couldn't handle the volume of “hard-core repeat infringer problem,” by leveraging the media industry's Copyright Alert System.

“For those trying to prevent image theft, the watermark might be a good example of keeping honest people honest. There are so many ways to suck an image off the Web these days that, if someone wants your image, they will find a way to take it. And, if they really want to claim your image as their own, there are ways, some painstaking, to remove watermarks, or one could simply crop out that section of the picture. Ultimately, the watermark offers limited success for theft prevention. If you don't want someone to steal your digital image, the best way to prevent that is to not put it on the Web.” – B&H: The Professionals Source******

Using Infographics as Images

What is the ARIA attribute and how does it work for Infographics?

The ARIA (Accessible Rich Internet Application) attribute is read along with alt text on an image, which also works for a long description. Currently avoiding the longdesc image attribute is most common since it isn't widely recognized as a useful SEO technique. The color contrast should be considered and tested. The Paciello Group offers a great tool**.

Infographics used as an image make it easy to share content. Their popularity continues to resurface regardless of some talk of users' preferring them less. When the Infographic is provided via HTML styled with CSS, Google's cache of the infographic text content of each page is richer. It is possible to offer it within an iframe with indexable text that may be hidden in a CSS clip in the iframe HTML.

Be sure that your graphic designer knows how to create an infographic using indexable text and links created with HTML and CSS. It is important to take every step you can to help get your site indexed faster .

Most of all: Images Should Prompt a Great User Experience

Great image content is one ideal way to increase the traffic to your website. Once you have adhered to the applicable guidelines for images, carefully consider just how each image can improve user interaction by providing value. Understanding the workload of both browsers and search engines makes sense of all this. Adhering to the following image best practices will increase the probability that your images will be returned in users' search results.

Best practices for image implementation on your web pages and posts:

• Image resolution. High-quality prints appeal to individuals using the Internet more than blurry, or images having too low of a resolution. In addition, many social media activists and webmasters prefer to link to a page with a visually appealing image, which can increase visits to your site and your domain authority. Crisp, sharp photos tend to display more favorably in thumbnail versions. This, in turn, means that an image featured in a link in SERPs is more likely to be clicked on by users.

• Reusing images. Seek to avoid using the same image on multiple pages on your site; a unique image for each retail landing page helps those who read it to relate to and remember information. This makes it easier to identify the content when returning to a page. When you do reuse an image, change up the titles and captions to tie in with each page.

• Featured images. In WordPress, featured images may be scaled to fit, so avoid a small image for this use. We recommend a minimum of 700px by 525px at the top of your pages and posts. Not all users scroll to the bottom of a page, particularly a lengthy informative article, which means it is best to place your images above the fold where it can be immediately seen. You can also create a dataset of your featured images and add schema to it.

• Image directories. A web designer who also values SEO will understand the value of structuring site directories so that comparable images are saved together. For example, you might have directory buckets by topic, or for thumbnail-sized images and another bucket for full-size images. Google advises that “if your site contains adult images, we recommend storing these in one or more directories separated from the rest of the images on your site.

• Specify width and height. A web browser is empowered to load your pages faster if it is provided the dimensions of each image in order to wrap non-replaceable elements around them. Specifying these dimensions is even more important for mobile users who consider the first aspect of a great user experience to be not kept waiting.

• Image proximity. Make it easy for your readers to follow the logic of your image selection and its value to the topic. Where it is inserted helps users to relate it to your page's content. “Wherever possible, it's a good idea to make sure that images are placed near the relevant text,” states Google's image publishing guidelines .

• Text in Images Often a great image is considered to be one that tells its own story and lets the reader's eye rest for the need to read text when viewing an image. However, when it is helpful, the WC3 community discusses SCALABLE VECTOR GRAPHICS (SVG) and provides a tool***.

• Give your images personality. As with Written Content, both users and Google live images that reflect personality and uniqueness. Formerly, B2B marketing content and images seemed to demand a trite “professional,” look that today has evolved into being seen as “impersonal, stale, and “less compelling.” Old-school stock photos have become so the norm that many quickly recognize them and label them boring. Use images that convey that you, a human being, are conversing with them. Not only does Google crawl and index web pages , but it also crawls your image URLs too. When someone conducts an image search, it can lead them to your business.

Create a uniform look. Let your readers recognize your brand “look”. Maintain some continuity in how you add images to your website. You don't need to use every size that Google says is permissible. Keeping a common image ratio throughout your site's post can represent a well-put-together business.

• Switch them up. You don't want to bore your return visitors with the same featured image on your home page for months as the seasons go by. Your visuals must evolve according to the manner that your users engage them. Your freshly curated great content deserves the perfect image to accompany and accentuate it. Ensure that your visuals are just as distinctive and authentic as your writing is so you can grow your reader base.

• Use Data Visualizations. Another way to support your opinions and the backbone of your content is to back it up with visuals of charts and tables. Data visualization quickly empowers your readers to understand our data more deeply. When you offer a documented image with a pie chart or bar graph, you helping others make better-informed decisions. They can be beautiful; with a bit of know-how, it is easy to generate your own visual presentation from an excel spreadsheet and color-coded the columns and rows to look beautiful on your web pages. Or credit the source from where you borrowed the image.

Conduct a consumer behavior study to know people's image preferences.

Add Image Optimizations to Your Build and Release Processes

An image snapped with your camera or smartphone often embeds a lot of extra details: camera settings, date, where it was taken, and so on. For some use cases, this data might be critical (such as, a photo-sharing website like Flicker) or provide no benefit at all. Be clear on what you need and consider removing everything else. Eliminating redundant image Metadata can save your tens of kilobytes that slow load time for every image.

Pengoptimalan gambar dapat dilakukan dalam proses pembuatan dan rilis untuk melindungi Anda dari seseorang yang lupa dan satu atau beberapa halaman menjadi sangat terhambat.

Menentukan pengaturan optimal untuk gambar di situs web Anda memerlukan seseorang yang mengetahui cara terbaik untuk menilai:

  • Persyaratan dimensi per aplikasi
  • kemampuan format
  • konten data yang disandikan
  • kualitas gambar yang dibutuhkan
  • dimensi piksel gambar
  • beberapa file gambar untuk berbagai perangkat

Karena gambar mini dapat muncul di Kotak Tanya dan Jawaban Orang, cara Anda menggunakan gambar diperhitungkan untuk dimasukkan oleh Mesin Jawaban Google.

Pedoman Google untuk Menggunakan Elemen Gambar

Seperti dikutip di halaman Gambar Pengembang Google oleh Pete LePagem, seorang Advokat Pengembang:

Elemen img sangat kuat—mengunduh, mendekode, dan merender konten—dan browser modern mendukung berbagai format gambar. Menyertakan gambar yang berfungsi di seluruh perangkat tidak berbeda dengan desktop, dan hanya memerlukan beberapa penyesuaian kecil untuk menciptakan pengalaman yang baik.

TL;DR

  • Gunakan ukuran relatif untuk gambar agar tidak memenuhi wadah secara tidak sengaja.
  • Gunakan elemen picture saat Anda ingin menentukan gambar yang berbeda tergantung pada karakteristik perangkat (alias arah seni).
  • Gunakan srcset dan deskriptor x di elemen img untuk memberikan petunjuk kepada browser tentang gambar terbaik untuk digunakan saat memilih dari kepadatan yang berbeda.
  • Jika halaman Anda hanya memiliki satu atau dua gambar dan ini tidak digunakan di tempat lain di situs Anda, pertimbangkan untuk menggunakan gambar sebaris untuk mengurangi permintaan file.

Gunakan ukuran relatif untuk gambar

Ada banyak jenis audit situs, pastikan ukuran gambar Anda juga dianalisis.

Ingatlah untuk menggunakan unit relatif saat menentukan lebar gambar untuk mencegahnya memenuhi area pandang secara tidak sengaja. Misalnya, width: 50%; menyebabkan lebar gambar menjadi 50% dari elemen yang mengandung (bukan 50% dari viewport atau 50% dari ukuran piksel sebenarnya).

“Tanpa visualisasi dan analisis data, kita semua lebih rentan terhadap kesalahpahaman dan kehilangan peluang.” – Tablo******

“Nilai terbesar dari sebuah gambar adalah ketika gambar itu memaksa kita untuk memperhatikan apa yang tidak pernah kita harapkan untuk dilihat.” – John Tukey, 1977

Apakah lebih baik menggunakan versi gambar jpeg atau webp?

Saat memilih antara versi jpeg atau webp untuk #gambar Anda berikutnya, pilih apa yang memengaruhi bandwidth perayapan – tetapi pengunjung situs mungkin tidak akan melihat perbedaan apa pun. Kecuali jika gambar memperlambat waktu muat dan mereka tidak ingin menunggu untuk melihatnya.

Bagaimana Google Memberikan Fakta tentang Gambar?

Google mengelola gambar dan menambahkan data faktual dengan:

  • Memahami detail gambar melalui Deep Learning yang mengevaluasi sinyal visual dan teks gambar
  • Menggabungkannya dengan pemahaman teks pada halaman web gambar
  • Kemudian buat tautan ke entitas Grafik Pengetahuan yang relevan

Anda dapat menggunakan Google Lens dari dalam Google Foto dan akun Asisten Google pribadi Anda di sebagian besar ponsel Android.

Dalam pengumuman 8 Juli 2020, Google mengatakan “Mulai minggu ini, fitur baru memudahkan untuk menemukan fakta cepat tentang apa yang Anda lihat di Gambar Google . Saat Anda menelusuri gambar di perangkat seluler di AS, Anda mungkin melihat informasi dari Grafik Pengetahuan yang terkait dengan hasilnya. Informasi itu akan mencakup orang, tempat, atau hal-hal yang terkait dengan gambar dari basis data Grafik Pengetahuan tentang miliaran fakta, membantu Anda menjelajahi topik lebih lanjut.”

Jika Anda mengetuk topik tertentu, topik tersebut akan meluas dan menampilkan deskripsi singkat tentang orang, tempat, atau benda yang dirujuknya; maka itu dapat menambahkan tautan untuk mempelajari lebih lanjut dan menampilkan topik terkait untuk Anda jelajahi.

Kami juga menemukan bahwa orang bertanya kepada kami tentang nilai peta situs gambar.

Haruskah saya menggunakan peta situs gambar?

Karena gambar Anda mendukung konten Anda sebagai sumber informasi penting, ini membantu memberikan detail tambahan kepada mesin telusur tentang gambar Anda. Peta situs gambar memungkinkan Anda memberikan URL gambar dan informasi berguna lainnya. Peta situs gambar dapat menggunakan URL dari domain lain, tidak seperti peta situs biasa, yang harus mematuhi batasan lintas domain. Anda dapat menggunakan CD (jaringan pengiriman konten) untuk menyimpan gambar. Dalam hal ini, pertama-tama verifikasi nama domain CDN di Google Search Console Anda sehingga kesalahan perayapan gambar dapat menyebar dengan benar.

Maksimalkan Pengembalian Uang Pemasaran Anda dengan Citra yang Tepat

Melalui pengujian yang telah terbukti, keterampilan pemasaran mesin pencari kami yang efektif dapat memimpin kampanye SEO lokal Anda berikutnya yang unik untuk kebutuhan dan tujuan klien Anda. Kami dengan bangga membantu bisnis “terlihat” menarik dan “efektif” dalam pemasaran digital Minneapolis dan di seluruh negeri. Analisis perilaku pelanggan kami dapat memandu keputusan pemasaran Anda. Untuk mendapatkan klien baru, meningkatkan pendapatan, dan mengembangkan bisnis online Anda, hubungi kami jika Anda memerlukan panduan memilih gambar terbaik untuk digunakan.

Apakah Anda memerlukan mitra untuk memastikan bahwa Anda menggunakan gambar secara optimal secara online? Kami akan mengingat tujuan bisnis Anda, apa yang berhasil di pasar Anda, serta teori warna dan peran elemen visual dalam eksekusi halaman dan perjalanan pelanggan. Anda dapat memperoleh manfaat dari keahlian kami selama bertahun-tahun; pendekatan kami telah berhasil dan mendorong aliran pendapatan. Dan saya yakin Anda akan mengalami kesuksesan yang sama di pasar Anda sendiri.

“Gambar sering kali menempati sebagian besar byte yang diunduh pada halaman web dan juga sering menempati ruang visual yang signifikan. Akibatnya, mengoptimalkan gambar sering kali dapat menghasilkan beberapa penghematan byte terbesar dan peningkatan kinerja untuk situs web Anda: semakin sedikit byte yang harus diunduh browser, semakin sedikit persaingan yang ada untuk bandwidth klien dan semakin cepat browser dapat mengunduh dan merender berguna konten di layar.” – Ilya Grigorik, penulis Google Fundamentals

Anda mungkin tidak pernah menduga bahwa penggunaan foto online memiliki begitu banyak pedoman, aturan, dan praktik terbaik gambar Google. Juga bukan merupakan aspek penting dari apa yang terdiri dari SEO . Untuk situs yang sudah menerapkan tipe data terstruktur yang paling penting , Audit Situs Skema akan menentukan perbaikan dalam kode untuk Anda guna memastikan bahwa skema gambar Anda benar, bersama dengan yang lainnya. Ini juga membuat gambar Anda lebih mungkin muncul di Kotak Jawaban Google .

Hubungi 651-206-2410 dan mintalah Jeannie Hill . Kami dapat mencakup semuanya untuk Anda, menjaga situs Anda tetap mutakhir dan sesuai dan melihat apakah gambar dioptimalkan dengan baik dengan Audit Situs Teknis SEO Lengkap kami

* https://support.google.com/news/publisher/answer/13369

** https://developer.paciellogroup.com/resources/contrastanalyser/

*** https://www.w3.org/Graphics/SVG/

**** https://insights.samsung.com/2017/06/09/4-ways-bixby-vision-uses-image-recognition-technology-to-help-you-work-without-boundaries/

***** https://www.tableau.com/learn/whitepapers/5-most-influential-visualizations

****** https://www.bhphotovideo.com/explora/amp/photography/tips-and-solutions/pros-and-cons-watermarks-photographs

******* https://www.blog.google/products/search/image-rights-metadata-google-images/

******** https://www.smashingmagazine.com/2016/12/progressive-web-amps/

********* https://developers.google.com/search/docs/data-types/product

********** https://support.google.com/adwordspolicy/answer/6020955

*********** https://iptc.org/standards/photo-metadata/