暮らしホームWordPressサーチコンソールのAMPエラー、大きい画像を指定する理由と対処法サーチコンソールのAMPエラー、大きい画像を指定する理由と対処法WordPressTwitterFacebookはてブPocketLINEコピー2019.03.14警告のURLのエラーを修正し、サーチコンソールで検証した結果、今度は新たに【推奨サイズより大きい画像を指定してください】という、黄色い文字色の警告。警告のレッドカードが、イエローカードになったという感じです。イエローカードは、「エラーは有効にしてあげるけど、ここを直しといてね」みたいなイメージに素直に受け止める私、ままんです。イラストの画像を修正するって...トホホ今回は、黄色い警告【推奨サイズより大きい画像を指定してください】に従って、画像サイズを修正・差し替えして、最終的には黄色い警告を減らすことができたのか、やってみました。興味シンシンなかたは、ぜひご覧くださいね。表示するための画像サイズGoogleで検索すると、知りたい検索結果の1ページ目に「稲妻マーク付きアイキャッチ画像付」で表示されている検索結果をご覧になったことがありませんか?AMPのガイドライン「記事」の項目を読むと、どうして推奨サイズが大切かが分かります。アイキャッチ画像のサイズを変更したり差し替えたりするなら、御一読してみることをオススメします。HTMLの定義になっています。アイキャッチ画像がないページは、一番先にある画像がアイキャッチとして使われますので、1つの記事に対して1200ピクセル以上の画像を最低1つ用意します。他にも細かな最適な表示にするための項目があります。以下はAMPのガイドライン「記事」の項目からの抜粋です。記事に直接属するマークアップされた画像のみを指定する必要があります。ピクセル以上にする必要があります。含める必要があります(マークアップを含めるかどうかは問わない)。アスペクト比と解像度に基づいて、検索結果に表示する最適な画像を選択します。画像(image)がスマホでも美しいレイアウトで表示され、スイスイと高速で離脱率の少ないページになるようにしたいけど、ページ数が多すぎる!そもそもテキストがメインコンテンツだから、イメージ画像を用意するのは難しい。自分の記事の検索結果への表示が、検索1ページ目になんてならない。一刻も早く警告をなくすだけの応急処置、ワードプレステーマCocoonの設定は簡単です。該当の記事のエディター画面【AMP設定】で「□AMPページを生成しない」にチェックを入れて更新すれば、AMPの警告を回避することができます。cocoon設定の【AMP設定】から、「カテゴリーごとにAMPページを生成しない」設定も、チェックを入れて保存するだけで完結です。アイキャッチ画像を特に設定していない記事で、更新した記事がAMPの生成をしている場合、最初の画像がスマホ画面に表示されるようなのですが、黄色い警告【推奨サイズより大きい画像を指定してください】「画像サイズが1200ピクセル以下だからAMPの定義に合っていないよ」ってこと。画像サイズが合っていても、その画像を見ただけで内容が一目で分かる画像を用意してくださいということなんです...ままん画像がコンテンツに合わないって?アイキャッチを用意していなかったラーメン屋さんのブログ記事が、記事の中で最初に貼った画像が出前でとったお寿司だったりする、みたいなイメージなんでしょう。現在、アイキャッチ画像を用意していなくて、最初に貼った画像が記事内容とは関係ない画像で、さらに1200ピクセルを超えていた場合、たぶんAMPの検索上位表示からはすでに候補にもならないということなんでしょう。AMPページを生成しないというのも、警告段階では1つの回避策だと思います。image.png」という画像です。1200px以上のサイズの画像が、自分のパソコンやスマホの画像からアップロードしたものであり、ページに1枚以上あることがAMPの構造化の定義、imageの大きな条件です。【推奨サイズより大きい画像を指定してください】と警告を受けている画像の、記事にふさわしいものが見つからない、見つけるのは大変!なので打開策としてフォトスケープで画像処理をしてみました。警告のURL画像を修正して検証してみる警告を受けている画像はこちら、イラストレーターさんが無料で配布している可愛い線画のイラストでした。画像ファイルサイズは軽くて大きさも小さいんですが、私がとても気に入っている画像です。以前は軽くて小さいサイズでないと、アップロードもダウンロードにも負担がかかってしまうということで、軽くて小さい画像が好まれていたんです。イラストレーターさんによって決め事が違います。このイラストが本当に可愛いくて気に入っているのですが、画像自体に加工はせずにフォトスケープで1280×720PXの新規画像ファイルに貼ってみることにしました。1280×720」.pngファイルをテンプレートにして、画像が小さすぎて寂しいので記事の内容の言いたいことをサブタイトル風に...出来上がったファイルをアイキャッチ画像に設定していきます。警告のアイキャッチを削除して、AMPの定義に合うサイズの画像に入れ替えます。更新日の設定に注意!更新日の変更はしないほうがいいようです。同じカテゴリーに、イラストのアイキャッチ画像の記事がもう1つあったので、ついでに修正して更新しました。ほかにもあったら、警告というかたちでサーチコンソールのAMPがお知らせしてくれるはずです。サーチコンソールで修正を検証してみるご指摘の例に上がったURLの問題【推奨サイズより大きい画像を指定してください】の修正ができたので、【修正を検証】してみます。画面が【初期検証中】に切り替わります。あとは気長に待ちましょう。まとめグーグルサーチコンソールのAMPでのエラー【推奨サイズより大きい画像を指定してください】の警告への対処法について。今回は、ワードプレステーマCocoonでAMPを生成しない方法と、自作画像を作って修正する方法をお伝えしてみました。警告が解除される方法はAMPを生成しない、または記事の中に1つ以上画像を置く。画像のサイズは幅1200px以上です。Cocoonでは、カテゴリーごとAMPを生成しない方法と、個別記事ごとにAMPを生成しない方法がある。幅サイズ1200px以上の画像ファイルを画像編集ソフトで作り、アイキャッチ画像に設定するスマホから検索したユーザーが、プレビュー画像であるアイキャッチ画像から入ってくるように、アイキャッチ画像は見ただけで記事の内容が魅力的に伝わるものを作るようにしていきましょう。サーチコンソールの検証結果でAMPの警告に合格して、スマホ画面からの離脱が少なくなると嬉しいですよね。サーチコンソールのお知らせには、素直にコツコツと向き合っていきましょう。HTMLの目指していることは、AMPのガイドライン「記事」の項目を読むと、だんだんと理解できてきます。ガイドラインのHTMLタグを見て、自分のエディターテキストを見比べたり少しの修正ができるようになるには、基本的な「HTML」「CSS」を分かるように、手元に本を置くこともお勧めします。検索して調べている時間より、本の方が見つけやすいこともあるんです。AMPが有効なページでサイト運営ができるように、コツコツといきましょう。18:04時点)Amazon楽天Yahoo!ショッピングサーチコンソールAMPエラー修正は?検証が合格で有効の確認は簡単サーチコンソールのAMPエラーは、修正して検証して合格しないとモバイルだと1秒で離脱になってしまい、どんなに良い内容でも読んでもらえないことに。AMPのHTMLには色々な制限が。Cocoonグーグルで作った自分のIDをCocoon設定に貼るだけでアドセンスサイトを作ることができます。モバイルユーザビリティエラーのお知らせの種類は6種類あります。2020.05.28ままんWordPressCocoon設定の中にある404ページの設定はカンタンでおすすめサイト内のページが開けない場合に表示「404ページ」の設定があります。以前の履歴やお気に入りからアクセスしたときなどに、記事の削除やパーマリンク変更などでURLが変わってしまっていて、ページがなくなっている場合にあると便利なCocoon設定です。ワードプレスのブログ記事が増えてきたのでサイトマップページを作りました。cocoonはショートコードでサイトマップが作れるっていうのに、ショートコードでサイトマップが作れない...そこでサイトマップ作成プラグインをインストールして有効化してみることに。2019.03.05ままんWordPressワードプレスでライン風の吹き出しが作れるテーマCocoonは無料ワードプレス無料のテーマCocoonの吹き出し機能は簡単に操作できます。プラグインやCSSを使わなくても手軽にできるので初心者さんにもオススメ。ライン風の吹き出しにオリジナルアイコンを入れて、あっという間に編集ができてブログが楽しく読めます。Cocoon設定からいつでも簡単に操作できます。ワードプレステーマCocoonでヘッダー設定のグローバルメニューの位置はどうなるのか試してみました。2019.03.17ままんWordPressサーチコンソールAMPエラーが!プラグインのバージョンアップは?サーチコンソールでAMPエラーが出ている場合の原因は、それぞれのエラーの詳細を見ると分かるのですがWordPressテーマcocoonのモバイルユーザビリティーは完璧ですから、私がいけないっていうわけで...サーチコンソールのAMPエラーに対処2019.03.11ままんWordPressWordPressを定期的にバックアップする方法|プラグインWordPressの更新前にはバックアップをしましょう。FTPを利用してバックアップデータをダウンロードするって、ワードプレス初心者にとってはドキドキの作業...そこでオススメ、無料で利用できるプラグインBackWPupを追加・設定しました。合宿免許で第一段階の教習所|仮免許取得までのあるあるエピソード1コメントコメントを書き込むコメントをどうぞメールアドレスが公開されることはありません。値下げの理由を考察2019.03.042022.11.301歳から11歳頃までロングに使える最新チャイルドシートの使い方2020.07.122022.11.30初孫が生まれるので実家用にチャイルドシートを用意する母の理由2019.03.072022.11.28笑顔につつまれてこの記事を書いた人ままんまだHTMLしかなかった頃からネットでブログを始める。defined.")}))})();タイトルとURLをコピーしました。