1. 1. 現在読んでいる: WordPress用Google AMPの概要
  2. 2. WordPressでAMPを設定する方法

Google AMP(Accelerated Mobile Pages)は、Webをよりモバイルフレンドリーで、大幅に高速で信頼性の高いものにするために設計された破壊的な新技術です。この投稿シリーズは、Google AMPの探求とWordPressでの設定方法に特化しています.


この一連の記事で取り上げる内容のリストは次のとおりです。

  • まず、現在のモバイルウェブのトレンドについて簡単に復習し、AMPの必要性を正当化します。
  • また、ページ速度がビジネスにどのように影響するかについての概要をもう少し取り上げ、AMPがどのように役立つかを見ていきます。
  • 次に、AMPとは何かを学び、何ができるかについての実際の例をいくつか見ていきます。.
  • これでこの記事は終わりです。次の記事では、WordPress用にAMPを設定する方法を学びます

さぁ、始めよう.

Google AMP

AMPに関する情報を掘り下げる前に、 WPCrafter 私たちの投稿に結びつくビデオガイド.

による 2015年インターネットトレンドレポート コンサルティング会社KPCBによって公開された、平均的な成人は、2015年にインターネット上で1日5.6時間費やしました。このうち、2.8時間はモバイルデバイスで過ごしました。これは、モバイルデバイスを介してインターネット上で1日平均0.4時間費やされた2010年から大幅に増加しています。.

デバイスごとの1日あたりの平均インターネット使用量

ソース:エゾイック

2010年から2015年の平均モバイルインターネット使用量は600%増加しました

デバイスによって開かれたメール

ソース:エゾイック

に発表された研究 米国の消費者向けデバイス設定レポート みつけた メールの3分の2以上がモバイルデバイスで開封された, 52%がスマートフォンで開かれ、16%がタブレットで開かれています.

デジタルメディアの使用時間

ソース:エゾイック

2015年米国モバイルアプリレポート comScoreによる公開が見つかりました モバイルデバイスで費やされた合計時間の90%増加 同じレポートでは、2015年から2013年の間に米国の成人が使用しました。同じレポートでは、モバイルアプリがデジタルメディアの消費に費やした合計時間の54%を占め、モバイルブラウザーが合計時間の8%を占めているとも述べています.

全体として、デジタルメディアの使用時間の62%がモバイルデバイスで費やされています.

つまり、モバイルファースト戦略は 非常に 重要。では、速度について少しお話ししましょう.

読み込み時間は重要です–それらは非常に重要です。収益、直帰率、サイト滞在時間、検索ランキング、他のほとんどすべてのデジタルマーケティングチャネルにわたるパフォーマンスなど、他の重要な要素に影響を与える可能性がある1つの重要な要素です.

収益はあらゆるビジネスやウェブサイトの最終目標であるため、2014年の調査研究の興味深い事実を以下に示します 「サイトの速度がみんなの収入を傷つけている」, デジタルマーケティング会社Protentが実施。研究のハイライトは 高速なページほど多くのお金を稼ぐ.

ウェブサイトの速度

出典:Protent

ロード時間を8秒から5秒に短縮すると、ページビューあたりのドル(DPPVと呼びます)が20%増加します(37.5%減少).

しかし、本当の意味は、ページの読み込み時間が1秒以下の場合です。 2秒から1秒の読み込み時間になると、 2倍のブースト ページビューあたりのドル.

収益だけでなく、サイトの速度も影響します ソーシャルシェアリングパフォーマンス. Protentの担当者は、Facebookの広告からの100回の有料クリックを2つのページに送信するという、それほど徹底的ではない実験を行いました.

ページAは2秒でロードされ、ページBは4秒でロードされます。何だと思う?ページAは10共有を取得しましたが、ページBは2共有のみを取得しました。サンプルサイズが小さすぎて仮説を検証できませんでしたが、それは重要な話をします!

モバイルインターネット市場の爆発的な成長を目の当たりにして、高速インターネットアクセス、速度、アクセス可能性、信頼性の点で優れたウェブテクノロジーへの需要が最も重要になりました。 Googleのような開拓者は、この増大する需要に応えるために多くのことができることをすぐに理解し、それによりProject AMPが誕生しました.

AMPとは?

amp-example

出典:BusinessofApps.com

AMPまたはAccelerated Mobile Pagesは、高速で標準化された、応答性の高いモバイルWebを構築するためのオープンフレームワークです。 AMPの優れた点は、AMPが既存のウェブテクノロジーの上で正しく動作し、モバイルユーザーエクスペリエンスを劇的に向上させることです。これがGoogleがAMPウェブページを好み、SERPで上位にランク付けする理由です.

AMPは速度をどのように向上させるか?

ウェブサイト速度ベクトル

AMPのオープンフレームワークは、既存のウェブテクノロジーを利用し、その上に構築するように設計されています。これが、WordPressなどのコンテンツ管理システムでそのまま使用できる理由です。.

AMPは標準化されたフレームワークに従ってWebページを構築し、既存のすべてのWebページがそのフレームワークに確実に適応できるようにします。もう少しで 技術用語, 非同期スクリプトのみを許可し、レンダリングをブロックする外部メカニズムを許可せず、インラインCSSのみを許可します。.

簡単に言えば、AMPはまずWebページのレイアウトを(ほとんど瞬時に)レンダリングし、コンテンツを優先的にロードします。リソースの待機をすべて排除し、リクエストの数を大幅に最小限に抑えます。これらすべての要因が互いに完全に調和して機能する場合、ほぼ瞬時に読み込まれる非常に高速なWebサイトが得られます.

次の速度テストをチェックしてください PenguinWPによってコンパイルされました, これは「AMP効果」を示しています。 AMPを使用して、彼らは次のことができました。

  • PageSpeedスコアを3ポイント増やします
  • ページの読み込み時間を5秒から1.4秒に72%短縮!
  • ページサイズを80%、リクエスト数を82%削減

数字を共有する表は次のとおりです。

PageSpeedスコアロード時間合計ページサイズリクエスト
元のバージョン9251024118
AMPバージョン951.420621
AMPの違い-3.6秒-794KB-97
改善率3%-72%-80%-82%

コンテンツの保存

AMPは、モバイルデバイスでWebを美しく、より応答性の高いものにするために設計されました。これは、既存のWebテクノロジーの重要でない機能をいくつか削除することで実現しました.

これは、最新のWebの優れた機能がすべて取り除かれているという意味ではありません。いいえ、それは単に 移行する これらすべてのリッチコンテンツ機能を標準化されたフレームワークに組み込み、最小限の小刻みの部屋.

AMPは、画像カルーセル、マップ、ソーシャルプラグイン、データの視覚化、動画を完全にサポートして、サイト運営者のストーリーをよりインタラクティブで目立たせます.

ケーススタディ:ワシントンポスト

わぽ

出典:AMPプロジェクト

AMPを使用したワシントンポストのケーススタディを見てみましょう。 AMPを実装した後、モバイル検索からのリピーターが23%増加しました。これには少し説明が必要です.

投稿のトラフィックのほぼ55%がモバイルデバイスからのものです。これも、この記事の冒頭で共有した統計と同期しています。 3秒以内にデータが読み込まれない場合、人々は離れ始めます.

従来、モバイル検索ユーザーの51%が7日以内にワシントンポストに戻ってきました。 AMPで公開された記事を読むユーザーの場合、この数は63%に跳ね上がります。したがって、AMPを使用すると、モバイル検索トラフィックの保持率が23%増加しました.

これだけでなく、ページの読み込み時間の平均は400ミリ秒で、AMP後に88%改善されています。今日、AMPを介して1000を超える記事をプッシュしています.

すごい。 AMPにアクセスする方法?

任意のWebページのURLに「/ amp」を追加すると、任意のWebサイトのAMPバージョンにアクセスできます。サイトがAMPをサポートしていないか、レンダリングエラーが発生した場合、サイトは 優雅に低下する 元のモバイル対応バージョンのウェブサイトに.

コンテンツ配信

コンテンツベクトルグラフィック

「AMP記事の無料CDNとも呼ばれます」

Googleのこの無料サービスはGoogle AMPキャッシュとして知られており、サイト運営者はコンテンツをホストしながら、Googleの高性能グローバルキャッシュネットワークを通じて効率的に配信できます。つまり、AMPサイトの無料CDNのようなものです。.

すごい。どのように機能しますか?

AMPと互換性のあるWebページは、Googleによって特別な注意が払われています。ウェブサイトのページのAMPバージョンのインデックス作成を開始すると、Googleはそれらを AMPキャッシュ. あなたはまだコンテンツを所有しており、Googleは地球の隅々までそれを提供するのに手を貸すだけです。キャッシュされたコンテンツの更新に関して、Googleは次のように言う必要があります。

「ユーザーがキャッシュからAMPコンテンツにアクセスするたびに、コンテンツは自動的に更新され、コンテンツがキャッシュされると、更新されたバージョンが次のユーザーに提供されます。」

アクセス方法?

さて、見てみましょう。 WebページのURLがある場合は、まずAMPが有効になっているかどうかを確認する必要があります。そのためには、URLに「/ amp」を追加するだけです。以下は、AMP化されたWebサイトのGoogle AMPキャッシュURLを取得する簡単な公式です。.

  1. URLに「/ amp」を追加して、ウェブページのAMPバージョンを取得します。有効な場合は、次の手順に進みます。その他の停止.
  2. 404ページが表示された場合–そのウェブサイトにはAMPが実装されていません.
  3. コンテンツが読み込まれている場合は、AMPがインストールされています.
  4. Google AMPキャッシュからコンテンツをフェッチするには、次を追加するだけです https://cdn.ampproject.org/c/ 「www」の部分を除いて、AMP URLの先頭に.
  5. メインドメイン名(「www」を除く)、ウェブページのAMP URLをコピーします.
  6. 追加 https://cdn.ampproject.org/c/s/ URLに追加すると、Google AMPキャッシュURLが表示されます.

フォーブスの記事の例を見て、上の式をテストしてみましょう.

  • これは、元のフォーブスの記事のURLです。
http://www.forbes.com/sites/allbusiness/2015/10/24/10-great-paid-wordpress-themes-of-2015/
  • AMPバージョンを取得するには、次を追加するだけです / amp 元のURLへ.
http://www.forbes.com/sites/allbusiness/2015/10/24/10-great-paid-wordpress-themes-of-2015/amp/
  • 次に、Google AMPキャッシュURLを取得するために、最初にAMP URLをメインドメイン名から開始して、つまり「www」の部分を除いて、最後までコピーします。それは私たちに与えます:
forbes.com/sites/allbusiness/2015/10/24/10-great-paid-wordpress-themes-of-2015/amp/
  • 次に追加します https://cdn.ampproject.org/c/s/ 同じページのGoogle AMPキャッシュURLを取得するためにそのURLに.
https://cdn.ampproject.org/c/s/forbes.com/sites/allbusiness/2015/10/24/10-great-paid-wordpress-themes-of-2015/amp

確認してください、うまくいきます!

スマート広告

オンライン広告

高品質のコンテンツを作成するには、かなりのリソースが必要です。広告は、ウェブ上の無料サービスとコンテンツに資金を提供するのに役立ちます。 AMPはこのアイデアを組み込むように設計されており、 75を超えるプレミア広告ネットワーク.

AMPは、幅広い広告フォーマット、広告ネットワーク、テクノロジーをサポートしています。 AMPを使用しているサイトはすべて、広告ネットワークの選択、およびユーザーエクスペリエンスを損なうことのないフォーマットを保持します。.

分析

ソ

パブリッシャーは、コンテンツを操作するときのユーザーの行動も理解する必要があります。これが、AMPも適切に機能する理由です。 25を超える分析ソリューションプロバイダー comScore、Google Analytics、Kruxなど.

analytics-platforms-supported-by-amp

1と同様にAMPでサポートされる分析プロバイダーst 2016年11月。 出典:AMPプロジェクト

結論

主要なコンテンツ生成、集約、分析プラットフォームは、ウェブサイトにAMPを実装し始めています。 Twitter、Pinterest、WordPress.com、Chartbeat、Parse.ly、Adobe Analytics、LinkedInは、AMP HTMLページの統合を計画している最初のテクノロジーパートナーグループの1つです。 Googleはまた、GoogleニュースをAMPファーストのプラットフォームにする予定です。.

この野心的なプロジェクトがどのように進化してウェブの未来を変えるかを見るのは興味深いです.

私は個人的にAMPページのコンセプトが大好きです。彼らは読むのが楽しみであり、モバイル対応のウェブサイトの対応物よりもはるかに少ないデータを消費し、完全に目立たない方法で広告を表示します.

AMPを使用すると、コンテンツの読み取り、利用、共有がはるかに簡単で楽しくなります。次の記事では、AMPとWordPressを統合する方法を学びます.

AMPについてどう思いますか?受け取りますか?

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me