WordPress

【AFFINGER】AMPエラー”属性「loading」はタグ「amp-img」で使用できません。”の対処法

2020年10月8日

Google Search ConsoleにAMPエラーが表示された

 

定期的にGoogle Search Consoleを確認するのですが、偶に画像のようなエラーが報告されます。

 

属性「loading」はタグ「amp-img」で使用できません。

今回のエラーは、AMPで使用できない属性を使用しているために発生しているようです。

もちろん意図していれているわけでは無く、WordPress 5.5になったことで画像にloading属性が付与されるようになった事が起因しています。

 

AFFINGERのAMPが対応していない

当ブログはAFFINGERを魔改造しているので、最新のバージョンアップができていません
これが原因なのか?今準備中なのかは知りませんが、AFFINGERのAMP変換に対応しないと駄目なようです。

 

テーマファイルを修正する

AFFINGERのAMP機能には、属性は除外する機能があります。

functions-amp.phpamp_get_kses_allowed_html 関数を探しましょう。
配列の amp-img 'loading' => false を追加します。

function amp_get_kses_allowed_html() {
...

'amp-img' => array(
  'src' => true,
  'width' => true,
  'height' => true,
  'border' => false, // The attribute 'border' may not appear in tag 'amp-img'.
  'loading' => false,//追加
),

... 
}
  • この記事を書いた人

カバノキ

印刷会社のWEB部隊に所属してます。 WEB制作に携わってから、もう時期10年になります。 普段の業務では、PHPをメインにサーバーサイドの言語を扱っています。 最近のお気に入りはJavascriptです。 Vue.jsを狂喜乱舞しながら、社内に布教中です。

-WordPress
-, , , ,