Last Updated on 2022年8月2日

ワードプレスのデフォルトテーマを使ったWebページをスマホで表示させると、やや無骨な感じが否めません。

プラグインで投稿ページをAMP化

標準テーマのレスポンシブスタイルが表示するページは一般の日本語サイトとセンスが異なるので、ここもカスタマイズしたいところですが最近ではAMPプラグインを使ってスマホ最適化をするという方法があります。

そんなわけで、AMP Project Contributorsのプラグインを使って標準テーマ（Twenty Twenty-Two）のAMP化をテストしてみました。

画像はプラグインでAMPを有効にした場合に表示されるページのスクリーンショット。

設定の保存でエラー表示

プラグインのインストールまでは難なく済みましたが、はたして問題なく表示できるのでしょうか。

今回使用したAMPプラグインには、標準、トラディショナル、リーダーといった3種類のモードがあります。

標準とトラディショナルは、エラーが出やすくTwenty Twenty-Twoのデザインを引き継ぐ点が今回の目的から外れてしまいます。

よってリーダーを選択して保存をクリックしたところ・・。

返答が正しいJSONレスポンスではありません。とのエラーが表示されてしまいました。

エラーは出たものの、パーマリンクに/amp/を付けてブラウザで表示してみると見かけ上はAMP化されていそうです。

AMP化を躊躇してしまう理由

とりあえず投稿記事のAMP化はできそうな感じですが、AMPへの完全適用には少し戸惑いがあります。

新しいAnalyticsのGA4が、今のところまだAMPページの計測に対応できていません。

それと検索結果に表示されるAMPページも一時ほど減ってきていると感じるのは気のせいでしょうか。

昨今の状況からすると、サイトのAMP化は今後もそれほど広まる気配はなさそうな感じ。

決断を急ぐつもりはありませんが、Twenty Twenty-Twoのスマホ表示をカスタムするか、AMP化の為のカスタマイズを進めるか微妙に悩みどころです。