【WordPress】AMPを無効化し正規ページにリダイレクトさせる方法

ども、多摩川乱歩（@tamagawa2525）です。

今回はちょっとブロガー向けのニッチな話。

WordPressでAMPを無効化し正規ページにリダイレクトをさせる方法について解説します。

AMP無効化に至った経緯と、発生した問題

AMP無効化に至った経緯

当ブログもWordPressで運営しており、先月AMPを導入致しました。

知らない方向けに一応記載しておくと、AMP(Accelerated Mobile Pages)とは「モバイル端末でウェブページを高速表示するための機能」のことです。

近年Googleが推進しており、AMPを導入することでスマホでサクサクと記事閲覧が可能になります。

Google先生も推してるし、ユーザーも快適に記事見れてええやん！

さっそく対応したろ！！

ということで意気揚々とAMP対応を実施したわけでしたが、AMPはメリットばかりではありませんでした。。。

といった具合で問題が山積み…しばらく待ってみてもGoogle先生からの評価が上がるどころか、PV数も下降気味となってしまい踏んだり蹴ったりなので、AMPの無効化に至った次第です。

AMPプラグインで対応していたため、プラグインを無効化すればOKと思っていました。

が、AMP無効化は一筋縄ではいかなかったのです。

AMP無効化に伴い発生した「ページが見つかりません」問題

AMPプラグインを無効化したにもかかわらず、スマホでTwitterなどのリンクからブログ記事を閲覧しようとすると「ページが見つかりませんでした」と表示されるようになりました。

AMPプラグインをただ無効化するだけでは不十分で、リダイレクト設定をしてAMPから非AMPのページに移るように自分で設定しないといけないとのこと。ダッっっル。何なんだよAMP。

【WordPress】AMPを無効化し正規ページにリダイレクトをさせる方法

ここからが本題。

WordPressでAMPを無効化し正規ページにリダイレクトさせる方法を解説します。

手順は2つ

AMPプラグインを無効化する

これは普通にWordPressの [プラグイン] からAMPを無効化すればOKです。

.htaccessを一部編集

こっちが重要で、サーバーにあがっている.htaccessに以下を追記します。

# AMP から 普通のページにリダイレクト

RewriteCond %{REQUEST_URI} (.+)/amp(.*)$
RewriteRule ^ %1/ [R=301,L]

これでAMPページにアクセス時、元の正規ページへリダイレクトされるようになりました。

.htaccessのダウンロード・アップロードはftpソフトでOK。私はFileZillaを使っています。

【WordPress】AMPを無効化し正規ページにリダイレクトをさせる方法 まとめ

よかれと思って実施したAMP対応でしたが、デザインは崩れ、適切にコンテンツ表示できなくなってしまっていたので、本末転倒でしたね。。。もっとちゃんと確認しとけばよかったっす。。

ちなみに同じ症状で悩んでいる方がいないかググってみたところ、

みんなAMPについては今のところ良く思ってなさそうですね。。。

AMP対応時には本記事の内容にご留意くだしあ。

今回はここまで！
次回もよろしく！