0;border:0}.wpp-excerpt{}.wpp-meta,.post-stats{display:block;font-size:.8em}.wpp-views{}.wpp-date{}.wpp-rating{}.broken_link,a.broken_link{text-decoration:line-through}ネトゲ依存体験記ネトゲ依存に陥り、脱出するまでの経験を綴りました。今はパソコンやネット関連の勉強メモを書いています。AMP対応ページでは記事に使用する画像のサイズが横幅が1200px以上ないと駄目らしい。※2019年1月17日追記この記事を書いた当初は対処方法がわからず、AMP解除で対応したのですが現在、解決方法がわかり、エラーを解決・合格し、AMPに対応することが出来ました。解決方法につきましては、すぐ下にあるメニューの「3.推奨サイズより大きい画像を指定してくださいというエラーを解決する方法」から読んでくださいますと幸いです。以前は696px以上だったんだけどいつの日からか変更になって1200pxじゃなきゃいけなくなったらしい。画像サイズを意識しないでやってきた私にとって横幅1200pxどころか696pxも無理。確認のため、別の画像でもう一度、例を挙げます。この方法で全記事がAMPテストに合格しましたAMPに対応出来る画像が手元にない場合はフリー画像を利用するか、アイキャッチ用の画像を作成するスポンサーリンクHTMLタグで横幅を1200pxに引き伸ばす方法では駄目で、AMPを解除したらサーチコンソールからのAMPのエラー修正申請に成功・合格したワードプレスのテーマはSimplicityを使用しているんだけどその環境で試しに、記事に画像を挿入してから記事編集画面上で画像を左クリックして編集ボタン(Edit|button、鉛筆みたいなマーク)を押すと画像サイズを小、中、フル、カスタムに設定出来ると思うんだけど(これはsimplicityの機能ではなくてワードプレスの機能だから、ここはSimplicityは関係ないんだけど)それでカスタムサイズで1200pxにしてみたんだけど、更新して記事編集を終えてからSimplicityの機能でAMPテストをやってみても今度は画面から画像がはみ出ていて変。最初から横幅1200px以上の画像を使ったらうまくいくのかどうかはわからないけどとりあえず、サイズをHTMLタグで1200pxに引き伸ばすのは駄目だった。一回、元のまま、エラーが出た時と同じ状態でサーチコンソールからAMP修正申請をしてみた。数日後、未修正のままです、みたいな内容のメッセージが来た(笑)それで、もう面倒くさいからAMPを解除して、普通のスマホサイトに戻してからもう一度、グーグルサーチコンソールからAMPのエラー修正申請をした。SimplicityのAMP解除はカスタマイズからAMPのチェックを外すだけ。したら修正申請から24時間もしないうちに修正が確認されましたっていうメッセージが届いた。基本的にメインブログ的に使ってるブログは普通のスマホサイトのままで、AMPは対応していなくて、ここじゃない別のブログで、試しにAMPを導入してみている感じだったので。面倒くさいなら普通のスマホサイトでいいや。Developersdevelopers.google.comAMPに使う画像の説明で横幅1200px以上アスペクト比、解像度から判断して、検索結果に出す画像はGoogleにより選択されるアスペクト比は、16×9、4×3、1×1で800,000ピクセル以上の高解像度画像という仕様になっているのだそうです。記事内に1つ、AMP要件を満たす画像があれば良いのではないだろうかGoogleさん公式の説明を読む限りでは、サイト内の全画像がAMPの条件を満たしていなくても良いのではないかと思いました。(最適な画像がGoogleにより選択される)そしてアイキャッチ画像さえAMP条件を満たしていれば、このエラーは表示されなくなるという噂もあります。私はまだやってみていないのですが、ブログに使っている全部の画像を1200pxに変えるのは私には無理だけどアイキャッチ画像だけなら用意できそうなのでもう一度AMPにトライしてから、結果を、またこの記事に追記します。※2019年1月17日追記、エラーを解決出来ました。以下に方法を書きます。推奨サイズより大きい画像を指定してくださいというエラーを解決する方法AMPに対応しているブログはこのブログではなく、私が所持している他のブログのことなので、そちらの点は誤解なきようお願い申し上げます。アイキャッチの画像をAMP要件に満たすことで、このエラーは解決・合格します。大きいサイズの画像を使っていた方(画像の大きさ自体は足りていたけど表示を小さくしていてエラーになっていた方)は、アイキャッチの画像編集で画像サイズとアスペクト比を修正するだけでOKです。元の画像自体が小さい場合は新しくアイキャッチ画像を用意する必要がある元の画像自体が小さい場合は、それを設定で大きくしようとすると!マークで警告が出て、縮小のみ可能で、アイキャッチを、アップロードした元々の画像サイズより大きく設定することはワードプレスの機能では出来ないようです。引き伸ばせたとしても小さな画像を引き伸ばすと記事の表紙的な存在の大事なアイキャッチ画像がぼやけてサイトデザインを損なうので画像を引き伸ばすのはやめたほうが良いと思います。いうわけで、アイキャッチの1枚のみでいいから1200px以上、画像サイズの縦×横が800000ピクセル以上、そしてアスペクト比は、16×9、4×3、1×1のいずれかであることが必要です。切り抜いても横幅1200pxに足りる大きめの画像を用意するかワードプレス上の画像編集を使わず、横幅1200px以上で最初からアスペクト比が16×9か4×3か1×1を満たしている画像を用意します。横(1200px以上)×縦=800,000pxを超えていればOKです。アイキャッチ画像を新たに用意するか、フリー画像を利用する私のように「トリミングして小さい画像でブログをやってきたから新しくアイキャッチ画像を用意するしかないよ」という方は、アイキャッチ画像を自分で用意するか、フリー画像を使うという選択になります。私は、アイキャッチ画像を自作しました。記事に使っていた小さなサイズの画像に背景をつけて横幅1200px以上、横×縦=80万px以上、アスペクト比はワードプレス上の画像編集機能で設定したので、切り抜いても横幅1200pxに足りるように横幅2200pxの画像を作成しました。AMP非対応画像の記事数が多い方は地道な作業になります元々記事に使っていた画像に背景をつけるだけなので新たなアイキャッチ画像作成はそんなに手間ではありませんでした。Consoleにエラーが来た記事の修正をする又はフリー画像を利用するなど気長にやったほうが良いのかもしれません。AMPエラーが出ないアイキャッチ画像の設定方法まず用意した大きな画像をワードプレスの記事編集画面の、アイキャッチ画像からアップロードします。その後、アイキャッチ画像に出ている画像をクリックすると画像編集画面に行くことが出来ます。青文字の、画像を編集に進みます。編集画面で、表示されている画像をマウスでドラッグします。すると点線で囲まれた箱が出現します。箱(点線の枠)は小さめに囲みます、今は枠に収めたい部分がはみ出ても良いので、小さめに囲みます。編集画面右側にある、画像のトリミングという箇所にAMPに対応出来るアスペクト比を入力します。AMPの要件を満たすアスペクト比は、16×9か4×3か1×1です。私は4:3にしました。先ほど設定したアスペクト比を維持して画像を切り抜くことが出来ます。切り抜いた後は、編集画面に出ている「画像を編集」の画の字の下らへんにある切り抜きマークをクリックして、左下にある保存ボタンを押して、アイキャッチ画像を設定というボタンを押して、記事を更新すれば完了です。上記と同じことを、他の画像で、もう一度やってみます。確認のため、別の画像でもう一度、例を挙げます。横幅1200px以上の大きな画像を記事編集画面のアイキャッチ画像にアップロードしてから、アイキャッチ画像の上でマウスドラッグをして点線の四角で小さめに囲みます。入れたい部分がはみ出てもいいので、小さめに囲みます。点線の箱さえ画面上に出ていれば、今、点線で囲うサイズはなんでもいいです。画像のトリミングにAMPの要件を満たすアスペクト比(16x9or4x3or1x1)を入力します。アスペクト比を設定したので、どんなに大きく(小さく)切り抜いても、設定したアスペクト比が保たれるようになっています。切り抜く部分を選択後は、「画像を編集」という文字の「画」の文字の下らへんにある、切り抜きボタンを押してから保存ボタンを押して、アイキャッチ画像を設定ボタンを押して、記事を更新して完了です。文字のみで適当にアイキャッチ画像を作成して、アイキャッチのみAMP要件をパスすることが出来れば良いのではないでしょうか。AM「推奨サイズより大きい画像を指定してください」については下記のヘルプに説明があります。構造化データが、推奨サイズより小さい画像を参照しています。構造化データでの画像指定がエラーとなっているということですね。構造化データはどのような指定になっていましたでしょうか。PM峰島さん大変貴重なご意見をいただき、ありがとうございます。641},となっていました。AMPの推奨画像サイズがあるということを知らずにAMPを有効化しブログを書いていたので私のブログは全ての画像サイズが小さいものを使っていました。噂によるとアイキャッチ画像さえAMPの条件を満たせばエラーが消えるかもしれないとのことで今から試してみようと思っています。AMAMPのエラーが解消できたようでよかったですね。いえ、Googleさんがいつの間にか仕様を変更してしまうのは困りますが。PM峰島さんありがとうございます^^そうなんですよね、横幅696pxから1200pxに変更されているので次もまた突然もっと大きなサイズを指定されたら怖いです;念のため横幅1800pxくらいはあるのですが...仕様変更は未知です。コメントをキャンセルメールアドレスが公開されることはありません。名前はニックネーム可です。承認後の公開となります。permission.無断転載および文章の一部を変えたり画像編集をして自分の記事とするような無断転載と同等の行為を禁止します。permission.無断転載および文章の一部を変えたり画像編集をして自分の記事とするような無断転載と同等の行為を禁止します。リンクフリーリンクはご自由に。リンクフリーリンクはご自由に。スポンサーリンクスポンサーリンク自己紹介HN:あやね私のブログでは元々オフラインゲームですらあまりやらない私がネトゲ依存に陥ってしまった経緯や体験談を書きました。今はネトゲに興味を失い、全くやらなくなったので、パソコン、スマホ、ネットについての勉強メモ、低血糖症状対策について書いています。素人の個人の日記です、私のブログの情報によって閲覧者様に何か不利益が生じても私は一切の責任を負わないものとします。自己紹介HN:あやね私のブログでは元々オフラインゲームですらあまりやらない私がネトゲ依存に陥ってしまった経緯や体験談を書きました。今はネトゲに興味を失い、全くやらなくなったので、パソコン、スマホ、ネットについての勉強メモ、低血糖症状対策について書いています。素人の個人の日記です、私のブログの情報によって閲覧者様に何か不利益が生じても私は一切の責任を負わないものとします。Reserved.タイトルとURLをコピーしました。