誰もが検索結果での順位を上げるために、より高速なウェブサイトを求めています。しかし、Google AMPは、人々が考えているような万能薬とは限りません。
WPBeginnerでは数え切れないほどのパフォーマンス戦略をテストしてきました。私たちの経験では、計画なしにAMPに飛びつくことは、実際にはサイトのデザインを壊してしまう可能性があります。
このテクノロジーがあなたに適していると判断された場合は、安全に開始できるようお手伝いします。
このガイドでは、WordPressサイトにGoogle AMPを適切に設定する方法を説明します。
Google AMP とは？
Google AMP（Accelerated Mobile Pages）は、モバイルウェブの読み込み速度の遅さに対処するためにGoogleが2015年10月に立ち上げたオープンソースのフレームワークです。この技術は、モバイルデバイスでほぼ瞬時に読み込まれるウェブページの簡略化されたバージョンを作成します。
AMPは、HTMLの簡易版（AMP HTMLと呼ばれる）を使用し、JavaScriptの使用を制限し、コンテンツをGoogleのグローバルキャッシュネットワークに保存することで機能します。
検索結果からAMPリンクがクリックされると、Googleはキャッシュされたバージョンを直接サーバーから提供するため、通常の読み込み遅延がなくなります。
今日の現実: AMPの採用は、ピーク時の人気以来、大幅に減少しています。Twitter、LinkedIn、Redditなどの主要プラットフォームはすべてAMPの実装を中止しました。
さらに重要なのは、GoogleはもはやAMPページを検索ランキングで優先的に扱わなくなったことです。これは、ウェブサイトが当初AMPを採用した主な理由の1つでした。
WPBeginnerを運営した経験に基づき、私たちはAMPを自社サイトに実装したことはありません。代わりに、Core Web Vitalsの改善に最適化の労力を集中することをお勧めします。これにより、ユーザーエクスペリエンスと検索パフォーマンスの両方で長期的な成果が得られます。
それでも、AMPがビジネス目標と技術的要件に合致すると判断された場合、公式AMPプラグインは引き続き利用可能で機能します。このガイドでは、正しく実装できるように、完全なセットアッププロセスを順を追って説明します。
WordPress で Accelerated Mobile Pages (AMP) を設定する
まず最初に行う必要があるのは、AMPプラグインをインストールして有効化することです。詳細については、WordPressプラグインのインストール方法に関するステップバイステップガイドをご覧ください。
有効化したら、プラグインページの最上部にあるリンクをクリックして、オンボーディングウィザードを開くだけです。
注意: AMPプラグインは、主要なコードスニペットプラグインであるWPCodeなど、一部の人気のあるWordPressプラグインとの互換性に問題があります。互換性のないアクティブなプラグインは、ページの上部で通知されます。
最初のページでは、プラグインの機能の概要が説明されます。これを読んだら、「次へ」ボタンをクリックして続行できます。
ウィザードの2ページ目では、技術的な背景を選択できます。
PHP、JavaScript、HTML、CSSコードを理解している上級ユーザーは、最初のオプションをクリックできます。しかし、ほとんどのユーザーには、Google AMPの設定がはるかに簡単になるため、2番目の「非技術的」オプションを選択することをお勧めします。
テクニカルバックグラウンドを選択したら、「次へ」ボタンをクリックして続行します。
プラグインは現在、アクティブなテーマとプラグインとの互換性の問題をサイトでスキャンします。スキャンが完了すると、問題が通知されます。
オンボーディングウィザードの次のステップでは、テンプレートモードを選択する必要があります。Transitional（移行）オプションを選択することをお勧めします。
この設定により、デスクトップサイトは元のデザインとブランディングを維持しながら、モバイルユーザー専用の、読み込みの速いAMPバージョンが作成されます。
次に、「次へ」ボタンをクリックします。これで、AMP形式でのサイトの外観のプレビューが表示されます。
設定を保存するには、「完了」ボタンをクリックしてください。
TransitionalまたはReaderモードを選択した場合、ウェブサイトの任意の投稿にアクセスし、URLの末尾に/amp/を追加することで、AMPバージョンを確認できます。
https://example.com/my-blog-post/amp/
これはモバイルデバイスに自動的に表示されます。
AMPページで正確なアナリティクスを取得する
AMPの主な問題の1つは、Googleアナリティクスのデータを歪める可能性があることです。AMPページへの訪問者は正確に追跡されず、二重カウントされることさえあります。
最も正確な分析のために、MonsterInsightsの使用をお勧めします。これはWordPress向けの最高のGoogle Analyticsプラグインです。
MonsterInsights AMPアドオンは、訪問者の実際の統計情報を取得できるように、トラッキングを自動的に修正します。
初心者向けのガイド「WordPressにGoogle Analyticsをインストールする方法」で、MonsterInsightsの設定方法を学ぶことができます。
Google AMPに関するよくある質問
ここでは、読者がWordPressでのGoogle AMPの設定についてよく尋ねる質問をいくつか紹介します。
1. WordPressにとってGoogle AMPはまだ必要ですか？
いいえ、厳密には必要ありません。過去には、Googleはトップストーリーカルーセルなどの特定のモバイル検索機能でAMPを要求していました。それはもはや当てはまりません。
今日では、ほとんどのモダンなレスポンシブWordPressテーマはそれ自体で十分に高速です。サイトの別のAMPバージョンを維持するのではなく、Core Web Vitalsのパスに焦点を当てることをお勧めします。
2. AMPのインストールはサイトのSEOに悪影響を与えますか？
正しくインストールすると、通常はモバイルの速度が向上し、これはランキング要因となります。ただし、設定が不十分だとSEOに悪影響を与える可能性があります。AMPページに重要な内部リンクやナビゲーションメニューがない場合、ユーザーエンゲージメントシグナルが低下する可能性があります。これは時間の経過とともにランキングに悪影響を与える可能性があります。
3. AMPはWPFormsやOptinMonsterのようなプラグインと連携しますか？
はい、ただし制限があります。AMPはJavaScriptを制限するため、標準のフォームやポップアップが機能しなくなることがよくあります。WPFormsやOptinMonsterなどのツールが提供する特定のAMP統合を使用する必要があります。これらの特定の Сettingsがないと、リードジェネレーションツールがモバイルデバイスに表示されない場合があります。
4. 気に入らなければ簡単にAMPを削除できますか？
削除できますが、注意が必要です。単にプラグインを無効化すると、Googleはまだ訪問者をページのAMPバージョンに送信しようとする可能性があり、404エラーが発生します。
これを修正するには、モバイルトラフィックを標準のモバイルサイトに送り返す適切なリダイレクトを設定する必要があります。これを簡単に処理するには、All in One SEO (AIOSEO)のRedirection Managerを使用することをお勧めします。
5. モバイルフレンドリーとAMPの違いは何ですか？
モバイルフレンドリーなサイトは、レイアウトを小さな画面に合わせて調整する通常のウェブサイトデザインです。すべてのブランディング、スタイル、スクリプトを保持します。AMPはページの完全に別のバージョンです。ほとんどの重いコードを削除して即座に読み込みますが、その過程で特定のデザイン要素を犠牲にすることがよくあります。
WordPressのパフォーマンスに関する追加リソース
Google AMPは、モバイルでのウェブサイトのパフォーマンスを向上させる方法の1つです。WordPressウェブサイトの高速化に関する推奨方法についての記事をご覧になると良いかもしれません。
- WordPressの速度とパフォーマンスを向上させるための究極のガイド
- ECサイトのスピードを上げる方法（実証済みのヒント）
- WordPressブログにCDNが必要な理由は何ですか？[インフォグラフィック]
- WordPressでCore Web Vitalsを最適化する方法（究極のガイド）
- GoogleのINPスコアとは何ですか？WordPressで改善する方法
- 品質を損なわずにWebパフォーマンスのために画像を最適化する方法
- GTmetrixプラグインを使用してWordPressサイトのパフォーマンスを改善する方法
- WPBeginnerのページ読み込み速度を向上させる方法
- ウェブサイトのスピードテストを適切に実行する方法（最適なツール）
この記事がWordPressでAccelerated Mobile Pages（AMP）を設定する方法を学ぶのに役立ったことを願っています。また、「WordPressサイトのヘルスを改善する方法」ガイドや、「最も高速なWordPressホスティング」に関する専門家のおすすめもご覧ください。
この記事が気に入った場合は、WordPressのビデオチュートリアルのために、YouTubeチャンネルを購読してください。また、TwitterやFacebookでも私たちを見つけることができます。
prabhat
旦那様、助けてください
AMPを有効にすべきですか、それともしないべきですか？
答えてください…
WPBeginnerサポート
それは個人的な好みの問題になります。この記事の冒頭で述べたメリットとデメリットを確認することをお勧めします。
管理者
ソヘイル・アフマド
こんにちは、AMPでWordPressのベーシックとアドバンスのどちらが良いかわかりません。
何かアドバイスをいただけますか？
WPBeginnerサポート
それは個人の好みの問題になります。現在のプラグインの状態に関するご質問については、プラグインのサポートに問い合わせることをお勧めします。
管理者
wishlovequotes
こんにちは管理者
私のサイトでAMPの問題に直面しています
知っていることはすべて試しましたが、検索コンソールでエラーが増え続けているため、機能していません
私のサイトのランキングとトラフィックに影響が出ているので、本当に助けが必要です
WPBeginnerサポート
サイトで表示されている具体的なエラーによって、問題が何であるかが異なります。
管理者
waqas majeed
素晴らしい記事です、言わざるを得ません
WPBeginnerサポート
ありがとうございます。当社のガイドを気に入っていただけて嬉しいです。
管理者
mreshane
「wpbeginner」がサイトで AMP を使用する一歩を踏み出さなかった理由がわかります。コメントのすべてを見てください。それが理由だと思います。
残念ながら、まだエラーとバグが残っています。AMPの使用方法について解決策を探していましたが、ここのコメントをすべて読んだ後、考え直すことにしました…まだそれだけの価値はありませんが、ページを高速化するためには、今はキャッシュプラグインを使用することにします。
AMPの使用に問題がなくなるまで、手順を書き直しますが、今は静かにしておきましょう。
WP Beginnerの記事、ありがとうございます。助かります。
WPBeginnerサポート
どういたしまして。記事の冒頭でAMPを追加しなかった理由についても言及しています
管理者
Apoorv
「サイトで技術的な問題が発生しています。」
サイトの AMP バージョンを開いたときに表示されるのはこの画面です。
WPBeginnerサポート
そのエラーについては、こちらの記事をご覧ください。
https://014.leahstevensyj.workers.dev/wp-tutorials/how-to-fix-the-wordpress-white-screen-of-death/
また、当社のガイドで問題が解決しない場合は、使用しているAMPプラグインのサポートに問い合わせてください。
管理者
Wapdite
ナイスです。AMPについては初めて聞きましたが、その価値がわかりません。
WPBeginnerサポート
当社のガイドがお役に立てて光栄です
管理者
アカシュ・ゴゴイ
あなたの記事を読む前に解決策が見つからず、イライラしていました。助けてくれてありがとう。
WPBeginnerサポート
おすすめがお役に立てて嬉しいです
管理者
firstfly
とても興味深いです。貴重な情報と知識を共有していただきありがとうございます。これからもこのような情報を共有し続けてください。
WPBeginnerサポート
どういたしまして。当社のコンテンツをお気に召していただけて嬉しいです
管理者
Alison Wright
こんにちは、ご自身のサイトでAMPを使用し始めましたか、それともまだ避けるのが最善ですか？あなたの見解を知りたいです。
WPBeginnerサポート
現在、当サイトではAMPを使用していません。
管理者
Mohsen \hefni
WP Beginner様
素晴らしいご尽力、本当にありがとうございました。大変助かりました。
残念ながら、私のウェブサイトでAMPを有効にすることができませんでした。
ありがとう
WPBeginnerサポート
この記事の方法でうまくいかない場合は、AMPプラグインのサポートに連絡してください。問題のトラブルシューティングを手伝ってくれるはずです
管理者
Aakash
Wpbeginnerさん、AMP対応WordPressサイトに広告を掲載する方法についてのガイドを作成してもらえませんか？
情報をご共有いただきありがとうございます
WPBeginnerサポート
記事に追加できるかどうか、必ず確認します。)
管理者
マーク・ウォーセン
この記事は2年前のものですが、更新されますか？
WPBeginnerサポート
可能な限り、また必要に応じて記事を更新するよう検討いたします
管理者
Subodh Gupta
現在、Google AMP で画像サイズのサイズエラーが表示されています。
画像サイズが推奨サイズより小さいです。画像は少なくとも1200ピクセル幅が必要です。
それは大きいです。Google AMPの何が問題なのですか？
WPBeginnerサポート
これは、そのサイズが現在要求されている理由に関するGoogleのトップストーリーカルーセルへの変更です。AMPプラグインは、Googleからそのエラーを受け取って通知していると述べています。
管理者
nack
AMP URLを入力した後、ページのレイアウトがサイトURLと一致しないため、WordPressテーマをAMPレイアウトで使用するにはどうすればよいですか？
Biswajit Das
私もです。AMPプラグインを有効にすると、CSSファイルが機能しません。
WPBeginnerサポート
AMPは限定的なHTML、CSS、JavaScriptを使用します。テーマがAMPフレンドリーになるように、テーマに問い合わせて何かできることがあるか確認することをお勧めします。
管理者
Reja
この貴重な記事をありがとうございます。この記事だけでなく、あなたの記事はすべて私たちにとって非常に役立ちます。
皆さん、ありがとうございます。
クリシュ・パテル
wpbeginner.com は AMP と同等の速度であるため、AMP は必要ありません。
エヴァ・ルビオ
これは素晴らしい記事です！構造と詳細が分かりやすく、ユーザーフレンドリーです。共有していただきありがとうございます。
ムクル
こんにちは、モバイルで利用している際に、ユーザーを自動的にAMPサイトにリダイレクトするオプションはありますか？
フライデー・アレックス
この投稿ありがとうございます！
私はすでに私のサイトの1つでAMPを有効にしましたが、それはうまく機能しています。しかし、ここではお勧めしていません。
よく言った。次のサイトではAMPを実装せずにテストしてみます。
ナイジェリアより感謝
Fred Sessoms
AMPの実装には、特にプラグインを使用する場合、メリットよりも多くの落とし穴が見られます。今のところ、あなたの助言に従い、「Google AMPにはまだ切り替えない」ことにします。
ヘンリー
AMPページにAdsenseを追加するにはどうすればよいですか？
アミン
こんにちは、有益な投稿を本当にありがとうございます。2点あります。
1- AMPはもう使用しましたか、それともまだですか？将来使用する予定がある場合、どのように通知を受け取ることができますか？
2-In w3 total cache には AMP のアドオンがありますが、それは問題ありませんか？
私としては、お勧めされたプラグインはインストールしません。
優れたコンテンツ、SEO、良好な速度があれば最高のランキングが得られると思いますが、これはAMPなしで実装できます。
本当にありがとうございます。
WPBeginnerサポート
Aminさん、こんにちは。
AMPに関する当社の見解については、「WordPressでGoogle AMPを適切に無効化する方法」の記事をご覧ください。
管理者
アミン
本当にありがとうございます。
サラ・カーター
AMPアナリティクスが機能しないようです。Yoast SEOの分析タブで分析IDが保存されません。何か提案はありますか？
WPBeginnerサポート
サラさん、
MonsterInsightsをお試しいただけます。AMPアドオンを利用するには、少なくともプラスプラン以上の有料バージョンが必要です。
管理者
プラティック・アガルワル
ページを AMP に追加できますか？現在、投稿のみで機能しています。PAGE_URL/amp と入力すると 404 ページに移動します。
ベン
WordPressで、投稿だけでなくページにもAMPをサポートするAMPプラグインはありますか？
マツクッティ P.V.
Automatic AMPとAccelerated Mobile Pagesプラグインの違いは何ですか？wordpress.comの無料サイトではテーマのヘッダー画像が表示され、AMPプラグインを使用するとモバイルでより見栄えが良くなりますが、AMPを使用したセルフホストサイトではテーマのヘッダー画像が表示されず、無料サイトのように見栄えが良くありません。なぜこうなるのですか？
マリウス
そのプラグインはElementorプラグインと互換性がありますか？
ジーシャン
WordPressでAMPを有効にしました。質問は、投稿でAMPが機能していることをどのように確認できるか、そしてメインの投稿以外にAMPページを作成した場合、どうなるかということです。
ハロルド・ハント
AMP for WPを使用しており、いくつかのページを生成してリストしました。現在、AMPを廃止したいと考えています。AMP for WPプラグインを削除するだけでよいのでしょうか、それとももっと複雑な手順が必要ですか？
よろしくお願いします。
アシュトシュ・バラドワジ
こんにちは。過去6ヶ月間、AutomatticのAMPプラグインを問題なく使用していました。しかし、検索コンソールでAMPエラーが発生し始め、このページを含む12ページで禁止または無効なHTMLタグの使用と表示されました。
誰か気づきましたか？
プラグインページにも投稿しましたが、返信がありませんでした。
ページが検索結果から削除され、トラフィックの損失につながったため、バグが迅速に解決されることを願っています。
ブライアン・ベローゾ
AMPforWPプラグインを使用してください。AutomatticのAMPプラグインよりもはるかに優れています。
ペトラ・ヨナータ
AMPをWordPressにインストールできません
インストールしようとするたびに「インストールに失敗しました：宛先フォルダが既に存在します」と表示されます。AMPをWordPressにインストールするにはどうすればよいですか？
アヴァル
設定セクションにAdsenseコードを追加します。
問題が解決しない場合はお知らせください。
ありがとう、
ライアン
ええ、数ヶ月間同じ問題を抱えています。アナリティクスボックスに何を入力しても、保存されません。
ディシュ・タクル
このプラグインを使用しましたが、問題が発生しました。このプラグインは私のホームページにAMPページを追加しましたが、そのリンクを開こうとするとブログのAMPページにリダイレクトされます。どうすれば変更できますか？
デビッド
同じ効果が出ています。domain.com/amp/ にアクセスすると、ホームページは表示されず、ブログ記事ページが表示されます。ホームページが表示されるようにするにはどうすればよいですか？
レット
AMPプラグインの下です。AMP/ようこそ/ホームページに移動し、AMPフロントページを有効にします -> カスタムAMPフロントページ。次に、そのすぐ下にあるドロップダウンメニューからホームページを選択します。
ホームページ/フロントページであれば、すべて（最終的に）AMPバージョンに表示されるはずです。
お役に立てば幸いです！
ニック・パテル
皆さん、こんにちは。
WordPressはGoogle AMPプロジェクトの初期からの支持者の一つであり、非常に有益な投稿です。WordPress用のGoogle AMPプラグインは、モバイルウェブを高速化する、つまり4倍速くするために非常に役立ちます。これはユーザーエクスペリエンスを向上させる上で重要な要素となるでしょう。
また、中国の検索エンジンであるBaiduもGoogle AMPプロジェクトをサポートしており、Googleが検索結果でのランキングを上げるための標準としたため、SERP結果でAMPサイトを考慮するようになります。すぐに他の企業も同様のトレンドに従い、Googleの足跡を目の当たりにすることになるでしょう。
ありがとう、
ニック
ディペンドラ・シェカワット
素晴らしい記事です。ユーザーがモバイルデバイスで当社のウェブサイトを閲覧しているときに、AMPを自動的にトリガーする方法を知っている人はいますか？つまり、AMPページを表示するために、URLの末尾に手動で/ampと入力したくありません。方法はありますか？
エスラム・トルバ
私の理解では、URLの末尾に/ampと入力するのはテストのためだけですが、プラグインは既に投稿のAMPバージョンを作成し、関連するHTMLタグをソースコードに追加します。その後、GoogleはそれらのAMP投稿をインデックス化し、モバイルユーザーに表示します。
マイケル
こんにちは、
どのソーシャルメディアアイコンプラグインが、言及された AMP プラグインと互換性がありますか？
ありがとう！
マイケル
ラジ・シン
WordPressでAMPがインストールできません。
インストールしようとすると、「インストールに失敗しました：宛先フォルダが既に存在します」と表示されます。
さて、何をすればいいですか？
WPBeginnerサポート
Rajさん、
プラグインの以前のインストール試行が中断されたようです。FTPを使用してウェブサイトに接続し、wp-content/plugins/フォルダに移動する必要があります。AMPプラグインフォルダを見つけて削除してください。
管理者
ラジ・シン
本当にありがとうございます。
問題が解決しました。
WPBeginnerサポート
どういたしまして
サンカル
ウェブサイトでAMPを使用しています。しかし、一部の投稿で常に1つのエラーが検出されます。これは画像最適化の問題です。投稿に画像挿入するためにAMP画像HTMLコードを使用しようとしました。しかし、今回は画像が表示されません。この問題をどのように解決できますか？助けてください。よろしくお願いします。
L. パッツァリア
AMPに切り替えたいのですが、私の投稿の多くにはレシピ、テーブル、画像グリッドがあり、それらのどれもAMPページに表示されないためです。
ニューヨーク・タイムズ紙のように AMP ページを作成したいです。基本的に、長い抜粋があり、続きを読むためのリンクがあり、非 AMP ページに移動します。
プラグインを見つける方法、またはWordPress AMPプラグインを調整してこれを実行する方法について、何か推奨はありますか？
ありがとう、
L
Allspired
このチュートリアルで試したすべてを行いましたが、ブラウザでmyURL/amp/と入力すると、まだ空白のページが表示されます。助けていただけますか？
アショークシン
素晴らしい投稿ですね。
AMPを試した人はいますか？そして、Googleのランキングに違いはありますか？教えてください？
プージャ
はい、ランキングの向上に役立ちます。
デイブ・バーグシュナイダー
AMP を実装する正しい方法は、テーマの一部として行うことです。AMP プラグインは、既存のテーマとのギャップを埋めるための絆創膏にすぎません。AMP は非常に新しいため、WordPress テーマとして含める方法の例はほとんどありません。誰かがここまで進んだかどうかを知りたいです。すでに AMP 開発をいくつか行いましたが、それほど難しくないことがわかりました。
アジエ・プルボジャティ
AMPを5ヶ月間試しましたが、結果としてAMPは私のサイトには推奨されません。AMPは表示を壊すからです。そして、AMP WordPressは私たちが必要とする機能を提供しません。
ヴィクラム・サリン
WooCommerceでこれを機能させるにはどうすればよいですか？AMPプラグインはWooCommerceサイトの非常に基本的なレイアウトを表示し、メニューもすべてのスタイルとフォーマットを失います。
クリス
AMPプラグインはまだ投稿のみで、ページには機能しませんか？サイト全体で機能する解決策を見つけた人はいますか？ありがとう！
エレン
ページで機能させるには、AMP for WPプラグインを使用できます（このプラグインにはAMPプラグインが必要です）。
シャエル・イクラル
こんにちは！このAMP WordPressに感謝します。中途半端な質問があります。古い投稿のURLを編集して末尾に/ampを追加する必要がありますか？
WPBeginnerサポート
いいえ、プラグインが自動的に追加し、AMP URLが利用可能になり次第、Googleが自動的に表示します。
管理者
イライジャ
ありがとうございます。Facebook Audience Networkが承認されるのを待っています。
ゲイリー
素晴らしい記事です!! AMPページのフッターにある「powered by Wordpress」を削除することは可能かご存知ですか？こちらをご覧ください >>
スーパーサンクス
ガズ
フランチェスコ
皆さん、こんにちは。
素晴らしいガイドです。AMPページで無効なCSSスタイルシートについてGoogleサーチコンソールから通知された場合はどうすればよいですか？