AMPでモバイルページが高速表示される仕組みと注意点

2015年下旬に突如現れ、Webの世界で話題に上がることが多くなったAMP（アンプ）。Webサイトやブログ運営者の中には「難しくてわからないけど導入したほうがいいのかな」と考えている方もいるのではないでしょうか。

今回はAMPを知らない方でも理解できるよう解説していきます。AMPについて知りたい方、導入を考えているという方はぜひ参考にしてみてくださいね。

まずAMPとは「Google社が、Twitter社など業界各社と共同でスタートさせたプロジェクト」のことです。

プロジェクト名のAMPは「Accelerated Mobile Pages」の略で、「加速されたモバイルページ」という意味を持っています。

このことからも分かるように、プロジェクトの目的は「モバイルインターネット上のWebページ表示をさらに高速にすること」。つまり、携帯電話やノートPCなどの端末を用いてインターネットをする際、より早く繋げるようにするプロジェクトですね。

また、そのためのテクノロジーもプロジェクト名と同様にAMPと呼ばれています。

2018年現在はまだWebページのみの対応です。

「コンテンツ表示に3秒以上かかるWebページは読まれない」

これはWebマーケティングの世界ではよく目にするフレーズです。Web上のユーザーは、とても時間にシビアだということはデータとして証明されています。

多くのユーザーが表示に3秒も必要とするコンテンツは「価値がない」と考えて閲覧を止めてしまう可能性が高いです。「遅いより速いほうがいい（Fast is better than slow）」という会社理念を持つGoogleは、Webページの表示に時間がかかる状態を改善するため、動き出しました。その結果生まれたのが「AMP」です。

AMPの登場により、表示速度に対するモバイルユーザーのストレスを軽減することが可能になったのです。

AMPがWebページの表示を高速化するために作られたテクノロジー、ということは分かりましたね。

では実際にAMP仕様で作られたWebページでは、どれくらい速く表示することができるのでしょうか？

Googleの公式発表では、「本来のWebページの4倍の速さでの表示ができる」ということ。これは驚くべき速さではないでしょうか。

とはいえ、「なぜAMPで表示高速化が可能になるの？」と不思議な方も多いのではないでしょうか。

AMPの基本的な仕組みについて理解できれば高速化の理由も分かりますよ。

AMPの仕組みについて知っておきたいことは以下の2つです。

1. Webページを読み込まずにキャッシュで表示させる

2. 極力まで無駄を省き、データ転送量を従来の1/10までに抑えた

では、それぞれ詳しく見ていきましょう。

AMPによるWebページ表示高速化のキーワードは、「キャッシュ」です。キャッシュとは「保存される」という意味になります。

AMP仕様のWebページは、一度Google・Twitter側にページのデータが保存されるようになっています。すでに保存されているデータは読み込む必要がないため、モバイルユーザーがアクセスした際、瞬時に表示させることができるのです。

これがAMPによる表示高速化の一つ目の仕組みになります。

AMPの最大な特徴はなんといっても「データ転送量」です。

通常のWebページと比較して、なんと1/10のデータ転送量でページを閲覧できてしまいます。なぜ、このように大幅な軽減が可能になったのでしょうか？

理由はとても簡単。なぜなら、htmlとCSS（外部ファイルのCSSは不可）のみでコーディングを行うからです。基本的にJavascriptは使用不可になっています。つまり、静的なページ（htmlファイルで作られたページ）を作り上げることで結果的にデータ転送量を抑えることができるのです。

「htmlとCSSのみでコーディング」という仕組みが表示高速化を支えていることが分かりますね。

AMPにより、モバイルサイトのWebページがこれまで以上に高速で表示されることは大きなメリットです。「ユーザーのストレス軽減」など、ユーザー体験を向上させる相乗効果も生まれるでしょう。

しかし、高速表示の他にもAMPを使うメリットは2つあります。それぞれ見ていきましょう。

AMPを導入する際は、事前にAMPをSEO対策に導入するデメリットについても把握しておきましょう。
以下では、AMPをSEO対策に導入する3つのデメリットをご紹介します。

AMPには多くの魅力がありますが、いざ導入しようとするとどこから手を付けたら良いのかが分からないという事態になるかもしれません。
そこで、以下ではAMPの導入する際の手順についてご紹介します。

AMP化する際は、AMPプラグインを導入することがおすすめです。
実は、WordPressを使用することで、簡単にプラグインを導入することができます。
具体的には、WordPressのプラグインの管理メニューで新規追加からAMPのインストールをするだけです。
プラグインを有効にしてから、WordPressのメニューに戻り、AMPを選択します。

次に、Experienceの項目のWebsiteにチェックを入れて、Website Modeを選ぶとAMP化は完了です。
実際に、ご自身のサイトがAMP化されているかどうかを確認するために、自サイトのURLを確認しましょう。
URLの最後にampという文字を付け加え、シンプルな自サイトが表示されると、AMP化は成功です。
モバイルページの表示を高速化する手法であるAMPをうまく活用することで、Googleからの評価は上がるため、SEO対策をされている方はAMPの活用を検討してみてはいかがでしょうか。

今はスマートフォンの時代。モバイルユーザーをターゲットにしたAMPは非常に良いプロジェクトでありテクノロジーです。しかし、メリットだけではなくデメリットもそれなりに存在します。

現在見つかっている注意点は以下こちらです。

＊AMPの仕様に沿ってサイト構築を行うため、当初のサイトデザインが大きく崩れるリスクがある

＊Javascriptが使えない

＊使える広告タグは限られている

＊AMP導入には高いコーディングスキルを要するため、サイトオープンまで時間がかかる（外注する場合はお金も）

＊AMPを無効にすることはできない

このように、一見メリットしか目立たないAMPにもマイナスな面はあるものです。調べてみると、実際にAMPに不満を持ったユーザーも意外と多いことが分かります。

導入の際は慎重に検討するようにしましょう。

以上、AMPの仕組みから注意点までを解説しました。

一体、Googleのこの新しい試みは今後どのように変化を遂げていくのでしょうか？

SEO的にも有利な展開になっていくのか、より普及が進むのか…。その動きに要注目ですね。注意点にも十分留意した上で、あなたのウェブページを検索結果で上位表示させるために活用することも視野に入れてみましょう。