暮らしホームWordPressサーチコンソールAMPエラー修正は?検証が合格で有効の確認は簡単サーチコンソールAMPエラー修正は?検証が合格で有効の確認は簡単WordPressTwitterFacebookはてブPocketLINEコピー2019.03.13昨日サーチコンソールに検証を確認してもらったページが、今日サーチコンソールで検証結果を見たら「合格」となっていた。CocoonのAMPタブを更新したあとの手順的には、やり方はこれでOKなんだ!ということは、続々と記事を再更新する必要があるのか...今日の検証で保留が3記事。過去記事の再更新をしないことには、新記事を作る集中力もなくなるよね。今回の記事では昨日のサーチコンソール検証結果、保留になっている記事の再更新の手順、サーチコンソールのAMP合格がどう重要なのかの3つをお伝えしていきます。Cocoonの設定でスキンを使ったら、AMPにクロールエラーの警告が出てしまった時の対処法が知りたいかたは、まずはこちらの記事から読んでみてくださいね。ページの状況を確認は簡単まとめAMPのエラーを修正し検証した結果は合格と新たな保留URLサーチコンソールを見ると、昨日修正して検証中だった記事は、待つことなく「合格」していてホッとしたのですが、新たに保留としてAMPバージョンのURLが現れていました。考えられることは、cocoon設定AMPタブの上書きの更新は、「すでに投稿してある記事のCSSには反映しない」ということなのでしょう。再更新するしか、他に方法を知らない私、ままんです。保留のURLの記事を更新してみるAMPバージョンのURLの正規バージョン記事の再更新は、更新日を特に変更せず更新してみました。amp-custom>ここが長すぎて50000バイトを超えているよ</style>サーチコンソールの警告は、スキンのスタイルシートのタグが長すぎが理由だったので、もし記事の内容のHTMLに、AMPに対応していない箇所があれば違う警告で教えてくれるはず。いうことで記事内容について、今回は特に手をつけませんでした。再更新しても合格しなかった場合は、他の部分に問題があるということになります。他の問題が現れたら、それはそれで学ぶチャンスと思って、AMPエラーをマスターしていきましょう。タグ「a」の属性「href」のURLプロトコルが無効ですサーチコンソールの拡張(稲妻マーク)AMPを開くと、エラーの詳細を見ることができます。エラーの行をクリックすると、どこにエラーがあるのかHTMLタグが「背景色赤系」で表示されます。あれ?このエラー、修正したような気もするけど気のせいか?...というわけで、記事に戻って確認。HTMLになっているを確認してみる?赤い背景色のタグは、a8ネットのタグだなぁ...Cocoon設定のアフェリエイトタグの短縮URLを使わないで貼ったタグだなぁ...ままんそうだったんだ!外部にリンクしたタグの相手側のURLがAMPに非対応だから、検証が不合格って、もしかしたら考えられるよね!私の知識では、それしか考えられないので、トライ&エラーでやってみよう!外部リンクのHTMLテキストリンクを、Cocoonのアフェリエイトタグの短縮URLに書き換えて更新してみました。タグ「a」の属性「href」のURLプロトコルが無効です】の警告があって、警告の部分は修正した記事なのでもう大丈夫なはずだったのですが、更新日の設定をイジっていたパターン。途中までに、警告部分のHTMLの書き換えをして更新したけど、更新日の変更を「更新しない」にしていた記事を改めて更新。最初に記事を作成したのが2018.10.30です。記事の更新ができたので、サーチコンソールに検証を開始してもらいました。検証を開始すると、最初は「失敗しました」が「2」だったのが、「保留」が「2」に変わっています。サーチコンソールの検証の結果を待って、ほかにも不具合があればまた考えて修正してみることにします。許可されていない属性または属性値がHTMLタグにあります今回、「AMPで許可されているHTMLに修正してね」って、言われた部分はテーブルタグでした。テーブルタグは画面を縮小するとセルの並びが変わったり、スクロール対応だったり、慣れないと難しく感じてしまうのです。修正したらいいのか、いますぐ理解できなくて赤い部分のタグを取り除いて、あっさりと単純なテーブルタグにして更新してみました。更新したページのレスポンシブテストの画面には、特に変わった様子は出ていないようなので、余分なタグだったのでしょうか。久しぶりにレスポンシブテストの画面を見て、グローバルメニューがグローバルメニューとして機能していないことに気がつきました。他のブラウザからはどう見えているのか、テーマのアップデートなどがあった時には、Cocoonに限らずとも、ちゃんと確認したほうがいいのかもしれません。ページのテストとプレビューができます。今ほど検証した記事↑のURLを入力して【テストを実行】してみました。許可されていない属性または属性値がHTMLタグにあります>こちらが検証結果です。モバイルから見ても、離脱されにくい瞬足ページになりました。まとめAMPのHTMLは、いくつかの制限のあるHTMLです。AMPの警告は、Cocoonだからこの程度で済んでいるのではないかなと、私は思います。WordPressの種類は世界中に数え切れないほどあるのですから。AMPが発表されたのは2016年、本格的に動き出したのは2018年くらいからなんですよね。WordPressにCSSを追加して長すぎるCSSのブログは、私と同じように警告が出ているはずなんです。ページの状況を確認を確認すると便利モバイルWebの高速化、それをしないとどんなに素晴らしい記事やコンテンツでも、モバイルでは1秒の遅れが離脱に繋がってしまうということで、警告には早く反応して修正するようにしましょう。インターネット上にインデックスされていて、インデックスカバレッジの有効数がどれだけ多くても、モバイルで表示スピードや表示ができなくては「ゴミ」ってわけなんです。サーチコンソールの警告は各ページにさまざまな要因で、エラーが複数確認されるようです。1つ修正すると次のタグの修正が要求される状況もあります。警告されたエラーの部分を修正したら、必ず更新してもう一度検証してみましょう。エラーを修正しても、うまくいかないときはCocoon設定のキャッシュを削除から、AMPのキャッシュを削除してみます。ままん昔、デスクトップパソコンからノートパソコンのほうにユーザーが増えてきた移り変わりの時代に、HTMLに禁止タグが増えました。その頃と似たような状況だなと思います。ブラウザ動作テストや、どんな記述のタグにすればいいのか、タグ打ちテストの掲示板まであったくらいでした。今、移り変わりの最中です。長年個人サイトを運営してきた方々も、スマホで読めなくては困るからホームページ代行を頼んだりするくらい。今、しっかり諦めずに、覚えていくチャンスなんです!学んで自分の知識にしていくには、トライ&エラーが大事です。基礎知識を習得しながら進むほうが確実ですよね。Crome】を利用すると、現在の状況がわかります。Validator】の拡張機能を追加しておくこともできます。HTMLで作られていなかったりだとか、AMP警告の原因はいろんなところから起こります。ひとつひとつ丁寧に、意味が分かるまで修正と検証をして、スマホでも離脱されにくいページ作りをしていこう。最初にCocoonの全体設定をするときプレビューを見ながら確認できる安心感。ワードプレスを初めて使うかた、アメブロのようにテンプレートのあるブログを使っていたかたは先に知っておくとさらにイメージしやすいように詳しく書き起こしてみました。構造化データの定義で画像は幅1200ピクセル以上にする必要があるとなっています。Cocoonグーグルで作った自分のIDをCocoon設定に貼るだけでアドセンスサイトを作ることができます。ワードプレスのブログ記事が増えてきたのでサイトマップページを作りました。cocoonはショートコードでサイトマップが作れるっていうのに、ショートコードでサイトマップが作れない...そこでサイトマップ作成プラグインをインストールして有効化してみることに。2019.03.05ままんWordPress無料ブログから有料ブログ?ワードプレスの始め方は初心者でも大丈夫サーバーに自分のwebスペースを借りて独自ドメインを取得し、XサーバーのサーバーパネルからWordPress簡単インストールでワードプレスをインストールするまでの手順。WordPress初心者でもスムーズにブログが始められるのでおすすめです。プロフィール画像の設定は無料プラグインお気に入りの画像をブログのアバターにすると、訪問された読者の方にも人柄を感じてもらえます。ワードプレス初心者、無料プラグインで簡単に表示させることができます。2020.04.22ままんWordPressWordPressを定期的にバックアップする方法|プラグインWordPressの更新前にはバックアップをしましょう。FTPを利用してバックアップデータをダウンロードするって、ワードプレス初心者にとってはドキドキの作業...そこでオススメ、無料で利用できるプラグインBackWPupを追加・設定しました。サーバーエラーでサイトが表示されないという「500エラー」が出た時は、でアップロードしたバックアップデータの容量を確認してみることをお勧めします。Cocoon設定からいつでも簡単に操作できます。ワードプレステーマCocoonでヘッダー設定のグローバルメニューの位置はどうなるのか試してみました。2019.03.17ままんWordPressワードプレスCocoonお勧めのJetpack統計機能を無料でワードプレスCocoon公式でのお勧めプラグインJetpackの統計機能を無料で利用する手順を紹介。今日のアクセスは何回あったか、アクセスはどの検索エンジンから流入したか、読まれているページはどのページ?リライトするべき記事はどれ?2019.06.02ままんスポンサーリンクワードプレステーマcocoonでスキンを使うときにはAMPに注意サーチコンソールのAMPエラー、大きい画像を指定する理由と対処法コメントコメントを書き込むコメントをどうぞメールアドレスが公開されることはありません。値下げの理由を考察2019.03.042022.11.301歳から11歳頃までロングに使える最新チャイルドシートの使い方2020.07.122022.11.30初孫が生まれるので実家用にチャイルドシートを用意する母の理由2019.03.072022.11.28笑顔につつまれてこの記事を書いた人ままんまだHTMLしかなかった頃からネットでブログを始める。defined.")}))})();タイトルとURLをコピーしました。