WordPress サイト運営

WordPress プラグインでAMPページが全滅した話

投稿日:2017年10月28日 更新日:

プラグインを入れたらAMPページ全てにエラー(致命的)が出ました。自業自得というところもあるので、今回のことを教訓として忘れないように投稿にしておこうと思います。プラグインの場合、ページ全てに影響があるので、プラグインで失敗すると全滅するというわけですね。

amp-error

※本投稿は2017年10月時点の情報をもとにしています。

<スポンサーリンク>

AMP(Accelerated Mobile Pages)ページが全滅した経緯

”トップへ戻るボタン”を付けたくなって、プラグインを入れたところから始まりました。

いくつかのプラグインを試して、「これだっ!」と思ってそのプラグインを適用しました。翌日からAMPページへのアクセスが激減し、翌々日にはほぼ0件になりました。ほぼ0件というのはおそらくは携帯の履歴に残っていたり、ブックマークしていた方のアクセスがあったりで0件というわけではなかっただけです。

ちなみにプラグイン確認していたのはこの投稿です。急いで、書き直しました。

原因となったプラグインとその兆候

原因となったプラグインはWPFront Scroll Topでした。

WPFront Scroll Topが悪いということではありません。”トップへ戻るボタン”を付与してくれるプラグイン5つの中から、WPFront Scroll Topが一番よかったので選んだぐらいです。

兆候もあったのです。全てのプラグインで一応AMPページ表示の確認もしていましたが、他のプラグインはボタン表示もされなかったのに対して、WPFront Scroll Topはボタンが表示されていました。ここで、JavaScriptまで組み込まれているとか、ボタンのイメージ表示にimgタグが使われているとかそこまで頭が回れば、AMPページが再クロールされる前に防げたはずだったのです。

Search Consoleに出たエラー

AMPのエラーはSearch ConsoleのAccelerated Mobile Pagesに出力されます。Search Consoleは即時反映ではないので、2、3日遅れて気づくことになります。

私の場合は、Search Consoleを”ほぼ”毎日みているのですが、今回は確認するのが若干遅れたような感じです。AMPページへのアクセスが無くなって、その後に「あっ!」と思って、Search Consoleを見たら大量のエラーがありました。

Search Consoleには2種類のエラーが出ていました。

  • 同等の AMP タグがある HTML タグの使用禁止(問題の重大性: 致命的)
  • ページにユーザー作成の JavaScript がある(問題の重大性: 致命的)

この致命的というエラーが出ているとGoogle検索でAMP表示が外れて、AMPページにアクセスが来なくなります。全AMPページにこれらのエラーが出ているので、AMP対応のサイトではなくなるということです。

残念ながらというか、Googleのクロールは優秀で、直ぐにこのエラーを発見し、当日全件というわけではありませんが、2、3日で7割~8割ぐらいのAMPページの評価が無くなった感じになりました。悪いことにクロールされる投稿というのはより参照数の多い投稿ですので、サイトのAMPページ対応の意味がほぼなくなることになります。

エラー出ている状態でもAMPページへのアクセスはできるのですが、AMPページの場合はGoogle検索結果に載らないと意味なくなるのです。

それぞれのエラー内容を見ていきます。

同等の AMP タグがある HTML タグの使用禁止

こちらの方は、ボタンが画像なので”imgタグが使われた”ことが原因となります。

imgタグはAMPでは許可されておらず、amp-imgタグを使わなければなりません。どうして、他のプラグインはimgタグの表示すら省かれて、WPFront Scroll Topがそれをすり抜けたのか理由はわかりません。

ページにユーザー作成の JavaScript がある

これは単純にWPFront Scroll TopのJavaScriptが挿入されたことが原因になります。

独自のJavaScriptの記載はAMPでは許可されていません。こちらもどうして、WPFront Scroll TopのJavaScriptだけが残ったのかは不明です。

今回の対応

残念ながらWPFront Scroll Topの使用を取りやめ、To Topに切り替えました。WPFront Scroll Topのオプションでどうにかならないかいくつか試しましたがダメでした。

そして、Search ConsoleのAccelerated Mobile Pagesに出ていたエラーページを1個1個対応していこうとしました。この1個1個の対応というのはAMPテストページでAMP対応確認を行い、”GOOGLEに送信”をすることです。

AMPテストページの”GOOGLEに送信”するというのは再クロールの役割を果たしていて、実際にどの程度で行われるかわかりませんが、これで復旧されます。

しかし、AMPテストページは使い続けると徐々にロボット対策のページ(車はどれか?とか標識はどれか?とか)のチェックが厳しくなっていきます。AMP確認で1セット、GOOGLEに送信で1セットやることになります。ひどいときは、この1セットの中で4回と確認させられるので、さすがに1ページずつ対応していくのは面倒になりました。結局、最初に出ていた20件をAMPテストページで確認&GOOGLEに送信して、他はアクセス数多いページだけ対応して放置としました。放置していても、AMPページの元URLがクロールされれば、そのタイミングで同AMPページのクロールも行われるはずです。

気づいてから、4日ぐらいでほぼエラー無い状態に戻せました。

今後の対応検討

結局のところ、プラグイン入れるたびにデベロッパーツールで確認するのは難しいと思うので、新しいプラグインを入れるときにはAMPテストページで確認するしかないなと思いました。

プラグインの種類によるかもしれませんが、1ページAMPテストページで確認するだけで、今回のようなことは発生しづらくなるのではないかと思っています。

今まで10以上適用したプラグインでは発生していなかったということでもあります。今回のようなケース自体がレアなのだと信じています。

<スポンサーリンク>

まとめ

AMP対応が終わって、ようやく安定してきたなと思った矢先にえらい目にあいました。今後は注意してやっていこうと思います。

  • プラグインによってはAMPページに影響を与えるものがある
  • プラグインを入れたら”AMPテストページ”でテストした方が良い

AMPエラーが発生している間、理論的には通常のモバイルページが検索で表示されているはずなので、機会損失のようなことは発生していないはずなのですが、全体的なアクセスは結構下がりました。

理由は説明できないのですが、ひょっとしたらエラーの多いサイトとして認識されてしまったのかもしれません。

-WordPress, サイト運営
-, ,

執筆者:

<スポンサーリンク>

comment

メールアドレスが公開されることはありません。

*

関連記事

matches

WordPress ウィジェット表示をコントロール Widget Logic

任意のウィジェットを携帯端末からのアクセスで表示させたくない場合はありませんか?私は結構あります。例えば、Popular Postsのランキングは携帯端末で表示すると今一つという感じがします。そこで”ウィジェットのロジック(Widget logic)”を使って …

Popularposts-logo

ランキングを作成するプラグイン WordPress Popular Posts (WPP)

投稿にランキングを付けているサイトがよくあるので、興味本位で私もやってみました。ランキングを作るにはWordPress Popular Posts (WPP)というプラグインを使えばかなり簡単にできます。インストール/有効化から設定までまとめましたので参考にし …

amp-logo

【AMP対応】本当に簡単?私の思考ログ&AMP対応手順

Google AdSenseの最適化のページに「Accelerated Mobile Pages(AMP)を取得しましょう」という提案が表示されていました。AMP自体は知っていたものの、「自分で設定するのは大変そう」という感情を抱きつつトライしました。本稿では …

YoastSEO-logo

WordPress SEO対策 Yoast SEOの初期設定(初心者向け)

WordPress環境にYoast SEOを入れてみました。Yoast SEOは高機能のSEO対策プラグインです。初期の設定、一部機能の使い方などをまとめてみました。とても良いプラグインなので、一度インストールしてみることをおすすめします。 目次1 1. なぜ …

TableOfContentsPlus-logo

WordPress 目次作成プラグイン Table of Contents Plusを使いこなす

WordPressでブログを開設してから、いろいろなブログを見学していますが、目次がついている方がかっこいいと思いました。私も付けたいと思い、Table of Contents Plusをインストールしました。少々悩ましいところもあったので、私の実践した設定も …

サイト内の検索はこちらから

サイト内の検索はこちらから

サイト内の検索はこちらから

カテゴリー

アーカイブ

最近の投稿
Scroll Up