Google画像ガイドライン、AMPルール、構造化データ画像

新しいGoogle画像ガイドライン、AMPルール、構造化データ画像の追加

最終更新日：2020年8月28日

ビジュアル検索の進歩により、画像をサイトに追加する方法や、あらゆる形式のビジュアルコンテンツが形作られています。

すべての広告の主な目標は、広告を表示する個人が、提供されている製品またはブランドをすばやく認識して調整できるようにすることです。 今日では、標準のWebサイトの画像サイズだけでなく、考慮すべきことがたくさんあります。 グーグルによると、彼らは権威のあるページからのグーグルイメージの結果を特集しようとしています。

同様に、人々は最初に幸せそうな顔の画像に引き寄せられます。 2番目のテキスト。 ビジュアルは、写真の寸法要件、画像の重量要件、結果重視のマーケティングのための適切な構造化データの実装など、技術的なSEO要素と組み合わせる必要があります。 たとえば、受け入れ可能なレシピスキーマの新しい画像サイズは、最小185px x185pxです。 サイト訪問者は画像付きのページを好みますが、以前は画像を表示しないことが許可されていました。 現在Googleは、「すべてのページに少なくとも1つの画像が含まれている必要があります（マークアップを含めるかどうかに関係なく）」と述べています。 また、注目のスニペットを取得したい場合は、構造化されたSEOアプローチが必要であり、特定の新しい画像ディメンションの提案に従う必要があります。 新しいGoogle画像ガイドライン、AMPルールを順守し、構造化データ画像の埋め込みを修正します。

この記事の執筆の目的は、主にGoogleの画像ガイドラインとAccelerated Mobile Pages（AMP）画像ガイドラインに重点を置いています。 これは、多くのウェブマスターやサイト所有者が、画像の選択方法や、ウェブサイトのコンテンツやデジタルマーケティングのニーズに合わせて画像を最適化する方法の詳細を要求したことに対する回答です。 特にモバイルファーストの世界への広告に関連する一般的な画像の質問に答えます。

知っておくべき最も重要な画像ガイドラインは何ですか？

* 2020年5月26日の時点で、高さが800ピクセルの場合、画像の幅は1200ピクセル以上である必要があります。これは数学の問題です。

*すべてのページに少なくとも1つの画像を含める必要があります（マークアップを含めるかどうかは関係ありません）。 Googleは、アスペクト比と解像度に基づいて、検索結果に表示するのに最適な画像を選択します。

*画像のURLは、クロール可能で、意味があり、投稿に関連していて、インデックスに登録できる必要があります。

*画像はマークアップされたコンテンツを表す必要があります。

* eCommerceスキーマのJSON-LD実装では、画像はBMP、GIF、JPEG、PNG、WebP、およびSVG形式である必要があります。 開発者は、画像をデータURIとしてインライン化することもできます。 データURIは、img要素のsrcをBase64でエンコードされた文字列として設定することにより、画像などのファイルをインラインで含める方法を提供します。

*最良の結果を得るには、アスペクト比が16×9、4×3、1×1のいずれかで複数の高解像度画像（幅と高さを掛けた場合に最低800,000ピクセル）を提供します。

Googleは画像の要件とガイドラインをいつでも更新する可能性があることに注意してください。 必要に応じてピボットするアジャイルマーケティング計画を維持します。 URLインスペクターと新しいレポートを使用して、 Google Search ConsoleInsightsでAMP画像サイズのエラーを見つけます。

グーグルや他の検索エンジンが画像検索で拡大し続ける方法は、画像ポップアップを促すSERPに搭載されているURLロールオーバーに反映されています。 Core Web Vitalsレポートでは、読み込みが遅い、重い、または不適切な形式の画像が問題になることがよくあります。 サイトで画像をどのように使用するかは、モバイル検索の結果を向上させるために重要です。画像の読み込みを希望するユーザーを維持したくない場合です。 あなたはそれらを完全に失うかもしれません。

注目の画像はWebページのどこに配置する必要がありますか？

注目の画像を各Webページの最初または高い位置に配置します。

2018年9月24日、Googleは、依存する要素としてWebページの権限に基づいて写真を表示するように画像検索アルゴリズムを改訂したことを発表しました。 または、古いコンテンツや最近のコンテンツも、Googleがページ上の画像の配置をどのように評価するかに影響します。 ページの上の方に配置した画像は、Googleによってより高く評価されていることを意味します。

SERP表示の変化を見ているなら、技術の巨人が画像を重要な要素と見なしていることをすでにご存知でしょう。 グーグルは書いた：

昨年、Google画像検索アルゴリズムを見直して、ページに優れた画像と優れたコンテンツの両方を含む結果をランク付けしました。 手始めに、Webページの権限はランキングでより重要なシグナルになりました。 DIYの棚を検索している場合、画像の背後にあるサイトは、DIYプロジェクトに関連するサイトである可能性が高くなります。 また、最新のコンテンツを優先するため、最近更新されたサイトにアクセスする可能性が高くなります。

また、画像のWebページにアクセスした場合、そこに到達したときに探していた特定の画像を見つけるのが難しい場合があるのは、それほど昔のことではありません。 現在、画像がページの中央にあり、ページの上位にあるサイトに優先順位を付けています。 そのため、特定の靴を購入する場合は、その靴専用の商品ページが優先されます。たとえば、さまざまな靴のスタイルを示すカテゴリページが優先されます。」

あなたのビジネスの世界が何であるかという点に到達するビジュアルマーケティング

画像はビジネスの成長をどのようにサポートしますか？

質の悪い画像は、ブランドにあまり反映されません。 高品質の画像は、あなたのブランドが個人的で信頼できるものであることを消費者に伝えます。 スマートに使用すると、画像はかなりの数の訪問者をWebサイトに誘導する可能性があります。 説得力のある画像は、ソーシャルシェアとブランドの相互作用を促進し、最終的にはビジネス目標の達成に役立ちます。

強力な視覚化をもたらす画像作業は、サイト訪問者があなたのビジネスや製品を識別するのに役立ちます。 関連性があり、刺激的で、感情的に魅力的な画像は、ビジネスの成長に不可欠なメディア資産です。 一部のデジタルマーケターは、画像を使用するための新しいガイドラインが出現し、画像が感情的な体験を生み出す方法にアクセスするという複雑な必要性があるため、それを困難だと考えています。 オンライン製品ページおよびサービスの画像選択は、以下の情報から開始できます。 それはあなたを悪い選択から守り、長期的には時間、罰金、またはスキーマ製品のマークアップペナルティを節約します。

あなたが適切な企業イメージを考え出すために一生懸命働いたと仮定しましょう。そして今あなたはあなたの企業イメージを活用してあなたのビジネスブランドの可視性と収益を増やしたいと思っています。 これまで気づかなかった場合は、最新の画像仕様、ルール、および警告について最新情報を入手するときが来ました。 検索結果を向上させるために何百もの5つ星のヘルスケアレビューを獲得したかもしれませんが、それでも勤勉な画像が必要です。

GoogleはGoogle画像のIPTCメタデータサポートをロールインします

「Google、写真業界コンソーシアムCEPIC、ニュースメディアの世界的な技術標準化団体であるIPTCのコラボレーションの一環として、Google画像検索で権利関連の画像メタデータにアクセスできるようになりました。」 - グーグル*******

そのため、2018年9月27日の時点で、Googleは「Google画像検索の画像に存在する場合は常にクリエイターとクレジットのメタデータを追加しました」。 彼らはまた、著作権表示のメタデータが将来利用可能になることを示しました。

GoogleAdWords広告の画像仕様

イメージ広告は、広く使用されている地域全体で買い物客の注意を引き付けます。 右の画像は、約200万のウェブサイトとアプリで構成されるGoogleの広大なディスプレイネットワーク内の特定されたターゲットによって表示される可能性があります。 そのため、画像を間近で見栄えよくし、読み込みを高速化する必要があります。

この画像使用シナリオでは、寸法と重量の両方の仕様があります。 AdWordsアカウントマネージャーは、AdWords Editorを使用して、指定された画像サイズの膨大な選択肢から画像広告をアップロードできます。 現在、すべてのAdWords画像広告の画像サイズの制限は150キロバイトです。 現在まで、Words Editorは、高解像度ディスプレイデバイス用の2倍のサイズの画像（たとえば、512 x45の広告スロットの1024x 90の画像）をサポートしていません。

時々、広告グラフィックを誰かに依頼するのではなく、Googleディスプレイ広告サイズの画像をデザインすることを好むチームと協力します。 その場合、グラフィックデザイナーへの明確な指示には、最終製品がJPEG、SWF、PNG、またはGIF形式である必要があるという通知を含める必要があります。 現在、これらはPPC広告に受け入れられる唯一のフォーマットです。

広告がモバイルデバイスでどのように表示されるかを覚えておいて、ほとんどのユーザーがクリックするバナー画像フォーマットから始めてください。 一部の要件は、画像オーバーレイ広告とHTML5広告にも適用されます。 PPCの専門家は、必要な画像の仕様と、A / Bテストでモバイルエンゲージメントが画像コンテンツによってどのように影響を受けるかを示す仕様を知っています。

画像は、画像表示オプションを使用する場合、特定の広告グループで見つかったすべてのキーワードと広告を表す必要があります。 また、製品画像は変換するのに十分な高品質である必要があります。

警告：ユーザーを保護していると見なした場合、企業はGoogleの不実表示の警告に直面する可能性があります。 テキスト付きの画像は準拠する必要があります。 「関連情報を除外したり、商品、サービス、ビジネスに関する誤解を招く情報を提供したりすることでユーザーを欺くことを目的とした広告や目的地は許可されません」と、Googleの広告プラットフォームは述べています**********。

可能であれば、最初から画像のURLに名前を付けてください。

「埋め込まれた画像に関してURLに変更があった場合は、最初にそれらの画像を再クロールし、再処理し、インデックスを再作成して、すべての画像を再度検索できるようにする必要があります。」 –Googleのジョンミューラー

AMPページの画像ガイドライン

AMPランディングページは、メディアクエリと要素クエリの両方をサポートするという点でより高度です。 それだけでなく、画像などの個々の要素のレイアウトを制御できる独自の組み込みプロセスも付属しています。 Googleは現在、ウェブマスターに画像のアスペクト比の観点から考えることを推奨しています。 アスペクト比は、特定の画像の幅と高さの比例関係です。 これは通常、xで区切られた2つの数字として表されます。たとえば、16 x9または4x 3です。アスペクト比を使用して写真を調整する場合、画像の解像度はそのまま維持されます。

ページと投稿のAMPバージョンのレスポンシブ画像

AMPのレスポンシブ画像の場合、「幅と高さは、amp-imgの正確な幅と高さと一致する必要はありません。 これらの値は、同じアスペクト比になる必要があります。 たとえば、ドキュメントによれば、width =” 900”およびheight =” 675”を指定する代わりに、width =” 1.33”およびheight =” 1”を指定することができます。 あなたがあなた自身のユニークな画像を得るためにプロの写真家を雇ったならば、あなたがそれらをオンラインで使うときあなたが柔軟性を持っていることを確認してください。 写真家がそれらをトリミングしたいかどうかではありません。 それは、画像をトリミングする必要があるかどうかについてです。

AMPレイアウトの設定では、画像をフェッチする必要がある前に、画像のアスペクト比が必要です。 ただし、画像のサイズが不明な場合は、必要な画像のアスペクト比を維持するために、AMPの塗りつぶしレイアウトをobject-fitCSSプロパティと組み合わせてください。 網膜対応画像のsrcset属性を追加します。 xは、デバイスのピクセル比を表します。 次に、2xの画像が2pxの比率のデバイスでレンダリングされます。

amphtmlに依存する単純なamp-imgには、固定の幅と高さが与えられます。 小さなデバイスで大きな画像を使用すると、その画像の一部が画面外に表示されます。 AMP Readyサイトは、画像がどのように拡大縮小されるかの例を提供し、AMPレイアウトマネージャーはそれを簡単に処理します。 AMPを考慮せずに、最大幅を100％に設定し、自動の高さを設定するだけで、ビューポートが小さくなりすぎるまで元の画像サイズが使用されます。 次に、小さい画面の場合、グラフィックが適切な比率で縮小されます。 AMPには、画像の追加の思考プロセスが必要です。

AMP HTMLランタイムは、画像リソースの管理に非常に効率的であり、ビューポートの位置、システムリソース、帯域幅の強度、および追加の要因を決定することにより、リソースの読み込みを遅らせるか優先するのが最適な時期を把握します。 アニメーションGIF画像も再生できます

画像は、指定した固定の高さと幅で表示できます。 少なくとも、明示的な幅と高さを含める必要があります。 さまざまなサイズを追加することはプラスです。 次に、 layout="responsive"追加してレスポンシブにします。 <amp-img>はJavaScriptコードに依存するため、ユーザーがスクリプトを無効にすることを選択した場合、画像は表示されません。 このシナリオでは、 <img>と<noscript>を追加して、画像にフォールバックを提供できます。 Firebaseの例をご覧ください。

「AMP-IMGは、画像のAMPHTML代替品です。 AMPIMGはかなりスマートなタグです。 amp javascriptランタイムは、接続、ビューポート、システムリソース、またはその他の要因に基づいてイメージに優先順位を付けます。 ほとんどの画像は遅延読み込みされます。 つまり、画像はスクロールして表示されたときにのみ読み込まれます。」 – ampready.com

「AMPページは通常AMPキャッシュから提供されるため、独自のService Workerを実行できないため、最初のクリックで最大のプログレッシブWebアプリのメリットを享受することはできません。 一方、プログレッシブWebアプリは、プラットフォームが安全かつ安価に（画像が豊富な）AMPページを事前レンダリングできるため、最初のクリックでAMPほど高速になることはありません。」 –スマッシングマガジン********

AMPロゴの要件

写真ファイルは、.jpg、.png、.gifなどのラスターでアップロードする必要があります。 .svgロゴ画像などのベクトルは許可されていません。

ロゴのアニメーションは許可されていません。

また、完全なワードマークロゴやアイコンロゴバージョンもありません。

グラフィックは読みやすく、白または明るい背景である必要があります。 黒の背景はありません。

ロゴのサイズは長方形である必要があります。Googleビジネスリスティングなど、他の用途のために正方形のバージョンを保存してください。

AMPロゴは60x600pxの長方形の中に収まる必要があります。 AMP HTMLコミュニティでは、高さを正確に60ピクセル（推奨）、または幅を正確に600ピクセルにすることを推奨しています。 600x60pxの長方形に収まるかどうかに関係なく、450x45pxのロゴの例は受け入れられないと述べています。

WordPress用のAMPプラグインを使用している場合は、必ずAMPロゴを指定してください。 そうしないと、AMPページで構造化データの実装エラーが発生する可能性があります。これは、現在、記事スキーマがブログ投稿スキーマに変換されるのが一般的だからです。

AMPカルーセルを使用するモバイル画像ギャラリー

多くの人が、画像ギャラリーページの要素がAccelerated MobilePagesで大幅に制限されているという噂を聞いています。 アンプカルーセルコンポーネントは画像ギャラリーに最適である可能性があるため、これを明らかにする必要があります。必要なのは特定のスキルだけです。 カルーセルには、事前に高さ属性を指定する必要があります。 サイズと長さが異なる場合に表示される画像とキャプションが送信される場合、これは難しい場合があります。 AMP開発者は、この問題を解決するために一生懸命取り組んできました。

AMPイメージカルーセルの正しいセットアップには次のものが含まれます。

• amp-fit-textコンポーネントを使用します。
• カルーセルコンポーネントをページのヘッダーにインポートします。
• amp-selectorコンポーネントの使用方法に関する知識。
• amp-bindコンポーネントを統合します。
• スタイルの更新を受信する場合は、amp-image-lightboxコンポーネントを標準のCSSで活用します。

AMP画像ギャラリーでは、画像にキャプションを重ねて、画像選択のプレビューとしてサムネイル画像を使用することもできます。

プログレッシブウェブアプリ用のAMPヒーロー画像

ページの最初のヒーロー画像と対応するAMPの見出しを事前にレンダリングできるため、サイトの訪問者は、コンテンツがスクロールしなければ見えない位置にあるため、コンテンツをすぐに見ることができます。 Web開発コミュニティをフォローしている場合は、プログレッシブWebアプリ（PWA）を使用したAMPについて読んだことがあるかもしれません。 これは、非常に高度なWebエクスペリエンスを表す主要な用語であり、非常にリッチで没入型のネイティブアプリと競合し、フルブリードの画像である「Retina」を使用します。 モバイル接続では、ユーザーは平均300ミリ秒の遅延に直面します。 これは、AMPイメージをロードすることで、帯域幅の制限や信号接続の不良などの他の制約を克服できる場所です。

ユーザーとリッチコンテンツの間にある遅延を軽減します。 GitHubのクリエイティブコモンズは、多くの画像要素タイプのアプリケーションLDJSONの例を提供します。

機能を向上させるために、遅延読み込み画像を使用してサーバー上で基本的なレイアウトを事前にレンダリングします。 フリーランスのフロントエンドパフォーマンスウィザードを採用するか、参加させる必要がある場合があることに注意してください。 せっかちなモバイルユーザーは、アプリの初期化中に必要なすべての画像を実際に読み込むために、1秒未満の合計読み込みパフォーマンスの予算に直面しています。 負荷速度に関しては、効果的なSEOにとって真の課題です。

Google構造化データの画像仕様

記事とニュース記事の画像は1200px以上の幅である必要があります。 より良いアスペクト比に合わせるには、幅1200ピクセル、高さ800ピクセル以上の画像を使用することをお勧めします。 デジタルマーケティングは主に効率性を重視しているため、スキーママークアップを使用してコンテンツをよりスマートにすることを計画している場合は、Googleの提案を念頭に置いて画像を準備してください。 そうしないと、検索コンソールまたはSDTTの使用時に検出されたスキーマ警告が将来エラーになる可能性があります。

たとえば、業界固有のスキーマとローカルビジネスのJSON-LDコードにより、今年初めにロゴ画像を指定する必要が追加されました。

Googleは、クイックアンサーボックス、グラフ、Googleニュースなどの注目の検索結果にすべての画像が表示されることを保証するものではありません。 ただし、要件を厳密に順守し、その提案に従うように努めると、グラフィックが含まれる可能性が高くなります。

素晴らしい画像を選択するためのすべての作業の後、正しくマークアップされることの利点が必要になります。

例：記事の場合→画像：代表的な画像ファイルを指すURLまたはURLのリスト。 画像は、160×90ピクセル以上、1920×1080ピクセル以下である必要があります。 そうしないと、検索結果ページに表示できなくなります。 記事に直接属するマークアップされた画像のみをこのプロパティにリストする必要があります。 該当する画像が多数ある場合は、重要な画像を最優先してそれらすべてをリストします。 さらに一歩進んで、サイト監査とGoogleAnalyticsチェックリストをダウンロードできます。

製品画像の画像仕様を厳守する

グラフィック画像の有効性を検討してください。キャメルのタバコを吸うと「かっこいい」という魅力的な画像を覚えていますか？ 次に、タバコの箱の裏側には、歯茎/口の病気や口腔がんなどのリスクに関する健康上の警告が表示されます。 Google検索は、ページのコンテンツとその画像をより適切に解釈することを目的としています。 適切な画像スキーマは、画像の意味とページのトピックで画像がどのように説明されるかについての明確な手がかりを提供します。 多くの種類の構造化データには、ページコンテンツを分類し、ユーザーのクエリに最適なものを返すのに役立つ、ページの画像に関する情報の提供が含まれます。

商品をマークアップする際、Googleは2017年9月27日に商品検索Google Developers ***ページを更新し、さまざまなアスペクト比の画像の配列を優先すると述べました。 「最良の結果を得るには、アスペクト比が16×9、4×3、1×1の複数の高解像度画像（幅と高さを掛ける場合は最低50Kピクセル）を提供してください。」 ただし、画像の比率は、ページや投稿の画像に適しているため、Googleニュースフィードに表示される可能性が高くなります。 また、フィードにロゴ画像をリンクする必要があります。

「画像クロールでは、記事のHTML本文で指定されているschema.org画像とog：imageが考慮されます。 記事の横にあるサムネイル画像にしたい画像については、schema.orgまたはog：imageを使用して、この選択を明確にすることをお勧めします。」 - グーグル*

新しい画像ステレオタイプガイドラインが画像購入者とクリエイティブにとって重要である理由

あなたのオンラインプレゼンスは、性別、年齢層、民族の多様性、個人的な好みの組み合わせ、宗教的および政治的背景を超えて人々を受け入れることについて語っていますか？

長年のマーケティング調査により、ビジュアルがこれを行うための最も効率的で成功した方法の1つであることが証明されています。 企業やブランドが投稿キャンペーンや有料キャンペーンで使用することを選択した写真は、通常、ほとんどのオーディエンスに最も強力に共鳴する側面です。 より多くのオーディエンスにリーチし、ブランドを保護するには、広告での性別のステレオタイプとWebサイトでの画像の使用に関する新しいルールについて常に把握しておくことが重要です。

広告基準局（ASA）と広告慣行委員会（CAP）による最近の報告では、画像がしばしば描写する否定的な性別の固定観念に対するより厳しいスタンスが求められています。 「2015年から2016年の間に、ASAは女性と男性の描写に関連する1,378件の苦情を検討しました。 これらのうち、465件が男性の描写を扱った」と、新しいWeb最適化画像ルールが多くの人に利益をもたらす理由についてコメントしているAmeliaTait氏は述べています。

研究はまた、写真が使用される場合、医療ウェブサイトの広告が問題になる可能性があると結論付けています：不健康な身体イメージを描写します。 調査結果は、患者や人々が視覚的な医療情報を検索する方法と、検索ボックスでクエリをフォームをクリックしてページ上のテキストを読む方法を明らかにします。

最終レポート「Depictions、Perceptions and Harm」は、2017年7月18日に公開され、広告の性別ステレオタイプに関する新しいルールも男性に利益をもたらす理由が、同じ日にAmeliaによって投稿されました。 「2019年までに、すべてのモバイル検索の半分以上がビジュアル検索になるでしょう」と彼女はレポートを引用しながら予測しています

傾向を確認するために、GeoMarketingのアソシエイトエディターであるLauryn Chamberlainは、2017年7月25日の記事「マーケターが将来について知っておくべきこと」で「2020年までに検索の推定50％が画像と音声から来る」と述べています。検索。

正しい画像サイズとメタデータでリーチを拡大

Google Maps Local Packで切望されている可視性に含めるには、サイズだけでなく、重量などの他の要件にも注意を払い、メタデータをスマートに使用する必要があります。

「Facebook広告の画像ガイドライン」、「Twitter画像ガイドライン」、「ソーシャルメディア画像ガイドライン」、「Amazon製品画像要件」など、多くの優れた記事がすでに存在します。 ここでの私たちの目標は、Google検索とGoogle広告に必要なものに焦点を当てることです。

そのため、JSON-LDの要件であれ、性別の問題を保護するためであれ、新しいガイドラインが導入されているため、最善を尽くし、ブランドの前向きなアプローチを示す画像を使用していることを確認することが重要です。 画像はGoogleNowカードもサポートしています。 これは、社会の変化する見方を尊重することと、間違った画像サイズやメタデータから発生する可能性のある技術的なSEOの問題を解決することの両方に役立ちます。

私の画像は多様性を反映する必要がありますか？

多様性を反映して、関連する画像をより多くの視聴者に届けます。

家族やビジネスのさまざまなダイナミクスを特徴とする広告の割合が著しく増加しています。 軍隊のように、肉体的に挑戦的な役割で互いに一緒に働いている男性と女性のビジュアルを提供する場合、彼らはボリュームを話すことができます。 同じスポーツに参加している男性と女性、またはイベントで民族的に多様な群衆。

ジェンダーの平等と、個人ができることとできないことを描写することは、企業がデジタル広告で描写する必要のある必須のメッセージの1つです。 これは、彼らが最新のガイドラインを順守したことに対する信用を与えられ、現在の市場により魅力的な広告の利益を提供するのに役立ちます。

画像がSERPとGoogleニュースフィードにどのように表示されるか

クライアントの質問に答えるために、公開された投稿の1つを探していました。 私の検索クエリ「有効なJSON-LDヒルウェブ作成の画像」は、大量の画像をロードしました。 そのような画像の結果は偶然に起こっているのでしょうか？ いいえ。画像がビジネスの成長戦略にどのように貢献できるかを最大化するための計画が必要です。

ナレッジグラフ、ビデオスニペット、ニュースフィード、その他のGoogleのリッチスニペットにブランドがどのように表示されるかに影響を与えることができれば、ビジネスはより強力なオンラインプレゼンスを獲得できます。 目立つのは、私のウェブサイトのカラーテーマが使用する画像の選択に引き継がれていることです。

Googleの高度な画像基準と提案に留意してください

Googleは、アプリキャンペーンの画像要件を簡素化する方法を発表しました

Google広告は、2020年後半に発効し、「サイズベースの画像仕様から比率ベースの画像仕様に更新され、クリエイティブプロセスがよりシンプルかつ効率的になります。 対象となるアプリキャンペーンのプロパティとフォーマット全体で広告を拡大するには、3つのアスペクト比で画像をアップロードするだけで済みます。」

さらに、画像ファイルの最大サイズ制限が上方修正され、150KBから5MBに更新されます。 これにより、より高品質のアセットがサポートされます。 PPCプラットフォームには、「承認されたファイル形式をトリミングし、GIFを無効にし、.jpgと.pngのみを保持して、クリエイティブな開発を容易にします」とも記載されています。 新しい画像カルーセルが登場し、消費者が興味のある製品をすばやく特定できるようになりました。 スキーママークアップは画像を強調表示し、商品カルーセルで商品画像を取得するのに役立ちます。 さらに、商品ページで意味的に関連する単語を使用すると、売れ行きが良いものを説明するのに役立ちます。

最高の画像を提供するためにGoogleが提案するヒントは何ですか？

要件を満たす画像を選択し、新しいクライアントを引き付け、クリックや共有を促し、ビジネスのニッチにあなたがリーダーであることを納得させる方法に関するヒント：

• 画像の色は、ロゴを補完するのではなく、ロゴと競合する必要があります。
• ほとんどのデスクトップアプリケーションでは、サイズは水平にする必要があります。
• ページのトピックをよく表す画像を選択してください。
• エンドユーザーのエンゲージメントを向上させる、自分が誰であるかを反映した画像を選択してください。
• あなたの聴衆に合うように正しい調子を保ちなさい。
• あなたの選択を通してあなたのブランドの個性を示してください。
• 画像の所有権に細心の注意を払い、適切なクレジットを付与してください。

私のテーマのレスポンシブ画像はガイドラインを満たしていますか？

すべてのサイトテーマには、画像を表示するためのメカニズムがあります。 すべてのテーマ開発者が、Webサイトで画像を使用するためのベストプラクティスや画像ガイドラインの変更を常に把握しているわけではありません。 積極的に。

画像はほとんどの要素よりも急速にサイトの容量を消費するため、1つの画像をアップロードするたびに追加される画像サイズのバリエーションの数に注意してください。 最初に知っておくべきこと—メディアライブラリにアップロードされたすべての画像は、小さいサイズ（ピクセル単位の寸法）で複数のコピー（サムネイル）を自動的に作成します。これはデフォルトのWordPressメカニズムです。 このようなコピーの品質は、画像の元のサイズと設定によって異なります。

ビジネスオーナーとして、最終的にはガイドラインを満たすことがあなたにかかっています。その一部は、ウェブデザイナー、デジタルマーケター、Google広告のスペシャリストを雇い、その知識を常に把握して適用することです。 たとえば、権利がない場合でも、ロゴの透かしを画像に追加する必要があります。誰が罰金を支払うことになりますか？

クリエイティブスペシャリストやウェブデザイナーは、見事な画像を作成するのが大好きです。 最高の視覚品質と最高の読み込み時間で、より軽く、より速く、より説得力のある画像をインテリジェントに作成して配信するのは、ちょっとしたクリンプのように感じるかもしれません。 現在でも、追加の画像仕様を備えたAccelerated MobilePagesを構築しているWebデザイナーはほとんどいません。 私たちは常に、価値の高いWebサイト監査で画像の使用を改善する方法を注意深く見ています

視覚探索のための画像最適化

より多くのユーザーが検索クエリを話し、Google画像検索を使用するにつれて、Google画像検索を最適化することが重要になります。

著者のMichaelMillerによると、視覚的検索はコンピュータービジョンと小売スキーママークアップの両方を利用しており、オンラインでの検索をこれまで以上に優れた直感的な方法で購入して解決策を見つけることができます。 「Gartnerの2018年以降のトップ10予測」2017年10月7日の記事]は、音声検索と組み合わせることで、このマーケティングトレンドは、個人が情報を探し、購入前の情報調査を実施し、新しい製品やサービスを発見する方法に革命をもたらしていることを示唆しています。

画像の予測は、Webサイトに変更を強制するため、注意を払う価値があります。

* 2019年までに、すべてのモバイル検索の半分以上がビジュアル検索または音声起動になります。

* 2021年までに、ビジュアル検索と音声検索をサポートするようにWebサイトを再設計するアーリーアダプターブランドは、デジタルコマースの収益を30％増加させます。

* Photoshopで簡単に偽造される写真は、信頼の欠如につながります。 トップ映画の90％以上が、「老朽化した」俳優をリリースしています。

*ページの読み込み速度はさらに重要になり、画像の選択に影響を与えます。

高度なパターン認識と機械学習の手法は、インテリジェントな画像検索のコンテキストで幅広い用途を持っています。 より多くの個人が、探しているものを見つけるためにGoogle AdvancedSearchを使用しています。 AmazonとeBayの両方が、より多くの画像検索の準備をしています。 eBayは、自社製品の2つの新しいAIを利用した視覚検索機能を発表します。一方、Amazonは、コアiOSアプリに画像認識を追加しました。 Bixby Visionのビジュアル検索を使用すると、カメラを任意のオブジェクトに向けて、後でオンラインで類似のオブジェクトを検索できます****。 あなたはあなたの画像が引き上げられる機会を持っていることを望みます。 あなたのビジネスは、新しいレベルのマーケティング効率を得ることができます。

画像とそれに対応するページの両方にインデックスを付ける必要があります

モバイル検索用にサイトの属性を強化しようとする場合、多くの考慮事項があります。 画像をGoogle画像検索に含めるには、ウェブ上のどこかに画像を配置するだけでなく、画像自体をインデックスに登録できるウェブページに配置する必要があります。 実際の画像または画像を見つけることができる付随するページのいずれかが何らかの理由でクロールまたはインデックスに登録されていない場合、Googleはその画像を画像検索に表示しません。

GoogleのスタッフであるJohnMuellerは、2018年12月25日のGoogleウェブマスターヘルプイベントでこれについて話しました。 彼は、Google画像検索に存在する永続的な画像に関する苦情に次のように答えました。

あなたのウェブページの削除で期待通りにうまく機能していない何かがあるのではないかと思います。 Google画像検索で画像を表示するには、画像と関連するランディングページの両方にインデックスを付ける必要があります。 ランディングページが削除された場合（または削除ツールで一時的に非表示にされた場合）、画像も表示できません。 私の疑惑は、複数のランディングページURLが関係していて（ページのURLに微妙な違いがあるため、これを見つけるのが難しい場合があります）、そのうちの1つは削除されましたが、他はまだインデックスに登録されています。 その場合は、他のランディングページも削除するように努めてください。そうすると、画像も表示されなくなります（自分のウェブサイトにある場合は、さらに進んで画像のURLを削除することもできます）。 これには少し練習が必要な場合もありますが、すでに1つのバージョンを削除できているように思われるため、関連する正確なURLに焦点を当て、それらもクリーンアップする必要があります。

消費者はフィルターボタンを使用して製品を見つけることができます

Google画像検索では、多くの場合、フィルタボタンが提供されています。 これらは画像検索結果のすぐ上に表示され、特定の意味にクエリを絞り込むのに役立ちます。 たとえば、「赤いハイヒールの靴」を検索するとき、検索の目的についてはすでに多くのことを指定しています。 それでも、「スティレット」、「結婚式」、「プロム」、「安い」などの新しい選択肢があります。JSONマークアップをどれだけうまく使用したかは、商品画像に含めるデータに影響します。

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.

ビルドおよびリリースプロセスでイメージの最適化を確立して、誰かが忘れたり、1つ以上のページが大幅に妨げられたりするのを防ぐことができます。

Webサイトの画像の最適な設定を決定するには、次のことを最も適切に評価する方法を知っている人が必要です。

• アプリケーションごとの寸法要件
• フォーマット機能
• エンコードされたデータの内容
• 必要な画質
• 画像のピクセル寸法
• さまざまなデバイス用の複数の画像ファイル

画像のサムネイルは[PeopleAlso Ask and Answer]ボックスに表示される可能性があるため、画像の使用方法はGoogleのAnswerEngineに含まれるかどうかにカウントされます。

画像要素を使用するためのGoogleのガイドライン

開発者擁護者であるPeteLePagemによるGoogle開発者の画像ページで引用されているように：

img要素は強力であり、コンテンツをダウンロード、デコード、およびレンダリングします。最新のブラウザーは、さまざまな画像形式をサポートしています。 デバイス間で機能する画像を含めることはデスクトップの場合と同じであり、優れたエクスペリエンスを作成するためにわずかな調整が必要です。

TL; DR

• 画像の相対サイズを使用して、画像が誤ってコンテナからオーバーフローしないようにします。
• デバイスの特性（アートディレクション）に応じて異なる画像を指定する場合は、 picture要素を使用します。
• img要素でsrcsetとx記述子を使用して、さまざまな密度から選択するときに使用するのに最適な画像についてブラウザにヒントを与えます。
• ページに1つまたは2つの画像しかなく、これらがサイトの他の場所で使用されていない場合は、インライン画像を使用してファイルリクエストを減らすことを検討してください。

画像に相対サイズを使用する

サイト監査には多くの種類がありますが、画像サイズも分析してください。

画像の幅を指定するときは、画像が誤ってビューポートからオーバーフローしないように、相対単位を使用することを忘れないでください。 たとえば、 width: 50%; 画像の幅が含まれている要素の50％になります（ビューポートの50％または実際のピクセルサイズの50％ではありません）。

「データの視覚化と分析がなければ、私たちは皆、誤解や機会の逸失に陥りがちです。」 – Tableau *****

「写真の最大の価値は、私たちが予期していなかったものに気付かせるときです。」 –ジョン・テューキー、1977年

jpegまたはwebpイメージバージョンを使用する方が良いですか？

次の#imageにjpegバージョンとwebpバージョンのどちらかを選択するときは、クロール帯域幅に影響を与えるものを選択してください。ただし、サイト訪問者はおそらく違いに気付かないでしょう。 画像の読み込み時間が遅くなり、画像が表示されるのを待ちたくない場合を除きます。

Googleは画像に関する事実をどのように提供しますか？

Googleは画像を管理し、次の方法で事実データを追加します。

• 画像の視覚的およびテキスト信号を評価するディープラーニングによる画像の詳細の理解
• 画像のウェブページのテキストの理解とそれを組み合わせる
• 次に、関連するナレッジグラフエンティティへのリンクを生成します

ほとんどのAndroidスマートフォンでは、Googleフォトと個人のGoogleアシスタントアカウントからGoogleレンズを使用できます。

2020年7月8日の発表で、Googleは次のように述べています。「今週から、新機能により、Google画像検索で表示される内容に関する事実を簡単に見つけることができます。 米国でモバイルで画像を検索すると、結果に関連するナレッジグラフの情報が表示される場合があります。 その情報には、ナレッジグラフの数十億の事実のデータベースからの画像に関連する人、場所、または物が含まれ、トピックをさらに探索するのに役立ちます。」

指定したトピックをタップすると、そのトピックが展開され、参照している人物、場所、または物の簡単な説明が表示されます。 次に、詳細を確認し、探索するための関連トピックを表示するためのリンクを追加する場合があります。

また、画像サイトマップの価値について質問されることもあります。

画像サイトマップを使用する必要がありますか？

あなたの画像が重要な情報源としてあなたのコンテンツをサポートしていることを確認してください。それはあなたの画像に関する追加の詳細を検索エンジンに提供するのに役立ちます。 画像サイトマップを使用すると、画像のURLやその他の役立つ情報を提供できます。 画像サイトマップは、クロスドメインの制限に準拠する必要がある通常のサイトマップとは異なり、他のドメインのURLを使用する場合があります。 CD（コンテンツ配信ネットワーク）を使用して画像をホストできます。 この場合、最初にGoogle検索コンソールでCDNのドメイン名を確認して、画像のクロールエラーが正しく伝播されるようにします。

適切な画像を使用して、マーケティング費用の収益を最大化する

実証済みのテストを通じて、当社の効果的な検索エンジンマーケティングスキルは、クライアントのニーズと目標に固有の次のローカルSEOキャンペーンを導くことができます。 私たちは、ミネアポリスのデジタルマーケティングと全国で、企業が魅力的で「効果的」に見えるよう支援していることを誇りに思っています。 私たちの顧客行動分析は、あなたのマーケティング決定を導くことができます。 新しいクライアントを獲得し、収益を増やし、オンラインビジネスを成長させるために、使用するのに最適な画像を選択するためのガイダンスが必要な場合は、お電話ください。

オンラインで画像を最適に使用していることを確認するためのパートナーが必要ですか？ 私たちはあなたのビジネス目標、あなたの市場で機能するもの、そして色彩理論とページの実行とカスタマージャーニーにおける視覚要素の役割を念頭に置いています。 あなたは私たちの長年の専門知識から利益を得ることができます。 私たちのアプローチは機能し、収益源を促進しました。 そして、私はあなたがあなた自身の市場で同じ成功を経験することは間違いありません。

「画像は、多くの場合、Webページにダウンロードされたバイトの大部分を占め、また、多くの場合、かなりの量の視覚的スペースを占めます。 その結果、画像を最適化すると、多くの場合、Webサイトで最大のバイト節約とパフォーマンスの向上が得られます。ダウンロードする必要のあるバイト数が少ないほど、クライアントの帯域幅の競合が少なくなり、ブラウザのダウンロードと有用性の向上が速くなります。画面上のコンテンツ。」 – Google Fundamentalsの作成者、Ilya Grigorik

オンラインでの写真の使用に、Google画像のガイドライン、ルール、ベストプラクティスが非常に多いとは想像もしていなかったかもしれません。 また、 SEOが何で構成されているかという重要な側面でもありません。 最も重要な構造化データ型をすでに実装しているサイトの場合、スキーマサイト監査は、他のすべてとともに、イメージスキーマが正しいことを確認するためのコードの修正を決定します。 これにより、画像がGoogle AnswerBoxに表示される可能性も高くなります。

651-206-2410に電話して、JeannieHillを依頼してください。 私たちはあなたのためにそれをすべてカバーし、あなたのサイトを最新かつ準拠に保ち、画像が私たちの完全な技術的なSEOサイト監査で十分に最適化されているかどうかを確認することができます

* 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/