ＡＭＰエラー『必須属性「src」がタグ「amp-img」にありません』が続出!!

先日、思うところがあってWordPressのテーマを「simplicity2」から「Cocoon」に変更しました。

テーマを変更して数日後、Google Search ConsoleでAMPエラーが出始め、気付いたら80件も！！

Google Search ConsoleでAMPエラー「HTMLタグに必須属性がありません」？

エラーの内容はHTML タグに必須属性がありません。

必須属性？なんだそれ、とエラーの詳細を確認してみると『必須属性「src」がタグ「amp-img」にありません』と表示されています。

Google Search Consoleの検証を何度か試してみましたが、一向にエラーが解消されません。まあ、何もしていないので解消するわけがないのですが…。

まったく意味が分からないので検索してみました。見つかったのがCocoonのフォーラムでのやり取りでした。

そんなはずはない…と思い、ダッシュボード→Cocoon設定→「AMP」タブをクリックしてAMPロゴの欄を確認してみると、まさかの空欄…。

クリアボタンを押した記憶はありません…が、確かに空欄になっています。

そこで、フォーラムでのやり取りを参考に、コードをコピーし自分のサイト用に書き直し、保存してみました。

次に、Cocoon設定→キャッシュ削除へと進み、AMPのキャッシュを削除。

Google Search Consoleのほうで、再度検証を行ってみると「検証開始」となりました。

取り急ぎ、今できることはやりました。あとは検証結果が出るまでしばらくこのまま待つことにします。

WordPressをレンタルサーバの「ロリポップ」にインストールしている場合、ウィジェット操作（特に、Scriptが含まれるコードを使用するとき）を行うときは、ロリポップのWAF設定を無効にしておかないと「403エラー」となります。

わたしは念のため、ウィジェット操作を行うときはロリポップにログインしてセキュリティ設定→WAF設定を開き、WordPressのウィジェットを操作したいドメインのwww付きとwww無しの両方のWAF設定を無効にしてから操作するようにしています。

ロリポップのWAF設定を無効または有効にしてすぐに操作可能にはならず、5～10分ほど待ってから操作しないとエラーが出たり、ウィジェットが保存できなかったりします。

まだ検証開始になったばかりなのでAMPエラーが解消されたかどうかは分かりませんが、Cocoonを使っているサイトで『AMPエラー：「src」の必須属性が「amp-img」にありません』となっている場合、AMPロゴの欄が空白になっていないかを確認してみてください。

もし、Cocoon設定の「AMP」タブのAMPロゴが空白になっているのであれば、指定されたサイズの画像をアップするか、Cocoonのフォーラムに記載されているコードをコピーし、自分のサイトに合わせて書き直して貼り付け保存。その後、キャッシュ削除からAMPのキャッシュを削除して様子を見てください。

追記：2019年2月11日
80件のsrcエラーが合格したようです。エラー件数がゼロになっていました。結構時間がかかりますね。