HarukaYoshioka【修復・対応】WordPressでブログをAMP化したら色々おかしくなった件ツイートシェアはてブLINEPocketどうも、はるかす(@mametyralove)です。先日GoogleAdsenseの神から珍しく通知がありました。その内容は「AMP化したら表示速度速くなってオススメ〜」とのこと。神の言うことなので間違いないと確信した僕は、すぐさま通知に記載されたプラグインを言われるがままにインストールし有効化しました。今回はワードプレスでAMP化をした時に発生する弊害とAMP化の戻し方、その後の対応について解説していきたいと思います。参考にしてみてください。目次AMP化で起きることAMP化を戻す方法と後始末AMP化で起きることモバイルでテーマが非表示になる僕がこれに気がついたのはツイッターに記事URLを投稿した時です。自分で見てみたらテーマが非表示になっていて驚きました。当ブログではストークという有料ワードプレステーマを使っているのですが、その要素が全て消えています。僕の記憶では右の画像がテーマ無しのワードプレスの見た目なので、やはりテーマが非表示になっていることがわかりました。ところがパソコンで見てみたところ異常はなく、モバイル端末でアクセスした時だけテーマが非表示になるようです。アドセンスが非表示になるこれヤバイですよね。何がヤバイってアドセンスがオススメしてきたプラグインを使ってアドセンスが消えるんですよ。この現象について調べてみたところ、他のワードプレステーマでも起きているようなので恐らくプラグインのせいだと思います。こちらもモバイル端末でアクセスした時だけみたいですが、そこでAMP化したページ全てで収益化できなくなるのは痛いですよね。アクセス解析ができないAMP化するとURLの後に/amp/が付きます。ページのURLが変わるみたいです。このページをAMP化していると「https://harukayoshioka.com/blog/wp-amp-break/amp/」になります。URLが変わるせいでアクセス解析コードが上手く働かなかったのでしょう。AMP化していきなりPV数が減ったように思たらきっとこのせいです。これはアクセス解析できるようにする方法があったはずなので引き続きAMP状態を維持したい人は調べてみてください。AMP化を戻す方法と後始末AMP化プラグインを削除リダイレクト対応この手順を踏めばAMP化を元に戻すことができます。AMP化プラグインを削除するだけではいけません。/amp/のURLはそのまま残っているので、検索エンジンから飛んでもページが見つからないと出るだけだからです。したがって、検索エンジンがインデックスするまでは/amp/に飛んでも元のページに戻るようにしなければいけないのです。それをリダイレクトと呼びます。AMP化プラグイン削除これはワードプレスを使っていると自然に覚えると思うのですが、一応解説しておきます。ダッシュボード>プラグイン>該当プラグインを停止これでAMPのプラグインを止めることができました。いらないと思うので、ついでに削除してしまっても良いですね。リダイレクト設定リダイレクト設定は簡単です。FTPソフトかサーバーのファイルマネージャーを開き、ドメインファイル>public_html>.htaccessこちらのファイル「.htaccess」を開いて編集します。/恐らくファイル内の四行目に以上の文があると思うのですが、この一行下に以下の文を追加してください。[R=301,L]保存すれば例え検索エンジンからAMP化されていたページに飛んでも元のページにリダイレクトされます。AMPページに一度飛んでしまうのは防ぎようがないので数秒間エラーメッセージが表示されます。そこで離脱してしまう可能性はありますが、そこは検索エンジンがインデックスするまで待つ他ないです。コメントをキャンセルメールアドレスが公開されることはありません。*サイト【パズドラ】二色陣ループとは何なの?どうやるの?考案者が解説します!【パズドラ】妖怪ウォッチコラボのキャラをランダン視点でサクッと考察!RECOMMENDこちらの記事も人気です。趣味:プログラミング思いついたことを淡々と書き記していきます。プロフィール画像はかなり特徴的ですが、金髪でもないし、サングラスもかけてないし、マスクもしてません。友人に描いてもらったので使っています。