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

TECH

ここでは、Google サーチコンソールで「推奨サイズより大きい画像を指定してください」とAMPの警告が出たあなたのために記事を書いています。【2019年最新版】

 

わたしの場合は、先日初めてこのエラーに遭遇しました。記事は半年以上たったものばかりでした。

 

 

それも 22 ページの記事が警告の対象となってしまいました。そこで「推奨サイズより大きい画像を指定してください」の解決方法を模索しました。

スポンサーリンク

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

わたしは WordPress のテーマに Cocoon を使っていたので、最初は Cocoon のアップデートが関連しているのかなと思いました。

 

しかしながら、よく調べてみると、そうではなく画像の幅は 1200 ピクセル以上にする必要があると ガイドラインに書いてありました。また、適切な画像が選択されるように、アスペクト比が 16×9、4×3、1×1 の高解像度画像(800,000 ピクセル以上の画像)を指定しなければならないようです。

 

 

ガイドラインは以下のページから辿れます。推奨サイズより大きい画像を指定してくださいの項目にあるガイドラインをクリックしてみてください。

 

Google 固有の AMP の問題 - Search Console ヘルプ
問題 説明 コンテンツの不一致: 埋め込み動画

 

AMP警告エラーについての推察

よくよくわたしの書いた記事を見ていると、どうも、画像の幅は 1200 ピクセル以上でありアスペクト比が 16×9、4×3、1×1 の高解像度画像が使われている記事は一つもない事に気付きました。

 

ちなみに、わたしの記事の画像には iPhone やアンドロイドのスマホのカメラ機能を利用していることが多いです。

 

今回のAMP警告エラーの対象となった記事に、iPhone で撮影した画像が入っている記事は一つもありませんでした。また、アンドロイド携帯でも画像を切ったり加工をしていなければ、AMP警告エラーの対象とはなっていない様子です。

 

もちろんわたしは、iPhone の画像も切ったり加工しています。

 

ここから推察すると iPhone のような高画像な写真であれば、アスペクト比は関係せず、AMP警告エラーの対象とならないことがわかります。

 

一つ目の解決方法

そこで、わたしはまず検証のためにアイキャッチ画像のみを、以下のフリー素材が提供されているサイトから解像度の高めな画像をチョイスして使用しました。

 

O-DAN (オーダン)- 無料写真素材・フリーフォト検索
高品質な無料写真素材・フリーフォトを40以上の有名ストックフォトサイトから日本語で横断検索できるサービス「O-DAN(オーダン)」
Attention Required! | Cloudflare
Beautiful Free Images & Pictures | Unsplash
Beautiful, free images and photos that you can download and use for any project. Better than any royalty free or stock photos.
無料の写真素材はフリー素材のぱくたそ
ぱくたそは人物(男性・女性)や風景の写真、背景に使いやすいテクスチャ素材など、すべて無料でダウンロードができるフリー素材(フリ素)サイトです。あらゆるシーンの写真素材を日々更新しています。27290枚の写真を配布中。
かわいいフリー素材集
いらすとやは季節のイベント・動物・子供などのかわいいイラストが沢山見つかるフリー素材サイトです。

 

追加

unDraw - Open source illustrations for any idea
The design project with open-source illustrations for any idea you can imagine and create. Create beautiful websites, products and applications with your color,...
Freepik | Download now millions of free vectors, photos and PSD files
Discover millions of copyright-free vectors, photos and PSD files. Graphic resources for personal and commercial use. Thousands of new files uploaded daily.

 

※freepikを無料で使う場合は以下のようにFreeとVectorsにチェックを入れましょう

 

 

結果、アイキャッチ画像のみを高解像度のものに変更すれば、この警告は解消されることがわかりました。

二つ目の解決方法

単純にAMP の設定から「AMPページを生成しない」にチェックを入れます。

 

WordPress の記事を書く際に AMP(Accelerated Mobile Pages)ページを生成して、モバイル端末に最適化するかを切り替えます。と書かれた AMP 設定が右側に出てきますので、そこのチェックボックスにチェックを入れて更新するだけです。

 

 

ちなみに、SEO 対策についてはこんな記事も書いています。

 

 

中古ドメインの探し方や使い方【選ぶ際に必要な情報はこれ】

 

 

それにしても、半年以上たった記事に今更「推奨サイズより大きい画像を指定してください」って一体どういうこと?対応する記事が多いから大変でしょ。言うなら、もっと早くいってくれ。バッサリ

 

人気記事 ブログの作り方が世界一簡単に【初心者向けの方法を3分で解説】

人気記事 【無料含む】プログラミングスクールおすすめは3社【断言します】

コメント

  1. 峰島 より:

    Search Console ヘルプの「Google 固有の AMP の問題」の説明によれば、エラーとして指摘されているのは「AMP の構造化データ」が参照している画像(アイキャッチ)のサイズだけですね。
    現状は、それ以外の画像のサイズについては触れていないので、「AMP の構造化データ」が参照している画像(アイキャッチ)の幅を大きめにする(「推奨1200ピクセル以上」に近いサイズ)だけで合格になるようですね。

  2. 文句マン より:

    Hi there. Welcome to my blog. Im Monku for this site manager. Thanks for sharing your nice technical knowledge!