Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPBカップ
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

WordPressサイトにGoogle AMPを正しく設定する方法

私たちの経験では、ページの読み込み速度のわずかな変化が、ユーザーがWordPressサイトに留まるか離脱するかの分かれ目になることがあります。Google AMPが便利なのはこの点です。

AMPとはAccelerated Mobile Pagesの略で、モバイル端末でのサイトの読み込みを高速化する方法です。高速に読み込まれるサイトは、より良いユーザーエクスペリエンスを提供し、トラフィックを向上させることができます。

この投稿では、WordPressでGoogle AMPを設定する方法を紹介する。

How to Properly Setup Google AMP on Your WordPress Site

Google AMPとは何か?

Google AMP(Accelerated Mobile Pages)は、2015年10月に発表されたオープンソースの取り組みである。モバイルユーザー向けにウェブコンテンツの読み込みを高速化することを目的としている。

モバイル端末でウェブページを読むには時間がかかる。コンテンツが豊富なページでは、サイト所有者がウェブサイトの高速化にすべて努力しているにもかかわらず、読み込みに数秒かかることがあるからだ。

Google AMPは、最小限のHTMLと限られたJavascriptを使用し、コンテンツをGoogle AMPキャッシュに保存します。Googleは、ユーザーがあなたのリンクをクリックすると、このキャッシュされたバージョンを即座に提供することができます。

これはFacebookのインスタント記事に似ている。しかし、Instant ArticlesがFacebookのモバイルアプリに限定されているのに対し、Google AMPはプラットフォームに依存せず、どのブラウザーでも利用できる。

しかし、Google AMPの使用率は低下しており、Twitter、LinkedIn、Redditのような初期の採用企業はもはやAMPを使用していない。また、AMPを使用しているサイトは検索結果ページで優先されなくなった。

WPBeginnerのサイトではGoogle AMPを使用したことはなく、ほとんどのサイトが代わりにCore Web Vitals用にページを最適化することを推奨しています。

しかし、公式のAMPプラグインはまだ利用可能であり、WordPressでAccelerated Mobile Pagesを設定する方法をステップバイステップで学ぶことができる。

WordPressでAMP(Accelerated Mobile Pages)を設定する

最初に行う必要があるのは、AMPプラグインをインストールして有効化することです。詳しくは、WordPressプラグインのインストール方法のステップバイステップガイドをご覧ください。

有効化した後、プラグインページの上部にあるリンクをクリックして、プラグインのオンボーディングウィザードを開きます。

Open the AMP Plugin's Onboarding Wizard

注意:AMPプラグインは、代表的なコードスニペットプラグインであるWPCodeなど、いくつかの人気のあるWordPressプラグインとの互換性に問題があります。互換性のない有効化したプラグインは、ページの上部に通知されます。

最初のページでは、プラグインが行うことの概要を説明します。これを読んだら、「次へ」ボタンをクリックして次に進みます。

AMP for WordPress Plugin Onboarding Wizard

ウィザードの2ページ目では、技術的背景を選択できます。

PHPJavaScriptHTMLCSSコードを理解している上級ユーザーは、最初のオプションをクリックできます。しかし、Google AMPの設定がよりシンプルになるため、ほとんどのユーザーは2番目の「技術的ではない」オプションを選択することをお勧めします。

AMP for WordPress Plugin Onboarding Wizard

技術的背景を選択したら、「次へ」ボタンをクリックして次に進みます。

このプラグインは、有効化したテーマやプラグインとの互換性に問題がないか、サイトをスキャンします。スキャンが完了すると、問題があれば通知されます。

AMP for WordPress Plugin Onboarding Wizard

オンボーディング・ウィザードの次のステップでは、テンプレート・モードを選択する必要があります。サイトスキャン中に問題が見つからなかった場合は、標準オプションを選択する必要があります。

そうでない場合は、「移行期間」と「読者」のセクションの文章を読み、推奨される設定を選択すること。

AMP for WordPress Plugin Onboarding Wizard

次へ」ボタンをクリックすると、ウィザードが完了し、あなたのサイトのモバイルAMPプレビューがいくつか表示されます。

本当に〜してもよいですか’Finish’ボタンをクリックして設定を保存します。

AMP for WordPress Plugin Onboarding Wizard

これで、あなたのサイトの投稿にアクセスし、URLの末尾に/amp/を追加すると、AMPバージョンの投稿を見ることができる。

http://example.com/my-blog-post/amp/

モバイル端末では自動的に表示されます。

AMPページで正確なアナリティクスを取得する

AMPの大きな問題の1つは、Googleアナリティクスのデータを歪めてしまうことです。AMPページへの訪問者は正確にトラッキングされず、二重にカウントされることさえあります。

最も正確な分析を行うには、MonsterInsightsの使用をお勧めします。WordPressのための最高のGoogleアナリティクスプラグインです。

MonsterInsights AMPアドオンは、自動的にトラッキングを修正し、訪問者の実際の統計情報を取得できるようにします。

MonsterInsightsの設定方法は、WordPressにGoogleアナリティクスをインストールする方法の初心者向けガイドでご紹介しています。

WordPressのパフォーマンスに関するエキスパートガイド

Google AMPは、モバイルでのサイトパフォーマンスを向上させる一つの方法です。WordPress サイトを高速化するためのおすすめの方法についての投稿もご覧ください。

この投稿がWordPressでAMP(Accelerated Mobile Pages)を設定する方法を学ぶのにお役に立てば幸いです。WordPressサイトの健全性を向上させる方法についてのガイド、または最速のWordPressホスティングサービスについてのエキスパートピックもご覧ください。

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

情報開示 私たちのコンテンツは読者支援型です。これは、あなたが私たちのリンクの一部をクリックした場合、私たちはコミッションを得ることができることを意味します。 WPBeginnerの資金源 をご覧ください。3$編集プロセスをご覧ください。

アバター

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

究極のWordPressツールキット

ツールキットへの無料アクセス - すべてのプロフェッショナルが持つべきWordPress関連製品とリソースのコレクション!

Reader Interactions

86件のコメント返信を残す

  1. tfk, the5krunner

    the AMP pluigin disables JS scripts.
    therefore things like
    1. Wordpress outbound click stats are disabled
    and
    2. Google adwords conversion tracking is disabled.

    so think carefully before using it

    • WPBeginner Support

      Thanks for sharing these concerns!

      管理者

  2. ToTemat

    I tested AMP on the website for over 6 months. My conclusions are like this. The website worked faster on a mobile basis, but it had no effect on its position. Additionally, plug-in conflicts appeared from time to time. Also, fewer people on AMP pages accessed subsequent pages of the website. That’s why I believe responsive pages are better and more relevant than using AMP. I turned off AMP completely by myself some time ago.

    • WPBeginner Support

      Thank you for sharing your experience with AMP!

      管理者

  3. Ali Abdoli

    Do I have to index the /amp version of each page in google search console?

    • WPBeginner Support

      You do not need to specifically index the pages

      管理者

返信を残す

コメントありがとうございます。すべてのコメントは私たちのコメントポリシーに従ってモデレートされ、あなたのメールアドレスが公開されることはありませんのでご留意ください。名前欄にキーワードを使用しないでください。個人的で有意義な会話をしましょう。