実況ユニット『あけたま』とは

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

ども、多摩川乱歩(@tamagawa2525)です。

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

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

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

AMP無効化に至った経緯

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

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

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

 

多摩川

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

さっそく対応したろ!!

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

AMPのここがダメ!

  • デザインが大幅シンプルに激変
  • 広告コンテンツの消滅
  • コメント機能のバグ
  • 拡張機能の不具合
  • 関連記事が表示されない

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

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

 

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

 

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

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

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

 

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

ここからが本題。

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

手順は2つ

  • AMPプラグインを無効化する
  • .htaccessを一部編集

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対応時には本記事の内容にご留意くだしあ。

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

 

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

ABOUT US

多摩川乱歩
エモい動画を作ります。ニコニコ・Youtubeを中心に活動するゲーム実況ユニット「あけたま」のたまの方。可愛いものが好き。おしゃべりクソ野郎。ゲーム実況、ブログ、動画制作などを中心に発信したりします。