【解決法】WordPressでSpanタグにAMPエラーが出る方へ

Pocket

備忘録的に残しておこうと思います。もし同じ状況の方がいらっしゃいましたら参考にどうぞ

[ads1]

いきなりのAMPエラー通知
メールで・・・

ある日いきなりメールで「AMP ページのエラーを修正してください」という通知がやってきました。

添付のリンクを開くと。。。

「HTML タグの禁止された用法、無効な用法(重大な問題)」とあります。ついでに「タグ「span」の属性「id」に無効な値「AMP」が設定されています。」とあります。珍しくGoogle先生にしては親切な詳細なエラー報告です。どうやら、昔は大丈夫だったSpanタグのID=”AMP”が禁止になってしまったようです。しかしながら、うちはAMPをIDにしないようにはしていたはず・・・・。と思ったところで気がつきました。「TOC+」です。

実はプラグインが問題

根本的な解決になっていない事はわかっていますが、取り急ぎ”重大な問題”を解決する必要があります。私の場合は「TOC+」が自動生成したHTMLタグが問題を引き起こしていました。TOC+を使っていて、AMPのこのエラーが発生する場合には記事本文からTOC+用のショートコード”[toc]”を除去することで一時的にエラーを回避することが出来ます。

そもそも記事タイトルにAMPを入れたのが悪かった

私の場合には、そもそも記事タイトルに”AMP”という単語を入れていたために、それが自動的に属性に利用されてしまっていたようです。そのため、TOC+を利用するときには、AMPと言う単語を記事タイトルにいれないか、他の英単語と混ぜて使うことでこのエラーを回避することが出来ると思います。

コメントをどうぞ!