長年にわたり、数え切れないほどのWordPressサイトの所有者が、Google AMPに興奮し、それが超高速のモバイルページと検索ランキング向上の秘訣だと考えてきました。
このテクノロジーには確かにメリットがありますが、AMPの導入をその影響を理解せずに急ぐと、実際にはウェブサイトのパフォーマンスを損なう可能性があることを学びました。
AMP の初期の頃から状況は大きく変化しました。Google は現在、AMP の実装よりもページエクスペリエンスシグナルと Core Web Vitals を重視しており、これは、個別の AMP バージョンを作成するよりも、既存のページを最適化する方が ROI が高くなることを意味します。
それでも、AMPが特定の種類のWordPressサイトで価値を発揮するシナリオは存在します。
AMP が WordPress ウェブサイトに適していると判断された場合、このガイドでは、最初から最後まで正しく実装する方法を説明します。セットアッププロセス全体を順を追って説明し、サイトのパフォーマンスとユーザーエクスペリエンスに影響を与える可能性のある一般的な落とし穴を回避するのに役立ちます。
Google AMP とは？
Google AMP（Accelerated Mobile Pages）は、Googleが2015年10月に立ち上げたオープンソースのフレームワークで、モバイルウェブの読み込み時間の遅さに対処するために開発されました。この技術は、モバイルデバイスでほぼ瞬時に読み込まれるウェブページの簡略化されたバージョンを作成します。
AMPは、HTMLの簡易版（AMP HTMLと呼ばれる）を使用し、JavaScriptの使用を制限し、コンテンツをGoogleのグローバルキャッシュネットワークに保存することで機能します。
検索結果からAMPリンクがクリックされると、Googleはキャッシュされたバージョンを直接サーバーから提供するため、通常の読み込み遅延がなくなります。
Facebook Instant Articlesのようなものですが、より広範囲にリーチできます。Instant ArticlesはFacebookのモバイルアプリ内でのみ機能しますが、AMPページはテクノロジーをサポートする任意のブラウザまたはプラットフォームからアクセスできます。
今日の現実: 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 コードを理解している上級ユーザーは、最初のオプションをクリックできます。ただし、ほとんどのユーザーには、AMP の設定がはるかに簡単になるため、2 番目の「非技術的」オプションを選択することをお勧めします。
テクニカルバックグラウンドを選択したら、「次へ」ボタンをクリックして続行します。
プラグインは現在、アクティブなテーマとプラグインとの互換性の問題をサイトでスキャンします。スキャンが完了すると、問題が通知されます。
オンボーディングウィザードの次のステップでは、テンプレートモードを選択する必要があります。サイトスキャン中に問題が見つからなかった場合は、標準オプションを選択してください。
それ以外の場合は、トランジショナルセクションとリーダーセクションのテキストを読み、推奨されるオプションを選択する必要があります。
おめでとうございます。「次へ」ボタンをクリックすると、ウィザードが完了し、ウェブサイトのいくつかのモバイルAMPプレビューが表示されます。
設定を保存するには、「完了」ボタンをクリックしてください。
これで、ウェブサイトの任意の投稿にアクセスし、URLの末尾に/amp/を追加することで、投稿の簡略化されたAMPバージョンを表示できます。
http://example.com/my-blog-post/amp/
これはモバイルデバイスに自動的に表示されます。
AMPページで正確なアナリティクスを取得する
AMPの主な問題の1つは、Googleアナリティクスのデータを歪める可能性があることです。AMPページへの訪問者は正確に追跡されず、二重カウントされることさえあります。
最も正確な分析のために、MonsterInsightsの使用をお勧めします。これはWordPress向けの最高のGoogle Analyticsプラグインです。
MonsterInsights AMPアドオンは、トラッキングを自動的に修正し、訪問者の正確な統計情報を取得できるようにします。
MonsterInsights の設定方法については、初心者向けガイド「WordPress で Google アナリティクスをインストールする方法」をご覧ください。
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でもフォローできます。
tfk, the5krunner
AMPプラグインはJSスクリプトを無効にします。
そのため、以下のようなことが起こります。
1. WordPressのアウトバウンドクリック統計が無効になります
および
2. Google AdWordsのコンバージョン追跡が無効になります。
ですので、使用する前に慎重に検討してください
WPBeginnerサポート
これらの懸念を共有していただきありがとうございます！
管理者
ToTemat
6ヶ月以上にわたり、ウェブサイトでAMPをテストしました。私の結論は以下の通りです。モバイルベースではウェブサイトは高速に動作しましたが、順位への影響はありませんでした。さらに、プラグインの競合が時折発生しました。また、AMPページでは、ウェブサイトの次のページにアクセスする人が少なくなりました。そのため、AMPを使用するよりも、レスポンシブページの方が優れており、より関連性が高いと信じています。私はしばらく前にAMPを完全に無効にしました。
WPBeginnerサポート
AMP に関するご経験を共有いただきありがとうございます！
管理者
Ali Abdoli
Google Search Consoleで各ページの/ampバージョンをインデックスする必要がありますか？
WPBeginnerサポート
ページを特別にインデックスする必要はありません
管理者
prabhat
旦那様、助けてください
AMPを有効にすべきですか、それともしないべきですか？
答えてください…
WPBeginnerサポート
それは個人的な好みの問題になります。この記事の冒頭で述べたメリットとデメリットを確認することをお勧めします。
管理者
ソヘイル・アフマド
こんにちは、AMPでWordPressのベーシックとアドバンスのどちらが良いかわかりません。
何かアドバイスをいただけますか？
WPBeginnerサポート
それは個人の好みの問題になります。現在のプラグインの状態に関するご質問については、プラグインのサポートに問い合わせることをお勧めします。
管理者
wishlovequotes
こんにちは管理者
私のサイトでAMPの問題に直面しています
知っていることはすべて試しましたが、検索コンソールでエラーが増え続けているため、機能していません
私のサイトのランキングとトラフィックに影響が出ているので、本当に助けが必要です
WPBeginnerサポート
サイトで表示されている具体的なエラーによって、問題が何であるかが異なります。
管理者
waqas majeed
素晴らしい記事です、言わざるを得ません
WPBeginnerサポート
Thank you, glad you liked our guide
管理者
mreshane
「wpbeginner」がサイトで AMP を使用する一歩を踏み出さなかった理由がわかります。コメントのすべてを見てください。それが理由だと思います。
残念ながら、まだエラーとバグが残っています。AMPの使用方法について解決策を探していましたが、ここのコメントをすべて読んだ後、考え直すことにしました…まだそれだけの価値はありませんが、ページを高速化するためには、今はキャッシュプラグインを使用することにします。
AMPの使用に問題がなくなるまで、手順を書き直しますが、今は静かにしておきましょう。
WP Beginnerの記事、ありがとうございます。助かります。
WPBeginnerサポート
You’re welcome, we also mention the reasons we did not add amp at the start of our article as well
管理者
Apoorv
「サイトで技術的な問題が発生しています。」
サイトの AMP バージョンを開いたときに表示されるのはこの画面です。
WPBeginnerサポート
そのエラーについては、こちらの記事をご覧ください。
https://www.wpbeginner.com/wp-tutorials/how-to-fix-the-wordpress-white-screen-of-death/
また、当社のガイドで問題が解決しない場合は、使用しているAMPプラグインのサポートに連絡してください。
管理者
Wapdite
ナイスです。AMPについては初めて聞きましたが、その価値がわかりません。
WPBeginnerサポート
Glad our guide could help inform you
管理者
Akash Gogoi
あなたの記事を読む前に解決策が見つからず、イライラしていました。助けてくれてありがとう。
WPBeginnerサポート
Glad our recommendations could help
管理者
firstfly
とても興味深いです。貴重な情報と知識を共有していただきありがとうございます。これからもこのような情報を共有し続けてください。
WPBeginnerサポート
You’re welcome, glad you liked our content
管理者
Alison Wright
こんにちは、ご自身のサイトでAMPを使用し始めましたか、それともまだ避けるのが最善ですか？あなたの見解を知りたいです。
WPBeginnerサポート
現在、当サイトではAMPを使用していません。
管理者
Mohsen \hefni
WP Beginner様
素晴らしいご尽力、本当にありがとうございました。大変助かりました。
残念ながら、私のウェブサイトでAMPを有効にすることができませんでした。
ありがとう
WPBeginnerサポート
If the method in this article isn’t working then you would want to reach out to the AMP plugin’s support and they should be able to help troubleshoot the issue
管理者
Aakash
Wpbeginnerさん、AMP対応WordPressサイトに広告を掲載する方法についてのガイドを作成してもらえませんか？
Thank you for sharing your Information
WPBeginnerサポート
記事に追加できるかどうか、必ず確認します。)
管理者
マーク・ウォーセン
この記事は2年前のものですが、更新されますか？
WPBeginnerサポート
We will certainly look into updating the article as we are able and as it is needed
管理者
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を追加するにはどうすればよいですか？
Amin
こんにちは、有益な投稿を本当にありがとうございます。2点あります。
1- AMPはもう使用しましたか、それともまだですか？将来使用する予定がある場合、どのように通知を受け取ることができますか？
2-In w3 total cache には AMP のアドオンがありますが、それは問題ありませんか？
私としては、お勧めされたプラグインはインストールしません。
優れたコンテンツ、SEO、良好な速度があれば最高のランキングが得られると思いますが、これはAMPなしで実装できます。
本当にありがとうございます。
WPBeginnerサポート
Aminさん、こんにちは。
AMP に関する当社の考えについては、WordPress で Google AMP を適切に無効にする方法に関する記事をご覧ください。WordPress で Google AMP を適切に無効にする方法。
管理者
Amin
本当にありがとうございます。
Sarah Carter
AMPアナリティクスが機能しないようです。Yoast SEOの分析タブで分析IDが保存されません。何か提案はありますか？
WPBeginnerサポート
サラさん、
MonsterInsightsを試すことができます。AMPアドオンにアクセスするには、少なくともプラスプラン以上の有料バージョンが必要です。
管理者
pratik agarwal
ページを AMP に追加できますか？現在、投稿のみで機能しています。PAGE_URL/amp と入力すると 404 ページに移動します。
ベン
WordPressで、投稿だけでなくページにもAMPをサポートするAMPプラグインはありますか？
Mathukutty P.V.
Automatic AMPとAccelerated Mobile Pagesプラグインの違いは何ですか？wordpress.comの無料サイトではテーマのヘッダー画像が表示され、AMPプラグインを使用するとモバイルでより見栄えが良くなりますが、AMPを使用したセルフホストサイトではテーマのヘッダー画像が表示されず、無料サイトのように見栄えが良くありません。なぜこうなるのですか？
Marius
そのプラグインはElementorプラグインと互換性がありますか？
zeeshan
WordPressでAMPを有効にしました。質問は、投稿でAMPが機能していることをどのように確認できるか、そしてメインの投稿以外にAMPページを作成した場合、どうなるかということです。
ハロルド・ハント
AMP for WPを使用しており、いくつかのページを生成してリストしました。現在、AMPを廃止したいと考えています。AMP for WPプラグインを削除するだけでよいのでしょうか、それとももっと複雑な手順が必要ですか？
よろしくお願いします。
Ashutosh Bharadwaj
こんにちは。過去6ヶ月間、AutomatticのAMPプラグインを問題なく使用していました。しかし、検索コンソールでAMPエラーが発生し始め、このページを含む12ページで禁止または無効なHTMLタグの使用と表示されました。
誰か気づきましたか？
プラグインページにも投稿しましたが、返信がありませんでした。
I hope the bug gets resolved fast as the pages have been removed from search results and have led to a loss of traffic.
Bryan Veloso
AMPforWPプラグインを使用してください。AutomatticのAMPプラグインよりもはるかに優れています。
Petra Jonartha
AMPをWordPressにインストールできません
インストールしようとするたびに「インストールに失敗しました：宛先フォルダが既に存在します」と表示されます。AMPをWordPressにインストールするにはどうすればよいですか？
Aval
設定セクションにAdsenseコードを追加します。
問題が解決しない場合はお知らせください。
ありがとう、
Ryan
ええ、数ヶ月間同じ問題を抱えています。アナリティクスボックスに何を入力しても、保存されません。
Dishu Thakur
このプラグインを使用しましたが、問題が発生しました。このプラグインは私のホームページにAMPページを追加しましたが、そのリンクを開こうとするとブログのAMPページにリダイレクトされます。どうすれば変更できますか？
デビッド
同じ効果が出ています。domain.com/amp/ にアクセスすると、ホームページは表示されず、ブログ記事ページが表示されます。ホームページが表示されるようにするにはどうすればよいですか？
レット
AMPプラグインの下です。AMP/ようこそ/ホームページに移動し、AMPフロントページを有効にします -> カスタムAMPフロントページ。次に、そのすぐ下にあるドロップダウンメニューからホームページを選択します。
ホームページ/フロントページであれば、すべて（最終的に）AMPバージョンに表示されるはずです。
お役に立てば幸いです！
Nick Patel
皆さん、こんにちは。
WordPressはGoogle AMPプロジェクトの初期からの支持者の一つであり、非常に有益な投稿です。WordPress用のGoogle AMPプラグインは、モバイルウェブを高速化する、つまり4倍速くするために非常に役立ちます。これはユーザーエクスペリエンスを向上させる上で重要な要素となるでしょう。
また、中国の検索エンジンであるBaiduもGoogle AMPプロジェクトをサポートしており、Googleが検索結果でのランキングを上げるための標準としたため、SERP結果でAMPサイトを考慮するようになります。すぐに他の企業も同様のトレンドに従い、Googleの足跡を目の当たりにすることになるでしょう。
ありがとう、
ニック
Dipendra Shekhawat
素晴らしい記事です。ユーザーがモバイルデバイスで当社のウェブサイトを閲覧しているときに、AMPを自動的にトリガーする方法を知っている人はいますか？つまり、AMPページを表示するために、URLの末尾に手動で/ampと入力したくありません。方法はありますか？
Eslam Tolba
私の理解では、URLの末尾に/ampと入力するのはテストのためだけですが、プラグインは既に投稿のAMPバージョンを作成し、関連するHTMLタグをソースコードに追加します。その後、GoogleはそれらのAMP投稿をインデックス化し、モバイルユーザーに表示します。
マイケル
こんにちは、
どのソーシャルメディアアイコンプラグインが、言及された AMP プラグインと互換性がありますか？
ありがとう！
マイケル
Raj singh
WordPressでAMPがインストールできません。
インストールしようとすると、「インストールに失敗しました：宛先フォルダが既に存在します」と表示されます。
さて、何をすればいいですか？
WPBeginnerサポート
Rajさん、
プラグインの以前のインストール試行が中断されたようです。FTPを使用してウェブサイトに接続し、wp-content/plugins/フォルダに移動する必要があります。AMPプラグインフォルダを見つけて削除してください。
管理者
Raj singh
本当にありがとうございます。
問題が解決しました。
WPBeginnerサポート
You are welcome
Sankar
ウェブサイトでAMPを使用しています。しかし、一部の投稿で常に1つのエラーが検出されます。これは画像最適化の問題です。投稿に画像挿入するためにAMP画像HTMLコードを使用しようとしました。しかし、今回は画像が表示されません。この問題をどのように解決できますか？助けてください。よろしくお願いします。
L. Pazzaglia
AMPに切り替えたいのですが、私の投稿の多くにはレシピ、テーブル、画像グリッドがあり、それらのどれもAMPページに表示されないためです。
ニューヨーク・タイムズ紙のように AMP ページを作成したいです。基本的に、長い抜粋があり、続きを読むためのリンクがあり、非 AMP ページに移動します。
プラグインを見つける方法、またはWordPress AMPプラグインを調整してこれを実行する方法について、何か推奨はありますか？
ありがとう、
L
Allspired
このチュートリアルで試したすべてを行いましたが、ブラウザでmyURL/amp/と入力すると、まだ空白のページが表示されます。助けていただけますか？
Ashoksinh
素晴らしい投稿ですね。
AMPを試した人はいますか？そして、Googleのランキングに違いはありますか？教えてください？
プージャ
はい、ランキングの向上に役立ちます。
Dave Bergschneider
AMP を実装する正しい方法は、テーマの一部として行うことです。AMP プラグインは、既存のテーマとのギャップを埋めるための絆創膏にすぎません。AMP は非常に新しいため、WordPress テーマとして含める方法の例はほとんどありません。誰かがここまで進んだかどうかを知りたいです。すでに AMP 開発をいくつか行いましたが、それほど難しくないことがわかりました。
Adjie Purbojati
AMPを5ヶ月間試しましたが、結果としてAMPは私のサイトには推奨されません。AMPは表示を壊すからです。そして、AMP WordPressは私たちが必要とする機能を提供しません。
Vikram Sarin
WooCommerceでこれを機能させるにはどうすればよいですか？AMPプラグインはWooCommerceサイトの非常に基本的なレイアウトを表示し、メニューもすべてのスタイルとフォーマットを失います。
Chris
AMPプラグインはまだ投稿のみで、ページには機能しませんか？サイト全体で機能する解決策を見つけた人はいますか？ありがとう！
エレン
ページで機能させるには、AMP for WPプラグインを使用できます（このプラグインにはAMPプラグインが必要です）。
Shaeel Iqbal
こんにちは！このAMP WordPressに感謝します。中途半端な質問があります。古い投稿のURLを編集して末尾に/ampを追加する必要がありますか？
WPBeginnerサポート
いいえ、プラグインが自動的に追加し、AMP URLが利用可能になり次第、Googleが自動的に表示します。
管理者