AMPガイド：AMPとは何ですか？WordPressサイトでAMPをセットアップする方法

公開: 2018-06-06

まだ気付いていないかもしれませんが、モバイルデバイスを介してサイトにアクセスするユーザーの約50％は、読み込みに3秒以上かかると、サイトを完全に放棄します。

初心者、デジタルビジネス分野の初心者として、あなたは同じことに気付いていないかもしれません。 さて、これが私たちがあなたのためにここにいる理由です。

モバイルデバイスへのサイトの読み込み時間になんらかの注意を払っておらず、その後のWebトラフィックを記録していない場合は、損失が発生します。 これらの数値は、先に進んで他の主要な事業開発の決定を行う前に、書き留めて知っておく必要があります。

なぜそれが起こる必要があるのですか？

主な理由は、オンラインで何かを検索するほとんどの人が、モバイルデバイスを介して検索するためです。 したがって、サイトのページ読み込み速度を最大化することが重要です。

このタスクを支援するために、Googleは最近新しいテクノロジーを発表しました。 このテクノロジーは、それを使用する人々のサイトエクスペリエンスを向上させることを約束し、目標の達成に役立ちます。 Googleが立ち上げたGoogleAcceleratedMobile Pagesは、Google AMPとも呼ばれ、現代のビジネスの収益を向上させるとともに、サイトのトラフィックを改善するためのGoogle自体による革新的なイニシアチブです。

Google AMPは、特にモバイルサイトのバージョンに対応し、Googleサーバーでホストされているように、サイト上のすべてのものの非常に軽いバージョンを提供することで高速化します。 あなたのサイトを訪問する人々は彼らのコンテンツを速いペースで得るでしょう、そしてそれ故に彼らは待っているためにあなたのウェブサイトを離れる可能性は低いです。 彼らはあなたの仕事を見て賞賛し続け、それによってウェブトラフィックと収入の場合にあなたを助けます。

Google AMPで何ができるかについてのスパイラルな議論に実際に入る前に、まずGoogleAMPが実際に何であるかを詳しく説明しましょう。

Google AMPは技術の進歩であり、モバイルサイトのバージョンをより良く、より速くするためにGoogleの頭脳が取ったイニシアチブです。 これらの頭脳は、さまざまなWebサイトのモバイルバージョンをこれまでになく高速にロードすることを望んでいました。 テクノロジー、ソフトウェア、アルゴリズムに興味があるなら、おそらくFacebookInstantArticlesが何であるかを知っているでしょう。 それが何であるかを知っていれば、GoogleAMPを理解するのは非常に簡単です。 それらは非常に似ています。

Google AMPは、サイトにアクセスしたときに、サイト全体のバージョンが読み込まれないようにします。 実際、Googleは特定の部分を意図的に隠して、読み込みを高速化しています。 これにより、モバイル版のサイトがややミニマルに見えることがよくあります。

このイニシアチブはオープンソースのものです。つまり、誰でも方法論を使用して利益を得ることができます。 もちろん、Googleは同じことを制限するつもりはありません。なぜなら、彼らの最終的な目標は、特にモバイルユーザーがWebコンテンツに簡単にアクセスできるようにすることだからです。

ほとんどの人にとって、コンテンツの生成と読み込みに時間がかかりすぎることがよくありますが、これは非常に一般的な苦情です。 最適化されたコンテンツでいっぱいで、情報が豊富なページでも、ロードに時間がかかる場合があります。 そして、サイトと事業主によって行われたすべてのSEOと他の技術的な努力にもかかわらず、問題は続くようです。 そしてこれが、GoogleAMPが今日の私たちの生活において重要になる理由です。 Accelerated Mobile Pages（AMP）は、Webサイトページをロードするために、最低限のHTMLコードとJavascriptに依存しています。 これにより、さまざまなWebサイトのコンテンツをAMPキャッシュで簡単にホストできるようになります。 これらのキャッシュバージョンは、オーガニックソースから特定のWebサイトをクリックするとすぐに、人々にサービスを提供するために使用できます。

上で述べたように、この方法はFacebookInstantArticlesと非常によく似ています。 しかし、矛盾が1つあります。 AMPとは異なり、インスタント記事は純粋にFacebookに限定されます。 そして、FacebookのWebバージョンだけでなく、彼らのモバイルアプリにも。 ただし、AMPはほとんどどこでも機能します。 これらは、あらゆる種類のアプリやWebブラウザー、さらにはWebビューアーでも使用できます。 現在、Googleだけでなく、LinkedIn、Twitter、Redditなどでも使用されています。

Google AMPは本当に誇大広告の価値がありますか？

まあ、私たちは正しい答えを述べるつもりはありません。 あなたは今日この質問に答えるつもりです。 AMPのすべての長所と短所を提供することで、プロセスを簡単にします。

ほとんどのSEO専門家によると、AMPは、Google検索エンジンで上位にランクインするのに役立ち、特にモバイルプラットフォームでのユーザーエクスペリエンスを向上させます。 これは、インターネット接続が遅い人にとっては朗報です。 しかし、彼らはサイトの所有者やブロガーにいくつかの課題を投げかけたほうがよいでしょう。

現在、Google AMPは限られた数のHTMLおよびJavascriptオプションを利用しているため、コンテンツマーケティング担当者およびサイト所有者として、モバイルサイトにいくつかのウィジェットを追加できない場合があります。 これは、デジタルマーケターとしての能力を、ニュースレター、電子メールオプション、Facebookの「いいね」や共有ボックスなどのスマートなオプション、およびその他のそのような用途の広いオプションの追加に制限するため、悩みの種になる可能性があります。

Google AMPは、アウトとアウトを問わず、Google Analyticsをサポートしていますが、他のプラットフォームのサポートは実際には提供していません。 これは、GoogleAMPでの広告オプションの動作方法です。 ほとんどの広告プラットフォームはGoogleでサポートされていません。

これらのいくつかの制限の後でも、AMPは、Webページとサイトのトラフィックを大幅に増やすという業界での地位を維持しています。 AMPサポートをサイトに追加すると同時に、SEOの実践に取り組むことで、モバイル検索を通じて作成されたサイトトラフィックの大部分を確実に収集できます。

WordPressサイトでAMPを介して生成できるすべてのメリットを確実に享受できるように、GoogleAMPプロファイルを初めて設定するためのステップバイステップガイドをここにまとめました。

WordPressサイトでAMPを有効にするためのこのクイックガイドに実際に従う前に、サイトでYoastWordPressプラグインを既にアクティブ化していることを前提としています。 まだ行っていない場合は、この手順をスキップできます。また、サイトに対してAMPを直接アクティブ化することもできます。 ただし、前提条件としてYoastSEOプラグインをアクティブ化することをお勧めします。

今、ポイントにまっすぐに来ます！

WordPressサイト用にGoogleAMPを設定します。

AMPプロファイルを設定してWordPressサイトにリンクするのは非常に簡単です。 すべてがGoogle自体による同じための公式プラグインの力を称賛します。 公式のAMPプラグインは構成を必要としないため、拡張プラグインを追加して完全に機能させる必要があります。

Google AMP for your WordPress site

まず、基本に取り掛かりましょう。 公式プラグインのインストールの基本的な部分を理解しましょう。 その後、テストして、それに応じて設定します。

インストール

以下の手順に従って、WordPressサイトのAMPプラグインをインストールできます。 この方法では、WordPressサイトの管理パネルにログインしてから[プラグイン]をクリックする必要があります。

  • プラグインをクリックした後、[新規追加]タブをクリックしてから、「AcceleratedMobilePages」の検索クエリを作成する必要があります。
  • 適切なオプションを見つけたら、「アクティブ化」をクリックしてインストールする必要があります。
  • プラグインをアクティブ化すると、「このテーマには次のプラグインが必要です：AMP、プラグインのインストールを開始してください」というメッセージが表示されます。 次に、「プラグインのインストールを開始」をクリックしてから、「インストール」をクリックする必要があります。
GoogleAnalyticsの設定

AMPプラグインをインストールしたら、GoogleAnalyticsのインストールを検討する必要があります。 Google Analyticsを設定するには、トラッキングIDを見つける必要があります。 この後、Google Analyticsにログインし、画面の左下に表示される歯車のアイコンをクリックする必要があります。このアイコンから、管理パネルに移動します。 同じものを選択すると、ドロップダウンメニューから直接[アカウントとプロパティ]を選択します。 [プロパティ]列の下のオプションを見ると、「追跡情報」というタブ名が表示されます。 同じをクリックして、追跡IDを表示します。 このIDは通常UAで始まります。

このトラッキングIDをコピーして、WordPressサイトプラットフォームにログインします。 画面の左側にある[ナビゲーション]をクリックし、[AMP]に移動して、[AMP]から[分析]をクリックします。 「GoogleAnalytics」と記載されている場所にトラッキングIDを貼り付けます。 これを行ったら、「変更を保存」をクリックする必要があります。これで完了です。

プラグイン設定の構成

このステップでは、AMPプラグインの外観をカスタマイズするために使用できる基本的な構成について説明します。 この構成は、複数のコンテンツ形式をサポートするのにも役立ちます。

ここでは、YoastSEOプラグインを既に所有していることを前提としています。 したがって、この構成を開始するには、Yoast SEOに移動し、[AMP]をクリックする必要があります。 これを行うと、投稿タイプをクリックするはずです。 これ以降、AMPに準拠する予定の使用可能な投稿の種類を選択できるようになります。

の2番目のタブである[デザイン]タブをクリックすると、AMP有効化コンテンツページの外観をカスタマイズできるようになります。 CSSスタイルを適用している場合は、コンテンツをカスタマイズしたり、同様のカラーパターンをリンクして、自分用にアップロードしたり、カスタマイズしたAMPアイコンを表示したりできます。 必要に応じて、サイトページのデフォルトの画像を設定することもできます。

AMP構成をテストします

AMP URLの作成プロセスが完了したら、これらのURLが正しく機能することも確認する必要があります。 それらが正しく構成されておらず、機能していない場合、Googleは後で検索結果に同じものを表示することができなくなります。 これは、ほとんどのWebマスターにとって非常に困難な場合があるため、事前に講じる必要のある保護手段です。

ただし、すべての問題に対する解決策があります。 AMPURLをテストおよび検証している場合でも取得できます。 いくつかのサイトページを選択し、以下の手順のいずれかを使用して、同じAMPバージョンをテストする必要があります。 ただし、先に進んでこれらのタスクのいずれかを実行する前に、前述のように、URLの最後に/amp/を追加する必要があります。

  1. このウェブサイトにアクセスする必要があります– search.google.com/test/ampそして、このウェブサイトにサイトページのURLをドロップする必要があります。 これを行ったら、「テストの実行」をクリックする必要があります。 有効か無効かにかかわらず、結果が表示されます。

  2. 2番目のオプションは、特にGoogleChromeWebブラウザーを使用するユーザーに役立ちます。 Mozilla Firefox、Safariなど、他のWebブラウザを使用してインターネットにアクセスする場合、このオプションは実際には適切に適用されません。

    Google ChromeブラウザでAMPページを開き、サイトのURLに＃development=1を追加する必要があります。

    次に行うべきことは、GoogleChromeメニュー自体からChromeDev Tools Consoleを開き、[その他のツール]を選択することです。 この後、「開発ツール」をクリックしてから「コンソール」をクリックする必要があります。

    「コンソール」をクリックすると、検証エラーを確認できます。 物事がスムーズで問題なく機能している場合、検証プロセスは成功するはずです。

  3. 従うことができる3番目のオプションは、このWebサイト（validator.ampproject.org）にアクセスし、AMPURLを上記のURLフィールドに貼り付けることです。 貼り付けたら、「検証」をクリックしてください。

    エラーや問題がある場合、このツールはそれらを強調表示し、HTMLでフラグを立てます。

インデックス作成プロセスのためにAMPURLを送信する

Google検索コンソールからAMP検証プロセスを実行した場合は、テストが有効であることが確認できたら、後で[Googleに送信]を直接クリックできます。

そうでない場合は、別のオプションがあります。 これは、Google検索コンソールアカウントにログインしている場合に機能します。 それが済んだら、「Submit to Google」を検索して、サイトのURLを直接送信できます。

別の方法でAMPサイトページをGoogleに送信する場合、内部でリンクされてXMLサイトマップにリストされているかどうかに関係なく、Googleは後でAMPサイトページのインデックスを作成します。

Google検索コンソールを表示して、すべてのエラーのトラブルシューティングを行います。

次のステップは、Google検索コンソールという1つの場所からAMPサイトページを管理する方法を学ぶことです。 Google Search Consoleにログインし、そこから[検索の外観]タブで[AcceleratedMobilePages]をクリックする必要があります。

これを行うと、インデックスに登録されているAMPページの数とインデックスに登録されていないページを確認できます。 まだインデックスが作成されていないものには、何らかのエラーが含まれている必要があります。これもここに表示されます。 重大な問題を特定した場合は、前の手順で説明したツールを使用して、後でこれらのエラーのトラブルシューティングを行うことができます。

ページ速度のテスト。

上記のすべてが完了すると、メリットがわかり始めます。 努力が実を結んだかどうかを確認するには、WebPageTestなどの速度ツールを使用してAMPページと標準のモバイルサイトページを実行してみてください。 また、2つの異なるページの結果を比較する必要があります。

そして出来上がり！ これで完了です。 AMPの旅を始めることができます。

Googleは、モバイルファーストのインデックス作成とページ高速化プロセスの形で奇跡を明らかにしながら、その取り組みを強化しています。 これを行うことにより、それらは現在、多くのサイトや企業のランキング要素になっています。 GoogleがAMPの形で取った技術的イニシアチブは、今日のすべての現代のビジネスとモバイルアプリ開発会社にとって重要なステップです。 同じに切り替えないと、長期的には問題になる可能性があります。 恐れることはありません、その切り替えを行ってください！ 後で感謝します。