AMPを知ろう！ホームページを対応させるメリットとデメリット

2016/7/62,642 views

2016年6月20日、日本でもGoogleNEWSがAMP対応したと発表されました。
アメリカでは4月中旬に、イギリス・フランス・ドイツなど主要6カ国についても6月上旬には対応済みとなっています。

参考：日本のGoogleニュースもAMPサポートを開始 | 海外SEO情報ブログ

今回は、今なにかと話題になっているAMPについて解説いたします。
AMPページの詳しい作成方法などは分からなくても、Web業界に関わる方であればその概要だけでも把握しておく必要があります。
まだ概要がよくわからない方はもちろん、すでにご存知の方も再確認として一読しておくことをオススメします。

このニュースを読んだあなたにオススメ

ホームページの成果を伸ばす具体的な施策とは
 誰でも一瞬でできる！WordPressのプラグインを使ってAMPに対応する方法
 今更聞けない…。UI（ユーザーインターフェース）とUX（ユーザーエクスペリエンス）の意味を理解しよう

AMPとは

AMP 公式サイト
AMP(Accelerated Mobile Pages)とは、GoogleとTwitterが共同開発しているモバイル端末でホームページを高速表示するためのプロジェクトまたはAMP HTMLフレームワークのことです。

ユーザー体験の向上を目的として開発が進められていましたが、2016年2月24日にGoogle検索で対応開始となったことで、世の中で広く認知されるようになりました。

AMPのプロジェクトには、GoogleやTwitter以外にもWordPresssを含む世界各国のIT企業9社が参加しています。
WordPressでは、通常のHTMLで作成したホームページをAMP HTMLに自動変換してくれるプラグインも開発されています。
ferret内の以下のページで利用方法をご紹介していますので、ぜひ参考にしてみてください。

誰でも一瞬でできる！WordPressのプラグインを使ってAMPに対応する方法｜ferret編集部

以下はスマートフォンで「ferret」と検索した際に表示される画面です。

AMPの仕組み

通常ホームページにアクセスする際は、リンクがクリックされてからHTMLが読み込まれるためページが表示されるまでにタイムラグが生じます。

AMPでは、ホームページのHTMLをあらかじめGoogleまたはTwitter側でキャッシュしているため、読み込み時間が短縮されページがこれまでより高速で表示されるようになります。

AMPを構成する要素

AMPを構成している主な要素は、以下の4つです。

HTML5（AMP HTML）
CSS 3（Custom Styling）
JavaScript (AMP JS)
グローバルプロキシキャッシュ (AMP Cache)

AMP HTMLは、オープンソースとして公開されています。
このフレームワークに沿ってモバイルサイトを作成すれば、ユーザーがGoogleの検索結果やTwitterからのリンクを開く際に高速表示させることができます。

AMPを利用するメリット

1.記事コンテンツが高速表示される

AMPでは、AMPが定義したJavaScriptのみ使用できます。
これは広告などの読み込みによって処理が重くなってしまうJavaScriptの使用を制限し、動画やアニメーションなどが瞬時にロードできるようにするためです。
2度目以降アクセスする場合は、すでにキャッシュされているためさらに高速表示されます。

2.Google 検索結果のカルーセル部分でホームページが表示される

AMPに対応しているホームページは、Googleでのモバイル検索結果で表示されるトップニュースのカルーセル部分で記事を表示させることができます。
必ず表示されるわけではありませんが、ここで表示されることでホームページの認知度向上が期待できます。

なお、カルーセルが表示されたら記事のアイキャッチ画像の下に「AMP」と表記されていることがわかります。
この表記があるものをクリックすると、AMP対応ページが表示されます。

3.ユーザーのストレスを軽減できる

これまでよりページの表示速度が高速化するため、ユーザーがホームページを閲覧している際に「遅い」と感じることが少なくなります。
ユーザーは記事を読み進めやすくなり、ストレスなくホームページを閲覧することができます。

4.検索結果で上位表示される可能性が高くなる

今のところ、GoogleはAMPの対応/非対応を検索樹にに反映させることはないと言っています。
しかし、先に述べたメリットでも挙げたように、AMP対応をすることでユーザーのストレスが軽減される、カルーセル部分に表示されるなどの要因からアクセスされやすくなると考えられます。
アクセスされやすくなると、検索結果で上位表示されやすくなるのは自然な流れです。

また、Googleの検索結果に関する施策は突然実施されることも少なくありません。
よほどの理由がない限り、対応しておいた方がよいでしょう。

ferretも、AMPに対応しています。
ぜひモバイル端末から以下のURLをクリックしてみてください。
AMPのメリットを直接感じることができます。
ferret