WordPress5.9アップデートでAMPエラー再び Lazy-load

こんにちは、ぱぱみかんさんです。

WordPress5.9が2022年1月25日にリリースされました。

さっそくインストールした、ぱぱみかんさんでしたが。。。

 

こちらも読んでください。

関連記事

こんにちは、ぱぱみかんさんです。Wordpress5.5が8月11日にリリースされました。さっそくインストールした、ぱぱみかんさんでしたが。。。 こちらの記事も読んでください。[sitecard subtitle=関連記[…]

Wordpress5.5アップデートでAMPエラー Lazy-load回避方法

 

 

「許可されていない属性または属性値が 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(ガノー)さんのぺるせぽ。を参照してください

 

 

関連記事

ここでは本編を離れて、ネットで見つけた、または購入した一品を紹介していきます。ぱぱみかんさんが実際に 『買って』『使って』みたレビューも、しっかり書いています!!随時、追加更新していきますので見ていってください。 […]

ネットで見つけた一品
関連記事

街をあるいて偶然みつけた、美味しいもの。食べて終わるのも勿体ないですよね。ジャンルなく追加していこうと思っていますので、気になるお店や商品があれば、拾っていってください。お取り寄せ情報も載せていこうと思います。 […]

グルメ・スイーツ-みーつけた

ESET インターネットセキュリティ
Androidスマホをお持ちの皆さん、セキュリティ対策してますか?
唐突ですが、スマホのセキュリティ対策してますか?
様々なアプリをインストールできるスマートフォンはとっても便利ですが、
そのアプリ安全といえますか?
・ESET インターネットセキュリティーなら、インストールしたい台数にあわせてプランを選べる
・パソコンもスマホもこれ1つでOK 複数のOS・仮想環境など幅広い環境に対応
そんなの不要でしょ、って後悔先に立たずですよ。
PC/スマホ/タブレットと複数台で使用出来るプランもあるので、この機会にチェックしてみて!
ぱぱみかんさんも使ってます!

無料体験からはじめる総合セキュリティソフト

希望小売価格:9,900円(税込) ⇒ もっとお得に購入出来ます!!