WordPressでCONTAINERのAMPエラーが発生したときの解消方法

AMPエラーの解消方法 WordPress

WordPressを使っていてCONTAINERのAMPエラーが発生したときに、Jetpackプラグインの設定を変更することでエラーが解消されました。

そのときのAMPエラーを解消した手順を紹介します。

 

※2017年3月17日　対応結果を追記しました。

  1. AMP有効化でGoogle search Consoleのエラー発生
  2. エラー原因を探す
  3. Jetpackプラグイン「共有」設定変更で対処
  4. エラー解消の確認
  5. 対応結果（2017年3月17日）

AMP有効化でGoogle search Consoleのエラー発生

ご覧頂いている、このブログはWordPressでSimplicity2というテーマを使っています。

Simplicity2ではモバイルページを高速化する「AMP（Accelerated Mobile Pages）」を簡単に導入できると言うことで、有効化していました。

 

AMP

どこにいても一瞬で表示

モバイル端末からウェブにアクセスして何かを読んだり調べたりするとき、読み込みの遅さや表示のぎこちなさに不満を感じている方は多いのではないでしょうか。そんな状況を打破しようと、業界を挙げた構想が動き出しています。それが Accelerated Mobile Pages（AMP）、サイト運営者がいったんモバイル コンテンツを最適化すれば、ユーザーがどこにいても瞬時に読み込めるようにすることを目指すオープンソース プロジェクトです。

(Accelerated Mobile Pages Project)

 

ところが、AMPを有効化して数日経ったある日、突然Google search Consoleで「AMP ページのエラーを修正してください」というメールが届きました。

AMPエラーメール

 

エラー原因を探す

エラーの原因を確認するためにメール本文の「AMPエラーを確認する」ボタンをクリックします。

するとGoogle search Console画面が表示されエラーとなっているページが一覧表示されました。

AMPエラー

なんと10ページもエラーになっています！

 

で、エラーの原因を確認するためにページの行をクリックすると・・・

AMPエラー

 

暗黙的レイアウト「CONTAINER」はタグ「amp-img」ではサポートされていません。

とのこと。

これだけでは意味が分かりません？？

 

そのため、「ページテスト」ボタンをクリックし、エラー箇所を確認しました。

 

すると、

「有効なAMPページではありません」と表示されています。

「AMPタグに無効なレイアウト　プロパティがある」そうです。

AMPエラー

 

どうやら、

<amp-img> src=”//assets.pinterest.com/img…

この箇所がAMPに対応していないという意味らしい・・・

 

URLから推測すると、写真共有サービスの「Pinterest」のイメージ画像を表示するところで、何らかのエラーが発生しているようです。

 

Jetpackプラグイン「共有」設定変更で対処

このブログで「Pinterest」への共有は、Jetpackプラグインの「共有」設定で行っています。

そのため、「共有」設定を外すことにしました。

 

1.WordPressダッシュボード画面から「設定」＞「共有」を選びます。

AMPエラー

 

2.「共有ボタン」項目の「有効化済みのサービス」から「Pinterest」を外します。（今回は全てのサービスを外しました）

AMPエラー

 

3.「変更を保存」ボタンをクリック

 

エラー解消の確認

これでもう一度、Google search Console画面に戻ります。

「ページテスト」をクリックすると、「有効なAMPページです」と表示されエラーが解消されていることが確認できました。

AMPエラー

 

対応結果（2017年3月17日）

対応から一ヶ月が経ち、ようやくエラーが０件となりました。

AMPエラーが解消

ほとんどのページのエラーは、対策を実施した約一週間後の2月20日までに解消していました。

でも、最後のページだけはなかなGoogleがクロールに来てくれませんでした。

 

そこでFetch as Googleでリクエストを行い、やっと全てのページが解消されました。

 

Fetch as Googleは

Search Consoleの画面からクロールメニュー　＞　Fetch as Google　をクリック

URLを入力し「取得」をクリックします。

しばらくするとGoogleがクロールしてくれるはずです。

 

【メルマガ配信中】

周りに流され仕事だらけのあなたが、仕事で成果を出しながら、自分と家族との時間を取り戻す！そんな毎日に変えていく気付きや考え方などをお伝えしています。

メルマガ登録フォーム
姓
名
メールアドレス

※iCloudメール、使い捨てメール、及び企業アカウントメールは、迷惑メールフィルターでエラーになる確率が高くなります。

GmailやYahooメール等のアドレス、インターネットサービスプロバイダが発行しているメールアドレスでのご登録をおすすめします。


【人生とは時間の使い方】

ミッション：自分が楽しいと思えるコースを、いつでも何度でも走り始められる。誰もが自立して生きていける社会の実現を目指して。

バリュー：無駄な仕事や突然の問題発生、幸せの実現を邪魔する不安や悩みを解決・解消していく。

■吉乃 建志（よしのケンジ）プロフィール■

妻と娘と三人家族／システムエンジニア＆サービス企画／40歳過ぎでフルマラソンに挑戦し完走／日本全国巡ることをライフワークに決めた「旅」と「食」を楽しむスキマ旅ブラリスト／本業も副業も成果を出しプライベートも充実できるハイブリッドワーカー

┏　─────────────────　┓

　　吉乃 建志（よしのケンジ）

　　やっちゃえオッサン

　　Powered by HYBRID WORKER

　　＜Mail＞info@yoshinokenji.com

　　＜Blog＞https://yoshinokenji.com

┗　─────────────────　┛

コメント

ホーム
トップ