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

スポンサーリンク
wordpress
この記事は約3分で読めます。
記事内にプロモーションが含まれています

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

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

スポンサーリンク

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

HTML タグに必須属性がありません。

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

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

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

CocoonのAMPロゴがまさかの空欄だった…

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

[解決済] AMPエラー 必須属性「src」がタグ「amp-img」にありません。と指摘されています。

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

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

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

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

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

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

スポンサーリンク

ロリポップでWordPressを動かしている人はWAF設定に注意

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

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

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

【ロリポップ】WordpressのウィジェットにTwitterのタイムラインが追加できない
先日、WordPressのウィジェットにTwitterのタイムラインを埋め込んでみようとしたところ、保存ボタンがずっと回転し続け、保存が完了しないという状況になってしまいました。 WordPressにTwitterのタイムラインを追加するに...

Google Search ConsoleでAMPエラー「src」の必須属性が「amp-img」にありませんとなった場合の対処法

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

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

追記:2019年2月11日
80件のsrcエラーが合格したようです。エラー件数がゼロになっていました。結構時間がかかりますね。
タイトルとURLをコピーしました