こんにちは、ぱぱみかんさんです。
WordPress5.9が2022年1月25日にリリースされました。
さっそくインストールした、ぱぱみかんさんでしたが。。。
こちらも読んでください。
こんにちは、ぱぱみかんさんです。Wordpress5.5が8月11日にリリースされました。さっそくインストールした、ぱぱみかんさんでしたが。。。 こちらの記事も読んでください。[sitecard subtitle=関連記[…]
「許可されていない属性または属性値が HMTL タグにあります。」
「AMP」対応もすっかり普通の作業となって、当たり前にこなしていた今日この頃、Google Search Consoleから通知が来てしまいました。
「許可されていない属性または属性値が HMTL タグにあります。」
Σ(‘゚д゚’il!)マジッスヵ? なんかミスった?
しかも日に日にエラーページが増えていく???
とりあえず該当ページをAMPテストで確認してみると
「The attribute ‘loading’ may not appear in tag ‘amp-img’」
(●´ ^`)ンー?
どういうこと、でしょうか。。。
え~と、該当箇所のコードはというと。。。
<amp-img ・・・ loading=”lazy” ・・・
ん? loading=”lazy”
これは以前にも見た事が・・・、
《゚Д゚》ゴラァァァァァァァァァァァァア!! 誰だ、また性懲りもなくこんなコード入れた奴~!!!
ということで、またしてもWordpressにしてやられた訳です。
前回Wordpress.5でのLazy-load回避方法
WordPressのテーマエディタを開いて、
functions.phpに以下の1行を追記。
add_filter( ‘wp_lazy_loading_enabled’, ‘__return_false’ );
あとは「ファイルを更新」をクリックします。
これだけでした。
functions.phpを確認しましたが、この追加したフィルタはちゃんと残っています。。。
なぜ。。。。
どういうこと。。。(;´Д`)
「Lazy-load」とは
ブログページ内の画像やiframeをページ展開時に読み込むのではなく、ページを送って画面上に見えはじめた時にロードさせるようにして、ページの表示を速くするテクニックです。
ページの高速化には有利なのですが、AMPで引っかかってしまっては元も子もないです。
「Lazy-load」を使用したいという方は、今のところはこちらがお勧めです。
ワードプレスプラグイン:BJ Lazy Load
ぱぱみかんさんはiframe(グーグルマップやYouTubeの埋め込み)だけ、Lazy Load対応しています。
気になる方は、Wordpressのプラグインから、新規追加で「BJ Lazy Load」を検索してみてください。
救世主現る
まだまだAMP対応に関しては認知度が低いのか、調べても同様の症状に見舞われている方に出会えず、
かなり苦戦していたのですが、
とあるブログで対処法を記載されている方に、運よく巡り合えました。
Ganohr(ガノー)さんが運営されているぺるせぽ。の
こちらの記事
「WordPress5.9でAMP実装エラーが発生した場合の原因と対処法」
ここにしっかり症状と対策が記載されていました!!
ありがとう。ガノーさん!!
ただし、テーマ「THE Thor」を使用している場合は若干の修正が必要!!
WordPressテーマに「THE Thor」使用している場合は、
Ganohr(ガノー)さんのコードをfunction.phpに貼り付ける前に、
以下の黒い部分の追記が必要となります。
*function.phpを編集する前には、必ずバックアップを取ったうえで行ってください。
最悪Wordpressが停止します。編集は自己責任でお願いいたします。
コードの一部のみ記載しています。コピーしても使用出来ません。
コード本体はGanohr(ガノー)さんのぺるせぽ。を参照してください。
function gnr_is_amp_pattern($uri) {
if(gnr_tail_pattern_matched($uri, ‘/amp’)) return true;
if(gnr_tail_pattern_matched($uri, ‘/amp/’)) return true;
if(gnr_tail_pattern_matched($uri, ‘?amp=1’)) return true;
if(gnr_tail_pattern_matched($uri, ‘type=AMP’)) return true;
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
function gnr_remove_amp_pattern($uri) {
$uri = gnr_remove_amp_uri_part($uri, ‘/amp’);
$uri = gnr_remove_amp_uri_part($uri, ‘/amp/’);
$uri = gnr_remove_amp_uri_part($uri, ‘?amp=1’);
$uri = gnr_remove_amp_uri_part($uri, ‘type=AMP’);
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
$ret = ‘/amp’; if(gnr_tail_pattern_matched($uri, $ret)) return $ret;
$ret = ‘/amp/’; if(gnr_tail_pattern_matched($uri, $ret)) return $ret;
$ret = ‘/?amp=1’; if(gnr_tail_pattern_matched($uri, $ret)) return $ret;
$ret = ‘/type=AMP’; if(gnr_tail_pattern_matched($uri, $ret)) return $ret;
コードの一部のみ記載しています。コピーしても使用出来ません。
コード本体はGanohr(ガノー)さんのぺるせぽ。を参照してください。
ここでは本編を離れて、ネットで見つけた、または購入した一品を紹介していきます。ぱぱみかんさんが実際に 『買って』『使って』みたレビューも、しっかり書いています!!随時、追加更新していきますので見ていってください。 […]
街をあるいて偶然みつけた、美味しいもの。食べて終わるのも勿体ないですよね。ジャンルなく追加していこうと思っていますので、気になるお店や商品があれば、拾っていってください。お取り寄せ情報も載せていこうと思います。 […]