スマホで見た時に表示されている『モバイルバージョン』の表記。書式やレイアウトが変わってしまっている。

 スマホで自身のサイトを確認していたらモバイルバージョンに移動もしくはモバイルバージョンの終了という見慣れぬ表示になっていることに気が付きました。いつからこのような表示形式であったのかはわかりませんが、レイアウトや書式が崩れていたり、広告が表示されなかったりなど色々と不都合が多く四苦八苦してなんとか解除した次第です。

 改善方法を検索していた際に同じ症状で悩んでいる方がちらほらと確認でき、また明確な回答にたどり着けていないようでしたので今回私の取った処置方法を記載しておきます。微力ではございますが役に立てれば幸いです。

ーーAMPが原因だった

 結論から言えばAMP(Accelerated Mobile Pages)と呼ばれるプラグインの動作が影響していました。ですのでワードプレスにインストールしていたプラグインを無効化したところスマホ画面で起きていた『モバイルバージョンに移動・終了』といった表示はなくなり普段通りのスマホのレイアウトに戻ったのです。

 プラグインの無効化についてはおそらく言うまでもないと思いますが一応記載しておきます。ワードプレスのメニュー画面にあるプラグインを選択しインストール済プラグインの項目をクリックその中にあるAMP関係のプラグインの無効化を選ぶだけです。私が使っていたAMPのプラグインの名前はそのまんまAMPと記載されていたので迷うことなく即無効化しました。

ーー結局AMPとは何だったのか?

 自分でインストールしたくせにどういう効果なのか全く理解せずに使っていたのはお恥ずかしい限りです。詳しいことはググってもらえればどういったものかは私が説明するよりも遥かに詳しく記載されていますので専門サイトにお任せします。

 なぜ良く知りもしないプラグインをインストールしたのでしょうか?これ多分なんですけどGooglesearchコンソールからのメッセージでパフォーマンスの改善か何かの提案で出てきていたような気がします。AMP入れてくださいね~使うとGoogleの評価上がりますよ~みたいな感じで…(かなりアバウトなのであまり信頼しないでください)で言われるがままAMPのプラグインをインストールしちゃったんですよね。

 サーチコンソールの拡張の欄にAMPという項目があって、有効なAMPのページが一か月前から増えているのできっとその時期に鼻ほじりながら何も考えずに設定してしまったのだと思います。

ーー今後の展開は
 正直AMPに対して勉強不足でしたので今後は詳しく調べていこうと思います。ただし現状スマホで見た際にレイアウトが崩れてしまうのは困るのでしばらくは無効化しておきたいと思います。きちんと有効活用できるようになってから再度AMPとは向き合っていきたいと思います。

 ワードプレスのプラグインは非常に便利な機能ですがよくわからないまま使っていると思わぬ落とし穴にはまることも多々あります。今回は1~2時間で解決しましたが過去には数か月間悩みまくった事例もあります。

 いきなり自分のサイトに不具合が起きるとめちゃくちゃ焦りますよね。原因を突き止めて元に戻すのも貴重な時間を使うわ、手間が非常にかかるわで本当に大変です。新しくプラグインを導入する際はしっかりと調べてから有効化するようにしましょう。