Web

【AMP】Google Search Consoleからの警告「推奨サイズより大きい画像を指定してください」への対応方法

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

Google Search ConsoleからAMP対応についての警告が届いたので、対応してみました。

画像サイズについての警告です。

今回の警告の内容

今回の警告文は、「推奨サイズより大きい画像を指定してください」というものでした。

当ブログはAMPに対応させているので、AMP対応画像サイズなるものがあるようです。

ちなみに、今回警告対象となった記事は以下です。10記事とかなりのボリュームです。

そもそも画像がない記事もありますが、取り敢えず対応を考えます。

あわせて読みたい
【レビュー】電気グルーヴ – VITAMIN
【全曲紹介】電気グルーヴ - VITAMIN電気グルーヴのアルバム「VITAMIN」の全曲紹介記事です。...
あわせて読みたい
【音楽レビュー】LILI LIMIT - Etudes 「インスタ映え」なんて言葉が闊歩する、今まで以上にヴィジュアル優位なこの世の中で、挑戦的な真っ白ジャケット。澄んだサウンドは、その無...
あわせて読みたい
Twitterの検索で役立つコマンドまとめ!欲しい情報を収集しよう!
Twitterの検索で役立つコマンドまとめ!高度な検索で欲しい情報を集めよう!Twitterで検索する際に知っていると便利なコマンドをまとめてみました! Twitterで検索して欲しい情報を見つけるのもなかなか難...
あわせて読みたい
zabadak – はちみつ白書
zabadak - はちみつ白書【全曲紹介】ZABADAKのアルバム「はちみつ白書」のレビュー記事です。...
あわせて読みたい
【全曲紹介】TMN – EXPO
TMN - EXPO【全曲紹介】TMNのアルバム「EXPO」の全曲紹介です。...
あわせて読みたい
KindleをPC(Mac, Windows)で読む方法!メリットと導入方法についてまとめてみました!
KindleをPC(Mac, Windows)で読む方法!メリットと導入方法についてまとめてみました!KindleをPCで読む際に必要な手順についての記事です。...
あわせて読みたい
プログレへの苦手感情はKing Crimson「Discipline」でぶっ飛ばせ! 音楽の話をすることは多々あれど、プログレの話をする友人って私の周りに全くいないんですよね。 プログレって何から聴けばいいんだろう…...
あわせて読みたい
【全曲レビュー】電気グルーヴ – A
【全曲紹介】電気グルーヴ - A電気グルーヴのアルバム『A』の全曲紹介です。...
あわせて読みたい
【全曲レビュー】小沢健二 – LIFE
【全曲紹介】小沢健二 - LIFE【元ネタ紹介あり】小沢健二のアルバム「LIFE」の全曲紹介です。元ネタ紹介もあります。...
あわせて読みたい
【全曲レビュー】電気グルーヴ – DRAGON
【全曲紹介】電気グルーヴ - DRAGON電気グルーヴのアルバム「DRAGON」の全曲紹介です。...

Google推奨画像のサイズ条件

推奨画像サイズってなんやねん!ということで、まず推奨画像サイズを調べました。

Googleのリファレンスの中の「記事」という項目の中に、画像についての注記がありました。

・画像の幅は 1200 ピクセル以上にする必要があります。
・適切な画像が選択されるようにするために、アスペクト比が 16×9、4×3、1×1 の高解像度画像(800,000 ピクセル以上の画像)を複数指定してください。

上記より、推奨画像サイズの条件は以下の通りです。

  • 画像幅1,200ピクセル以上
  • 解像度(幅×高さ)が800,000ピクセル以上
  • アスペクト比は16:9、4:3、1:1のどれか

Googleが推奨する画像サイズはこれだ!

ということで、Googleが推奨する画像サイズは、以下の通りになります。

  • 1,200×675以上(アスペクト比16:9)
  • 1,200×900以上(アスペクト比4:3)
  • 1,200×1,200以上(アスペクト比1:1)

横幅1,200以上なので、上記はあくまで最低条件になります。

上記を参考の上、使用している画像を見直してみてください。

警告への対応方法

Googleからの推奨画像サイズもわかったので、今回の警告への対応方法を考えました。

画像サイズを調整する

ど直球のやり方です。現在掲載している画像のサイズを調整します。

元ソースのサイズが大きければそのまま調整してしまい、そもそもの画像サイズが小さい場合は画像サイズの上下に白枠を足してサイズアップを図るといいのかと。

wordpress 画像サイズ編集画面

アスペクト比の計算にはここのサイトが便利でした。使ってみてください。

https://ocadweb.com/aspectratiotools

AMPを無効化する

テキストばかりの記事で修正する画像がない場合、AMPそのものを無効化という選択肢もあるのかなと思いました。

AMPの有効・無効は設定でき、かつサイトデザインはレスポンシブ対応したものにしているので、流入にあまり影響しないページであれば思い切ってAMPを切ってしまいました。

まとめ

今回はGoogle Search Consoleから来たAMP対応についての警告への対応についてまとめてみました。

警告が来ると焦ってしまう事もあるかと思いますが、このようにしっかりリファレンスを読んで対応を考えていけば大丈夫だと思います。落ち着いて処理していきましょう!

それでは!

ABOUT ME
Masayuki Takamura
多趣味なリーマン。音楽・ゲーム・旅行等を中心に、興味を持った事柄について取り上げていきます。