JSON-LDスニペットマークアップの有効な画像サイズ

公開: 2017-01-07

有効なJSON-LDスニペットマークアップのPCおよびAMPイメージサイズ

7.20.2021を更新

この記事は、有効なJSONコードでテストするリッチスニペットに最適な画像サイズを選択する方法と、Webページや投稿で使用される画像の基本的なベストプラクティスを理解するのに役立ちます。

最近のウェブマスターのたまり場で、Googleのジョンミューラーは、検索の巨人が2020年以降、よりトランザクション的で、より教育的で、より検索関連のタスクに画像検索を使用する方法について話しました。 リッチカードやビジュアルを含むその他のリッチ機能スニペットで画像の増加が見られ、これが続くと予想されます。 これは、有効な画像サイズを持つことがこれまで以上に重要であることを意味します。

すぐに重要な質問に取り掛かりましょう。

AMPページの画像にはサイズ要件がありますか？

はい。 各Webページには、幅と高さを掛けるときに最低800,000ピクセルの高解像度画像が少なくとも1つ、できれば複数ある必要があります。 幅のアスペクトは800px以上である必要があります。

この警告の意味：画像サイズが推奨サイズよりも小さいですか？

ページにはこの通知が表示され、推奨サイズ未満の画像が1つ以上含まれているため、理想的とは言えないページとして評価されます。 通常、この警告は注目の画像から取得されます。

たとえば、ビジネスでGoogleニュースカルーセル、トップストーリー、または製品カルーセルでの認知度を高めたい場合は、適切なレイアウトのために特定の画像サイズが必要です。 また、検索者がページにアクセスしたときに、トピックをサポートする高品質の画像を期待できるようにします。

AMPイメージ仕様に準拠することの利点は何ですか？

  • これらのガイドラインに従うことで、記事は注目のスニペットや検索結果の上部に注目の配置を獲得する可能性が高くなります。 標準のHTMLページのインデックス作成には影響しません。
  • 最低限の推奨事項を満たすことで、メディアコンテンツは、AMPカルーセルで記事を取り上げるチャンスをサポートします。
  • 多くの場合、人々は画像検索を実行することによって検索を開始しています。 検索エンジンがコンテンツを見つけて表示するのに最適なものを尊重することで、新しいビジネスを獲得できます。

ロゴ画像にもAMPのサイズ要件がありますか？

はい。 AMPページには、基本的なロゴ形式、サイズ、パディングの要件があります。 ロゴは60x600ピクセルのボックス内に収まる必要があります。 ただし、AMPカルーセルでは16 x160サイズでレンダリングされます。 AMPロゴは、60 x600ピクセルのボックスのサイズである必要があります。

サイトロゴ画像

スキーマでの画像の包括的な使用法を理解するために、「logo」と「photo」は「image」のサブプロパティとして分類されます。 正しく使用するということは、企業のGoogleナレッジグラフに表示される内容をより細かく制御できることを意味します。

すべてのウェブサイトにはロゴがあり（またはロゴが必要です）、正しいlogoマークアップにより、ウェブマスターはナレッジグラフの表示に使用する画像をGoogleに伝えることができます。

Googleの画像ガイドラインには、「Googleが検索結果とナレッジグラフで組織のロゴとして使用する画像を指定できます。 これを行うには、希望するロゴの場所を識別するschema.org組織マークアップを公式Webサイトに追加します。」

SERPでの地位を向上させる企業の能力は成長を続けており、Googleのアルゴリズムは現在この形式のマークアップに大きく依存しています。 Schema.orgは、新しいリリースのリストを提供しています。 画像のスキーマは以前から提供されていました。 2014年7月8日の1.7リリースでは、次のように述べています。「このリリースでは、 ImageObjectが妥当な値であることに注意して、imageプロパティを修正します。」 また、急速に発展しているため、企業はマークアップを使用する機会が増えています。

Googleは構造化データ画像ガイドラインを更新します

Googleは、画像を使用するための構造化データ画像の詳細を使用して、より構造化されたアプローチを採用しています。

これらのガイドラインがどのように更新されているかを追跡し、バリエーションを比較するために、Googledevoloper製品ページからコピーの作成を開始しました。 消費者行動分析を行うときは、画像検索を通じてどのオーディエンスセグメントがサイトに到着するかを観察します。

地元のビジネス、レシピ、商品のマークアップ、本、イベント、テレビ映画など、それぞれがその画像ガイドラインに特別な注意を払う必要があります。 一部のデータ型は、推奨プロパティから必須タイプに更新されました。

私たちが持っていた以前のガイドラインは乏しく、イメージを提供すること以外はほとんど何も言われていませんでした。 ただし、スキーマを実装する個人は、はるかに説明的な新しいガイドラインに準拠する必要があります。 新しいガイドラインの1つは、簡単なことです。「画像のURLは、クロール可能でインデックス作成可能である必要があります」。

以前は、各画像のURLを提供するだけで済みました。 現在、Googleは「 ImageObjectまたはURLの繰り返しフィールド」が必要であることを示しています。一部のページには画像が含まれていませんでしたが、新しいガイドラインでは、「すべてのページに少なくとも1つの画像が含まれている必要があり、これは指定されていません。スキーママークアップを含むページと投稿のみが対象です。違いは、コンテンツが人気のあるGoogleカードに表示されるかどうかを意味する場合があります。

AMP以外のURLのGoogleDiscoverでのランキングを促進するには、content =” max-image-preview：large”を使用することをお勧めします。

Googleはローカル画像でWebエンティティを検出します

グーグルはローカルエンティティのマッピングに深く浸っていて、画像検索をまったく新しいレベルに引き上げようとしているという兆候を漏らしている。

しかし今では、Googleが各画像の比率と解像度を考慮して、検索結果に表示するのに適した画像を選択することがわかりました。 「解像度」が参照されるようになったのは興味深いことです。これは、ユーザーがページで使用されている画像からページについて多くのことを学び、Googleが画像の選択で重要な要素についてより多くのことを指定していることを示しています。 視覚探索で画像をより効果的に使用する方法を改善する機会について、完全なWebサイト監査を実施します。

古い画像は視聴者にとって役に立たないので、当然のことながら、画像はスキーマでマークアップされたコンテンツに関連している必要があることを私たちはずっと知っていました。 明らかな変更点は、Googleが、さまざまなアスペクト比の画像の配列を優先することを明らかにしたことです。 優れたコンテンツと同様に、画像は消費者中心であり、視聴者にアピールする必要があります。 「最良の結果を得るには、16×9、4×3、1×1のアスペクト比の複数の高解像度画像（幅と高さを乗算する場合は最低800Kピクセル）を提供する」ことを学びます。

thumbnailUrl imageプロパティを使用している場合は、同じガイドライン（複数のアスペクト比の推奨を含む）が有効になります。 すべてがより具体的な方向に進んだわけではありません。 以前はテレビや映画で「幅140ピクセル、高さ210ピクセル、アスペクト比2：3」の画像が必要でしたが、現在、このような仕様はこれらの新しい「標準」画像形式に置き換えられています。つまり、Googleは「16× 9、4×3、および1×1のアスペクト比。

Googleの新しい構造化データ画像のリクエストに準拠するために、以前の画像に戻って更新および置換するタスクに直面しているウェブマスターは、記事の画像のガイドラインが変更されていないことを知って喜ぶでしょう。 これらは、画像のピクセル幅について同じ仕様を維持します。記事を表す画像へのURL。 記事に直接属するマークアップされた画像のみを指定する必要があります。 以前は、画像の幅は少なくとも696ピクセルである必要がありました。 画像がGoogleマップに表示される可能性を高めるために、Googleのベストプラクティスを常に把握してください。

記事の画像

現在Googleガイドラインに正確に記載されているとおり、「ImageObject; 必須（AMP）、推奨（非AMP）

追加の画像ガイドライン：

  • 記事に直接属するマークアップされた画像のみを指定する必要があります。
  • 画像の幅は少なくとも1200ピクセル（以前の幅は696ピクセル）である必要があります。
  • すべてのページには、少なくとも1つの画像が含まれている必要があります（マークアップを含めるかどうかは関係ありません）。 Googleは、アスペクト比と解像度に基づいて、検索結果に表示するのに最適な画像を選択します。
  • 画像のURLは、クロール可能でインデックス作成可能である必要があります。
  • 画像はマークアップされたコンテンツを表す必要があります。
  • 画像は.jpg、.png、またはである必要があります。 gif形式。
  • 最良の結果を得るには、アスペクト比が16×9、4×3、および1×1の複数の高解像度画像（幅と高さを乗算する場合は最低800,000ピクセル）を提供します。

Googleの投稿で理想的な記事、ブログ、BlogPosting画像を取得する方法

Eコマースサイトは、正しい製品イメージスキーマで売り上げを増やす可能性があります。

これはあなたのサイトが画像の正しい使用から利益を得ることができるときの一例です。 Googleで新しい投稿が公開されると、生成されるリンクに人目を引く画像が含まれる場合があります。 Googleは、プレビュー（SERPスニペット）をレンダリングします。これは、今日、ページのタイトル、その簡単な説明、および視聴者の注意を引くためのサムネイル画像で構成されています。

ページ上の各画像には、ページのトピックに関連し、一致する検索インテントをサポートするaltタグが必要です。

Googleは、記事画像のレンダリングに関する詳細を提供しています。

2017年1月6日の時点で、次のガイドラインに従って、画像サイズを使用した画像スキーママークアップが必要でした。

*画像の幅は400px以上

*画像のアスペクト比は5：2（幅：高さ）以下です。

+スニペット画像が表示されない場合

Googleは、次の潜在的な理由を明らかにしています。「画像がschema.orgマイクロデータまたはOpen Graphマークアップによって明示的に参照されている場合でも、小さすぎる画像や十分に正方形でない画像は+スニペットに含まれません。 具体的には、高さは120ピクセル以上である必要があり、幅が100ピクセル未満の場合、アスペクト比は3.0以下である必要があります。」

ビデオ画像サイズのサムネイル

インターネットユーザーは、ビデオコンテンツの消費レベルを押し上げています。 つまり、構造化データを使用してビデオWebピースでWebサイトをマークアップすると、検索クエリを検出してオンラインで利用可能な関連ビデオに一致させるためのエントリポイントでGoogleセマンティック検索を支援できることを意味します。

検索エンジンの結果ページ（SERP）に表示できるビデオサムネイル画像ファイルを示すthumbnailUrlを提供する必要があります。 「画像は、160×90ピクセル以上、1920×1080ピクセル以下である必要があります。 .jpg、.png、または.gif形式の画像をお勧めします。 すべての画像のURLは、クロール可能でインデックス作成可能である必要があります。 そうしないと、検索結果ページに表示できなくなります」とGoogleは現在述べています。

ビデオ画像のサイズと解像度に関する次のカスタムサムネイルのベストプラクティスが提供されています。「カスタムサムネイル画像は、埋め込みプレーヤーのプレビュー画像としても使用されるため、できるだけ大きくする必要があります。 カスタムサムネイルをお勧めします：

*解像度は1280×720（最小幅は640ピクセル）です。

* .JPG、.GIF、.BMP、.PNGなどの画像形式でアップロードしてください。
2MBの制限を超えないようにします。

* 16：9のアスペクト比を使用してみてください。これは、YouTubeプレーヤーとプレビューで最もよく使用されているためです。」

あなたのビデオコンテンツは、インターネットユーザーに非常に目立ち、需要のある画像です。 時間をかけて、動画コンテンツを発表するカバー画像を選択してください。 ページ上および検索中の画像の影響を最大化して、関心を高め、ユーザーエンゲージメントを促進します。

AMPイメージカルーセルAMPページの有効な画像サイズ

amp-carousel-0.1.jsファイルとwidth: 100%を使用します。 コーダーは、タイプcarouselを使用して、同様のサイズの画像のリストを連続したストリップとして表示します。 アンプカルーセルコンポーネントは、スマートフォンの小さな画面スペースを理想的に利用して、モバイル視聴者が横軸に沿って画像をクリックすることで提供されるコンテンツの複数の類似したサムネイルから選択できるようにします。

RelayMediaの記事「SpreadtheCarousel Love 」**は、次のように述べています。「AMPに躊躇している出版社は、逃している機会を検討する必要があります。 AMPの記事を公開することには本質的にリスクはなく、検索の卓越性と学習の面で多くの利益を得ることができます。」

製品画像カルーセルの使用が拡大しています。 これは、本の著者、映画製作者、有名人、eコマースストアにとって価値の高い不動産です。 そして、その使用は拡大すると予想されます。

AMP by Exampleページでは、各カルーセル画像の高さに幅400ピクセル、高さ300ピクセルを使用しています。

AMP以外の画像ギャラリー

構造化データ画像ギャラリーを備えた非AMPページ

サイトでAMPのメリットをまだ享受できない場合は、AMP以外のページも、SERPが豊富な結果リスト、または同様のAMP以外のウェブページを表示するカルーセルでリッチな結果になる可能性があります。 豊富な結果には、見出しや画像が含まれる場合があります。 Googleは十分な情報を自動的に抽出して、サイトがそのような機能を利用できるようにしますが、ウェブページに構造化データが正しく実装されていれば、検索エンジンがコンテンツをより適切に解釈し、リッチカード画像や画像カルーセルを取得する可能性を高めることができます。結果。 スキーマデータは、基本的なSEOプラクティスに組み込まれています。

モノに関連するサムネイル画像


"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"
},

Github JSONスキーマフォームリポジトリは、コード例を収集し、Webのこの領域がどのように拡大しているかに貢献するために参加するのに理想的なサイトです。 グーグルはトランザクションを意図した検索クエリに多くの関心を持っているので、 新しいタイプのeコマーススキーママークアップが出現し、拡大しています。

サイトが画像検索用に最適化する必要がある理由

Rand Fishkinは、2017年3月14日の記事「 TheState of Searcher Behavior Revealed Through 23 Remarkable Statistics 」で、Google画像検索の分析を報告しました。

ランドは、JumpshotおよびMozデータでのGoogle画像検索の分析を報告し、次のことを発見しました。

•Google画像検索は、Google.comの直後に続く2番目に使用頻度の高い検索プラットフォームです。

•その検索は、残りの上位10のWebプロパティを合わせたものよりも多くなっています。

•BingまたはYahooでの検索の10倍以上。

•Facebookプラットフォーム内の画像検索数の40倍以上を集計しています。

ランドは、「人々は自然に画像に惹かれ、Googleはクリックデータを使用して、最もエンゲージメントの高い画像を具体的に表示するため」と述べ、画像ブロックからより多くのクリックが発生しています。 JSONマークアップの使用が増えるにつれ、このスキーマを正しく追加することで、SERPで管理するサイトの可視性が向上します。

正確で指定された画像の詳細は、Googleスキーマガイドラインに記載されています

今日の画像認識の革新的なテクノロジーの多くは、機械学習の高度な形式であるディープラーニングテクノロジーと、人工知能の進歩する成功に依存しています。 セマンティック検索の専門家は、LocalBusiness、Article、およびNewsArticleに適用されるスキーママークアップにimageプロパティを使用する場合、以前はそれほど厳格ではないガイドラインに従う必要がありました。 最初は、画像のURLだけが必要でした。 次に、「[a] URL、または代表的な画像ファイルを指すURLのリスト」と提案とともに述べました。 初期の提案の多くは、特に記事のルールに組み込まれています。

改訂されたガイドラインは、画像自体の可視性がページに価値を付加することを確実にすることを目指しています。 GoogleBotは人間の目ではそれを認識しませんが、検索の巨人は現在、画像は「記事の代表的な画像…記事に直接属する」べきであると言っています。

柱の常緑樹コンテンツ内の画像に優先順位を付けます。 記事内に複数の画像が含まれている可能性があることを考えると、 これにより、画像スニペットを伴う記事を表示するときに、検索エンジンの選択プロセスから当て推量が排除されます。 また、最小サイズが指示されていることも興味深いです。「[i] magesは少なくとも696ピクセル幅である必要があります。」 これはページ上の画像の価値を示しており、迷惑なサムネイルサイズであってはならないと推測されるかもしれません。

画像の高さと幅を含める必要があるという現在の状況は、 imageの単純なURL宣言が記事が豊富なスニペットではサポートされなくなり、重大なエラーが発生するという事実を示しています。 これが、ウェブマスターがAccelerated Mobile Pages（AMP）に移行するのを支援するためのGoogleの取り組みの一部であると考えるのは間違いありません。 AMP要素はすばやく読み込むことを目的としており、モバイル記事のレイアウトに関しては、多くが削除または定義されています。 UXデザインのユーザーエクスペリエンスを向上させるためにAMP理論を組み込みます。

画像のサイズを明示的に追加すると、AMP記事に関連付けられた画像をさまざまなデバイスで正しくレンダリングできるようになります。 「画像参照を視聴者のビューポートに合わせたサイズの画像に置き換え」ようとします。 これが、PCでAMPバージョンを表示するときに画像が境界の外にこぼれる可能性がある理由の1つです。 大画面での測定に対応しているため、画像サイズの交換は行いません。 これは、インタラクティブなWebデザインの基本要件として考慮に入れる必要があります。

以前はタグに「明示的な幅と高さを含める必要がある」というamp-imgの要件がありましたが、現在はデスクトップでも同じことが一般的です。 画像の挿入に相対URLを使用することに頼っているWebデザイナーの場合、AMPを調整する必要があります。この場合、ImageObject URL宣言では、相対URLバージョンではなく絶対URLが必要です。 これは、Webページをレンダリングするためにブラウザが持つタスクを検討するときに意味があります。 全体として、画像のサイズを計算するためにコードを解析する必要があるだけで、Googleの速度が低下します。

結局のところ、AMPの目的は、ページの読み込みを高速化することです。 それは待ちたくないユーザーから来ています。 では、単に画像データを事前に提供してみませんか？ 効果的なSEOは、ユーザーエクスペリエンスを向上させるための最適化であり、速度が重要です。

製品カルーセルのEコマース画像

多くの場合、画像に構造化マークアップを追加するのに最適なページを選択する必要があります。 複数の商品がリストされているカテゴリページではなく、ショッピングカートの個々の商品ページに実装します。 これにより、将来の購入者の混乱を避けることができます。

有効なリッチスニペットと画像検索結果で見つかった画像には、 eコマースの買い物客が必要とする商品情報が豊富に含まれている可能性があります。 注：Webデザイナーは、製品カルーセルデザイン機能を使用して、eコマースWebサイトの任意の領域に製品カルーセルを表示できます。 これは、Googleが自主的に製品をカルーセルの使用法でモバイルeコマースの豊富な結果に表示することを選択したのとは異なります。

JSON-LD画像のサイズを規定する方法

シナリオに応じて、ガイドラインで別の形式が望ましいと指定されていない限り、最初にマークアップにJSON-LDで注釈を付けるようにしてください。

JSON-LDマークアップを使用する場合、引用符を使用しない画像値は「数値」ですが、引用符で表される値は「文字列」です。 つまり、数値が望ましい結果である場合、コーダーは引用符を避けるように慎重に検討する必要があります。

画像の高さと幅を指定する一般的な方法は"width": "600px"ですが、最近の多くのブラウザでは、「Distance」または「QuantitativeValue」を期待するため、「width」の期待値の問題が発生します。 。 「width」：「600px」を含むテストの実行は、Googleによって次のように変更されました。


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

これには、使用されている測定単位のタイプに関する情報がまだ不足しています。 次のようなものを使用して「距離」を置き換えてみてください。


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

ここで有効なマークアップを取得するという点を超えて考えてください。それでも測定単位に関してある程度のあいまいさが残り、検索エンジンは「px」を使用して何を意味するのかを突き止めようとします。 私たちの好みは、リンター構造化データツールを使用することです。代わりに「QuantitativeValue」を使用する画像が好きです。

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

画像エンティティを説明するURLは安定している必要があり、変数データに依存しないようにする必要があります。 この画像マークアップの例は、文字列リテラルではなく参照として解釈されます。これは、（公開時点で）schema.orgJSON-LDコンテキストが画像を@id:型として定義しているためです。
JSON画像をコーディングするためのschema.orgコンテキストスニペットの例：

{
"@context": {
...
"image": { "@id": "schema:image", "@type": "@id"},
...
}
}
リモートコンテキストでそのように表現されていない場合、特定の用語はローカルコンテキストで（再）定義される可能性があります。

タイプされた画像の関係の例：

{
"@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"
}

人々は画像と非常によく関係しており、Google画像検索は成長しているため、画像がビジネスをどのように表しているかを理解し、ブランドを構築することが重要です。

JSONマークアップは、記事のビジュアルコンポーネントの理解を支援します

視覚探索の台頭を考えると、これはSEOの重要な側面です。 サイトがWordPressプラットフォーム上にあり、構造化マークアップをレンダリングするためにプラグインに依存している場合、Imageプロパティを修正する必要がある場所で問題が発生する可能性があります。 この場合、一般的には、注目の画像をページまたは投稿に使用する必要があるためです。 プラグインが互換性や減価償却されたコードの問題に苦しんでいる場合は、スキーマを手動でコーディングする価値があるかもしれません。

この設定がないと、プラグインはどの写真がその記事のコンテンツを最もよく表しているかを認識できません。 プラグインはこの情報に依存して、 ImageObjectとそのサイズの寸法を追加します。 サイトがプラグインに依存しているかどうかに関係なく、問題のトラブルシューティングに最適なSEOツールのいくつかはGoogle検索コンソールにあります。

SEOSkepticのAaronBradlyは、次のように推奨しています。記事の内容をよりよく理解してください。」*******

次に、その考えを、画像は1000語の価値があるというおなじみのステートメントと組み合わせ、強力な画像選択とその周囲の適切なスキーマ構造化データの両方を組み合わせます。

注：コンマを使用して、今後さらに多くのプロパティを通知します。 たとえば、これは複数の画像を含める場合に必要です。 最後のプロパティ「image」はコンマを使用しません。 新しいコードをテストし、エラーが正しい構文に置き換えられていることを確認します。

追加の画像提案

以下は、Hill Web Marketingの意見であり、有効な画像サイズに加えてのものです。

1.可能であれば、ストックフォトは避けてください

多くのクライアントは、どのタイプの画像を使用すべきかについて質問します。 可能であれば、人が写っている画像を探してください。 幸せそうな人は、おそらく無意識のうちに、視聴者の精神を高めます。 人間の顔とボディーランゲージが物語を語り、それが説得力のあるものになります。 子供が恥ずかしがらずに見つめていることに気づいたことがありますか？ 他のどの画像タイプよりも顔を見つめるのは自然なことです。 すべてのWebページには、人物の写真、または少なくとも写真が含まれている必要があります。

サイト訪問者はすぐにストック画像を認識できます。 そのような人々のイメージは、彼らが本物であると感じていないので、最悪の犯罪者のようです。 スマートフォンのカメラを使うことにあまり躊躇しないでください。 真っ白な照明、きれいなオフィスルーム、非現実的な完璧主義に合わせて写真を購入した画像で構成され、50/50％の民族的に多様な人々で構成されている画像は、人生のあり方ではありません。

画像の力を考えれば、オリジナルのプロの写真に少し投資してください。 ドレスアップしますが、それでも、写真の日には自然に見えます。 それらが明白でない限り、小さな欠陥の編集をスキップしてください。 耽美主義を伝える絵は、「洗練された」存在状態を誇示することよりも重要です。

ストックフォトを使用するときによくある間違いは、記事やブログ投稿のトピックに十分に関連する画像ではなく、ランダムな画像を選択することです。 ストックイメージへの依存を防ぐために、購入する場合は、ゲッティイメージズやFotoliaなどの一般的な写真の品質が高いサイトにアクセスしてください。 Google広告キャンペーンで消費者のエンゲージメントを促進できる画像があることを確認してください。

Neil Patel ******は、さまざまなオンラインニッチ内の41のブログで画像の使用に関する調査を行った後、「ブログの投稿でストック写真の画像を使用した場合、平均して152のツイートと83のFacebookのいいねを受け取った」と結論付けました。 あなたの画像があなたのソーシャルプラットフォームにどのように貢献または気を散らすかを見て、必要に応じて、プロのソーシャルメディアマーケティングマネージャーを雇ってください。

2.画像​​の読み込みを軽くするには、圧縮を使用します

ページ上部の画像では、背景が薄くなっているため、これらのスペースの解像度が低下しますが、このグラフィックの焦点である女性に高解像度のアスペクトを残すことができます。

画像圧縮を支援するツールのオンラインの多くのリソースリストがあります。 複数の方法を試して、画像を最適にエンコードし、最適化されすぎないようにしながら、最小のバイト数で同じ画像を配信するための好ましいプロセスを決定してください。 重要なことは、JSONイメージの要件に準拠した正しいコードをテスト、テスト、テストすることです。

事前に、画像圧縮に最適な写真形式を使用してください。 たとえば、（アニメーション化されていない）GIFファイルを画像PNGに変換すると、平均で21％低下します。 Guy Podjarny ***は、次のように宣言しています。「（不透明な）PNGファイルをJPEGに変換すると、さらに大きな節約が可能になり、ファイルサイズが3〜5倍に削減されることがよくあります。 WebPやJPEGXRなどの新しいフォーマットは、それをさらに発展させ、同じビジュアルを25〜50％少ないバイトで通信できます。」

3.画像の読み込みを妨げる問題を修正します

次に、さらに考える必要があります。画像の読み込み方法は、ブラウザが実行する必要のある作業であり、画像をどれだけ高速に表示できるかを決定します。 長い指示を伴うCSS、グラフィックスを管理するためのJavaScript、または作業の一部を行うためにWordPressプラグインに依存するWebデザイナーは、多くの場合、問題を過度に複雑にします。 各側面を注意深く調べる必要があります。これは、フルサイトのテクニカルSEO監査で最もよく達成されます。

4.画像はページの意図とトピックに適合している必要があります

意図的に作成するには時間がかかりますが、特にページのメイン画像はページの意図に明確に一致する必要があります。

ニールはまた、グラフやチャート画像を使用したときに、トラックバックの数が最も多かったと報告しました。 「平均して、他の種類の画像を使用したブログ投稿よりも258％多くのトラックバックを受け取りました。」

長い形式のコンテンツを含むページに画像を追加すると、長いテキストブロックを分割し、ポイントを強化するのに役立つ場合があります。

ランディングページの画像は、売り上げを伸ばすための鍵となるため、特別な注意を払う必要があります。 画像データを含む投稿は大衆の注目を集めることはできないかもしれませんが、教育とビジネスの観点からは独自のメリットがあります。 彼らは（このような）教育的なニッチなブログに価値を付加し、頻繁にそれらへのリンクを獲得します。 研究目的だけで、実用的または静的な埋め込みチャートは、実際に価値が上がる可能性があります。 いくつかの形式のグラフィックコンテンツが数年後に古くなる場合、ニールは「他のブログは、投稿の年齢に関係なく、チャートを使用してデータが豊富な投稿にリンクする」ことを発見しました。

Hubspotは、「関連する画像が同じ情報とペアになっている場合、人々は情報の65％を保持している」と述べています。 2017年1月3日22017年の記事で知っておくべきビジュアルコンテンツマーケティング統計。 *

5.手描き、3Dグラフィックス、およびアニメーション画像を使用します

対象となるすべてのJSON-LDマークアップに有効な画像サイズを使用してください。

手描き、3Dグラフィックス、またはアニメーション画像は人気があり、特に明るい背景を使用する場合は、一般的に軽量です。 ランド・フィシュキンが驚くほど人気のあるホワイトブロードフライデーのブログ投稿（moz.com/blog/）に使用した画像をざっと見てみましょう。 「パステルカラーの背景」はあなたのブランドの見た目ではないかもしれませんが、それはおそらく正当な理由で選ばれました。 これらの画像タイプを作成したり気に入ったりする時間がない場合は、グラフ、インフォグラフィック、またはストックフォトを試してください。

スキーママークアップを利用するための画像サイズの要件に注意してください。 画像の視覚的な魅力だけに焦点を当てることによって、ページの将来の使用を制限するのはなぜですか？

すべてのオンライン画像が正しくタグ付けされているわけではないため、正しい最適化のために正しいメタデータを使用して画像をリッチにします。 会話型チャットボットメッセージには、ボタン、テキスト、画像、その他の要素が含まれている場合や、完全に音声ベースで応答している場合があります。 従来のアプリケーションやWebサイトは、一度に複数の情報を要求して画面に表示できます。ボットは、複数のメッセージを使用して同じ量の情報を収集します。

有効な画像サイズが重要なのはなぜですか？

人々は強力な視覚学習者です。 あなたの画像はあなたのトピックとあなた個人へのつながりを伝えます。 豊富なSERPの新しい機会により、ブランドの露出が向上します。 アジャイルなマーケティング計画を立てることで、新たな画像サイズの要件を最もよく満たすことができます。

「ウェブはますます画像が豊富になっています。 高解像度のモバイル画面、Pinterestスタイルのデザイン、大きな背景グラフィックの間で、平均的な画像ペイロードは過去3年間で2倍以上になりました。 これらの画像は視覚的に魅力的ですが、かなりのパフォーマンスコストがかかり、正しく最適化されていないと、どんなに美しくてもWebエクスペリエンスが遅くなり苦痛になる可能性があります。」 –OreillyのGuyPodjarny

「脳に伝達される情報の90％が視覚的であることをご存知ですか？ 脳はまた、テキストの60,000倍の速さでビジュアルを処理し、調査によると、40％の人がプレーンテキストよりも画像によく反応することが示されています」とshiftelearning.comは述べています。どの画像タイプがユーザーとのつながりを促進するかを理解するため。 画像のサイズとマークアップがすべて最適化されたら、画像のsitemap.xmlを送信します。 Googleは、画像とページのURLにインデックスを付けることができます。

Googleが実際の信頼できる情報を強調するためにいくつかの画像を使用する方法

JSON-LDと画像がどのように機能して、ブランドの認知度とEATを構築するか。

「写真とビデオは、人々が世界で何が起こっているのかを理解するのに役立つ素晴らしい方法です。 しかし、ビジュアルメディアの力には落とし穴があります。特に、画像の出所、信頼性、コンテキストに関する質問がある場合はそうです。 本日より、Google画像検索のファクトチェック情報をグローバルに公開し、人々がこれらの問題をナビゲートし、ウェブ上で何を見ているかについてより多くの情報に基づいた判断を下せるようにします。 これは、検索とニュースのファクトチェック機能に基づいており、人々は1年に何十億回も遭遇します。

これで、Google画像検索で検索すると、サムネイル画像の結果の下に「ファクトチェック」ラベルが表示される場合があります。 これらの結果の1つをタップして画像を拡大表示すると、基になるWebページに表示されるファクトチェックの概要が表示されます。 これらのラベルは、特定の画像に関するファクトチェック記事と、ストーリーに画像を含むファクトチェック記事の両方に表示される場合があります。」 - グーグル

Googleはまた、「Google画像検索の結果にこのラベルを追加しても、ランキングには影響しません。 私たちのシステムは、入手可能な最も関連性が高く信頼できる情報を表示するように設計されています。」 2020年7月22日に公開されたGoogle画像検索にファクトチェック情報を提供する際に、GoogleのプロダクトマネージャーであるHarris Cohenmは、人々が見つけた情報（画像を含む）に関する重要なコンテキストにアクセスできるようにすることを目的としていると語っています。 。

Minneapolis digital marketing consultant Jeannie Hill ミネアポリスの企業と協力して有効な画像サイズが使用され、エラーのないコードを使用してオーガニック検索、モバイルファーストの世界向けの検索エンジン最適化、オンラインでの競争優位性を確保する、Hill WebCreationsの創設者であるJeannieHillと提携します。 。 GoogleのSEOガイドラインの更新を常に把握し、遵守するように注意してください。
私はミネソタ州ミネアポリスに住んでいて、大都市圏とそれ以降にデジタルマーケティングサービスを提供しています。

概要

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! 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. おめでとう！ Millions of people rely on photos like yours when they search for places. Thanks for sharing your photos with the world.” - グーグルマップ

“More records this week…(One Photo)reached 3,320 views.” - グーグルマップ

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/