【ブロガー必見！】ASP選びのポイントとおすすめアフィリエイト5選を徹底解説
はる
まんまる日記
【体験談】JIN:RはAMP非対応？有効化したら表示崩壊…解決策と代替案を紹介
あき
記事内に商品プロモーションを含む場合があります
この記事で分かること
- JIN:RはAMP非対応で、導入すると表示崩れが発生する
- AMPプラグインを導入して表示が崩れてしまった場合の解決策
- AMPプラグインなしでサイト速度を改善する方法
WordPressのテーマ「JIN:R」を使っている方で、モバイルの表示速度向上のためにAMPプラグインを導入しようと考えている方はいませんか？
実はJIN:RはAMPプラグインに対応しておらず、無理に導入するとサイトの表示が崩れる可能性があります。
今回は「JIN:RでAMPを有効化するとどうなるのか？」、そして「AMPなしでサイト速度を改善する方法」について、実体験をもとに詳しく解説します。
AMPを導入しようか悩んでいる方、すでに問題が発生して困っている方の参考になれば嬉しいです。
Contents
Google AdSenseからAMPプラグインの導入を推奨された！
ある日、Google AdSenseの管理画面を見ていると、「モバイル版の速度向上のため、AMPプラグインを導入しましょう」とメッセージが表示されていました。
AMP（Accelerated Mobile Pages）プラグインは、モバイルページの表示速度を劇的に向上させる技術。
ページの読み込みが速くなれば、SEOにも良い影響があると言われています。
AMPのプラグインをインストールしてみよう！
そうだね！高速化できるの楽しみだ～！！
JIN:RでAMPを有効化したらエラーが発生！
AMPプラグインを導入し有効化してみたところ、「AMPの競合が発生しました」というエラーメッセージが表示されるようになりました。
AMPと現在のテーマやプラグインとの間に競合が発生しています。
その時点では「まぁ、ちょっと設定を調整すれば大丈夫だろう」と楽観視していました。
しかし、モバイル版のサイトを確認してみると……
モバイル版の表示が崩壊！？
- 画像の自動サイズ調整がされていない
- 文字のフォントが初期化される
- ボックスが無効化される
AMPを導入すればページが速くなるはずなのに、これでは元も子もありません。
画像の自動サイズ調整がされていない、文字のフォントが初期化される
AMPストール前
AMPインストール後
ボックスが無効化される
AMPストール前
AMPインストール後
折角の装飾デザインが適用されなくなってしまったようだ(´；ω；`)
一方で、PC版のサイトには特に変化がなく、表示は通常通りでした。
つまり、AMPの影響はモバイル版にのみ発生していることが判明。
「このままではサイトの見た目が崩れてしまう……！」と焦りつつ、解決策を探ることにしました。
JIN:RはAMP非対応！なぜ競合が発生するのか？
Google検索で「JIN:R AMP非対応」と調べてみたところ、「JIN:RはAMPプラグインに対応していない」という情報がいくつか出てきました。
JIN:Rはデザインや機能を豊富に備えたテーマであるため、AMPのシンプルな構造とは相性が良くない可能性が高いのかもしれませんね。
JIN:Rの詳細＆購入は【公式サイト】でチェック！
AMPを導入して表示が崩れてしまった場合の対処法
結論から言うと、AMPプラグインを無効化することで、すべての問題が解決しました。
AMPを無効化する方法
- WordPressの管理画面にログイン
- 「プラグイン」メニューから「インストール済みプラグイン」を開く
- AMPプラグインを「無効化」
- 必要ならば「削除」も実施
この手順を実行したところ、エラーメッセージが消え、モバイル版の表示崩れも解消されました！
モバイル版の表示崩れが解消された！
画像の自動サイズ調整とフォント
ボックスの有効化
「やっぱりJIN:RとAMPは相性が悪いんだな」と実感しました。
AMPなしでもサイト速度を改善する方法
「では、AMPなしでページ速度を上げるにはどうすればいいの？」という疑問が湧きますよね。JIN:R公式サイトでも推奨されている方法を紹介します。
JIN:R公式が推奨する高速化対策
JIN:R公式サイトでは、以下のような対策が推奨されています。
- 画像のデータ量を減らす
- 画像のWebP対応を行う
- フォントを「標準フォント」にする
- PHPバージョンを8系列にする
- Googleアドセンスを外す
- 不要なプラグインを停止・削除
- 高性能なサーバーに乗り換える
これらの方法を組み合わせることで、AMPを導入しなくてもサイトの表示速度を改善できます。
あわせて読みたい！JIN:R公式サイト
まとめ：JIN:RユーザーはAMPよりも別の方法を！
今回の経験から、JIN:RはAMPに対応していないことがわかりました。
もしAMPプラグインを導入して表示崩れが発生した場合は、すぐに無効化することをおすすめします。
AMPプラグインを使わずとも画像の最適化やキャッシュプラグインの導入、高速サーバーへの移行などで速度改善は可能です。
JIN:R公式サイトでも推奨されている方法を活用し、AMPなしで快適なサイト運営を目指しましょう！
JIN:Rをもっと活用するために
ブログで稼ぐための文章術を学ぶならコレ！
- 収益を生む記事の書き方が学べる
- ブログ構成・執筆ノウハウ・SEO対策まで網羅
- 「わかりやすい」「内容が濃い」！
この記事が参考になった方は、ぜひコメントで感想を聞かせてね♪
あと、「この方法も効果があったよ！」という情報があればぜひシェアしてね！
最後まで読んでいただきありがとうございました！
当サイトを「カッコいい！」「オシャレだな♪」と思ってくださった方はありがとうございます！
まんまる日記では、ワードプレステーマ「JIN:R」を使用しています。
このテーマは「パソコン初心者でも直感的にブログが作れる、最高のWebデザインツール」がコンセプトです。
本当〜に使いやすくておすすめなので、テーマ選びに悩んでいた方はぜひ！
19,800円で複数サイト利用可能
