スポンサーリンク

AMP:推奨サイズより大きい画像を指定してください:図解

5月 18, 2020

スポンサーリンク

Google Search Console の [AMP] のページにて「推奨サイズより大きい画像を指定してください」の警告が出ていた。正しい手順か確たる自信はないが、私はとりあえずこうやって警告を回避しているよ、という図解です。間違えていたらごめんチャイチャイチャイニーズ。

GoogleAmp
GoogleAmp

スポンサーリンク

参考URL:

ありがとうございます。
※本記事の文責は私にあります。

とりあえずの対処法:

ググって調べた結果、とりあえず アイキャッチ画像に、画像の幅が 1,200 ピクセル以上 のものを指定してみようと判断した。

手順

画像を差し替える

「推奨サイズより大きい画像を指定してください」警告が出ている該当記事のアイキャッチ画像を差し替え、更新。差し替える画像は、可能であれば なるべく 1200 x 1200 の 正方形を用意して差し替えることにした。用意できない場合は、長い1辺のみ1200以上にした。

[検査] ボタン

Google Search Console の [AMP] から、[警告] を選び、該当URLを選択。右側に表示される [検査] ボタンを押す

Google Search Console の [AMP] 画面
Google Search Console の [AMP] 画面

しばし待つ

Googleインデックスからデータを取得しています
Googleインデックスからデータを取得しています

[公開URLをテスト]

更新した AMP をテストする。

[公開URLをテスト]
[公開URLをテスト]

しばし待つ

公開URLをテストしています
公開URLをテストしています

AMPが有効になったら

[URL検査] を押す。

URL検査
URL検査

本体URLを更新

本体URLの[インデックス登録をリクエスト]を押下する

[インデックス登録をリクエスト]
[インデックス登録をリクエスト]

検証の開始

警告ページに戻り、下記ページの [詳細を表示] 押下。

[詳細を表示]
[詳細を表示]

[新しい検証を開始]押下

[新しい検証を開始]
[新しい検証を開始]

手順は以上です。

数日後、検証結果が通知されます。(私のように)新たなページが同エラーに引っかかって検出されることもあるでしょう(^-^;;  ←Search Console も一度に警告を検出しないで、ポコポコ検出してくる感じです。

根本原因?

参考にしたURLにて詳しく説明さえれていますが、ここにも一応、引用しておきます。

引用:Google 固有の AMP の問題

問題説明
画像が推奨サイズより小さいAMP の構造化データが、推奨サイズより小さい画像を参照しています。これにより、Google 検索で AMP 関連の機能がページに表示されなくなる可能性があります。また、サイズの大きい画像が Discover カードに表示されなくなり、ウェブページのトラフィックやユーザーのエンゲージメントを低下させる原因となることもあります。修正するには、ガイドラインに沿って大きな画像を使用してください。

Googleガイドラインから引用:

  • 記事に直接属するマークアップされた画像のみを指定する必要があります。
  • 画像の幅は 1,200 ピクセル以上にする必要があります。
  • すべてのページに画像を少なくとも 1 つ含める必要があります(マークアップを含めるかどうかは問わない)。Google は、アスペクト比と解像度に基づいて、検索結果に表示する最適な画像を選択します。
  • 画像の URL は、クロールやインデックス登録に対応できる必要があります。
  • 画像はマークアップされたコンテンツを表している必要があります。
  • .jpg.png.gif のいずれかの形式の画像を指定する必要があります。
  • 適切な画像が選択されるようにするために、アスペクト比が 16×9、4×3、1×1 の高解像度画像(800,000 ピクセル以上の画像)を複数指定してください。

次に例を示します。

{
  "@context": "https://schema.org",
  "@type": "NewsArticle",
  "image": [
    "https://example.com/photos/1x1/photo.jpg",
    "https://example.com/photos/4x3/photo.jpg",
    "https://example.com/photos/16x9/photo.jpg"
  ]
}

メモ:アスペクト比による1,200pxのサイズ

a辺(縦でも横でも)を 1,200px にした時の、もう一辺(b辺)の値。

アスペクト比a辺(px)b辺(px)画面解像度(axb)覚え方
16 x 9 1,200 675 810,000 ムナゴ
4 x 3 1,200 900 1,080,000 Q!
1 x 1 1,200 1,200 1,440,000

最後に

えー、ここだけの話ですが、1,200以上の画像がないとき。エラーが出ている画像より少し大きめの別画像にしたら、とりあえず警告は出なくなりました。。。しかし、これはまた警告される可能性が特大なので、本当の本当に急場しのぎの方法です。

モグラたたきですね。

AMP設定ですが、私はやめたり復活させたり、どっちつかずです。AMP、労力ばかりで何の恩恵も得られていない感じが・・・。って、それは私自身の能力が足りないだけですが。

AMPって、Google検索(Yahooもか)にだけ有効なんですよね(あれ、違う?)。往年のベータとVHFを思い出す。。。そのうち、Googleを脅かす別な勢力が彗星のごとく登場・・・しないかなぁ。

※AMPは GoogleがTwitterと共同で開発を進めているみたいですね。

広告

無料体験に参加するだけでも何かを得られるかもしれない。
何かを変えたければ一歩を踏み出してみよう。

どこよりも高い「継続率」「修了率」「卒業率」の【WebCamp】
にほんブログ村 IT技術ブログ WordPressへ