AMPの致命的エラーに対処「HTML タグの禁止された用法、無効な用法（問題の重大性: 致命的）」

ソースコードを見ると、「行 121:2」のタグ「style amp-custom」の部分に問題があるようです。

行 121:2

<style type=’text/css’>

<style type=’text/css’>
#gallery-2 {
margin: auto;
}
#gallery-2 .gallery-item {
float: left;
margin-top: 10px;
text-align: center;
width: 50%;
}
#gallery-2 img {
border: 2px solid #cfcfcf;
}
#gallery-2 .gallery-caption {
margin-left: 0;
}
/* see gallery_shortcode() in wp-includes/media.php */
</style>

ギャラリー機能の利用停止

いくつかエラーの内容を見てみると、きまって同じコード「#gallery-2 {」の入った個所であることが分かりました。この「#gallery-2 {」というのは以下のようないくつかの画像を1つの画像として並べて表示する便利な機能です。

つまりこの機能を使うのをやめれば大半のエラーは解消されるということなので、このギャラリーと言う機能を使っている箇所、記事を洗い出すためにWordpress上で「[gallery columns=」をキーワードの検索をかけると50件を超える記事が出てきました。

従来のページの体裁を維持しつつ、違和感がないレベルで画像を入れ替えて、ギャラリー機能を外していきます。

エラーはほとんど解消

この対策を打ったところ、AMPとして問題のある記事が32件だったものが、わずか2件へと大幅に減り、残りの1件はメールマガジン購読ページに使われている、登録フォーム用のショートコードで、これに手を加えることは私には出来ないので、実質問題のある記事は1つだけと言うことになりました。

メルマガ購読

ベータ版配信開始現在メールマガジン配信はベータ版を配信中です。HTML形式にのみ対応しています。メールマガジンの配信にはWordpressのプラグイン「MailPoet Newsletters」を使用しています。登録者数が100名に満た...

今後AMPの対応は徐々に重要度を増していき、ブログの表示順位にも影響が出てくると思われるので、何とか対策が出来てよかったなと思います。本当にブログの運営に関しては日々勉強ですね。

Her-
↓↓↓関連記事はこの下にあります、引き続きお楽しみください↓↓↓