Google AMP（Accelerated Mobile Pages）は、モバイル端末でよりスムーズなブラウジングを実現するためにGoogleが策定したオープンソースプロジェクトです。

このプロジェクトは、より高いパフォーマンス、より高いエンゲージメント、より少ないデータ使用量を約束し、ユーザーとパブリッシャーの両方に利益をもたらします。

アンプの仕組みは？

[embed]https://youtu.be/9Cfxm7cikMY[/embed]。

今年（2018年）7月にページスピードがモバイルページのランキング要因になりましたが、AMPはウェブサイトのスピードに対するニーズに応えるために登場しました。実際、AMPは**ブラウジング速度を最大85%高速化することを約束しています。

HTML、JavaScript、CSSの最適化と制限を組み合わせることで、ページの読み込みをほぼ瞬時に行うことができます。作者が書いたJavaScriptとは異なり、AMP特有の要素でスピードと互換性を確保しています。

また、上記の折りたたみ優先、特定アンプのキャッシュ、プリレンダリングにより、ページスピードが向上しています。また、小さなファイルやメディアの使用、サーバーからのリソース要求の少なさにより、さらに高速化を実現しました。

また、AMPでの最適化により、画像やiframe（広告用）が読み込まれる前でも、ページのレイアウトが常に正しく読み込まれるようになります。

これは、HTML文書内で画像とiframeのサイズを指定することで実現されます（「静的レイアウト」と呼ばれます）。これは、基本的に、リソースが読み込まれたときに、リソースに合わせてコンテンツが移動するのを止めるものです。

アンプ・キャッシングは何ですか？

有効なAMPサイトが公開されると、AMPエコシステムの一部として、ページが自動的にキャッシュされます。キャッシュには、AMP文書、フォント、画像などが保存されます。

現在、AMPキャッシュは、GoogleのAMPキャッシュとCloudflareのAMPキャッシュの2つが使用されています。クラウドフレアのサーバーだけでも、50カ国102カ所をカバーしています。

誰かがコンテンツにアクセスするたびにキャッシュが更新され、更新されたコンテンツは次のユーザーに自動的に提供される。これにより、最新版のサービスをより多くの方に迅速に提供できるようになりました。

キャッシュサーバーは、コンテンツをキャッシュするだけでなく、以下のような最適化および修正を行います。

• AMP形式は検証中です。
• 画像サイズを制限することで、ブラウザのメモリ問題やレスポンスの低下を防ぐことができます。
• 特定のメタデータなど、見えない・見えにくい画像データを削除する。
• GIF、PNG、JPEG画像など、より小さく、よりモバイルに適した画像形式に変換し、WebP対応ブラウザでWebP（WebPとは？
• リクエストに保存データヘッダが含まれる場合、画像は低品質に変換される。
• レスポンシブサイズの画像への対応を追加。
• 安全な経路（HTTPS）で提供され、最新のウェブプロトコル（SPDY、HTTP/2）を使用しています。
• AMPドキュメントをクリアにすることで、不正に閉じられたHTMLタグやコメントなどに基づくXSS攻撃を防止します。

これらの最適化に加えて、キャッシュはパースの正常化のために多くのHTMLのクリーンアップ処理を完了します。

AMPキャッシュの最適化については、googledevelopersのページに全リストが掲載されています。

アンプの実際の効果は何ですか？

AMPの最大の魅力はスピードです。そのため、Google、Facebook、Baidu、Pinterest、Twitterなど、多くのパブリッシャーがこの技術を採用しています。速度が上がることでエンゲージメントが高まり、直帰率がほぼゼロになります。

AMPは、モバイルインターネットの普及率が低い地域や、空港やカフェなどの混雑して遅い公共ネットワークに特に適しています。そのため、アプリ内のコンテンツは読み込みが速く、通常のブラウジングは遅いのです。

フォレスター・コンサルティングが昨年行った調査（グーグルの委託）で、次のことがわかりました。

「AMPを導入すると、ウェブサイトのトラフィックが10%増加し、ページ滞在時間が2倍増加します。AMPを利用したECサイトでは、AMPでないページと比較して、売上コンバージョンが20％増加したことも判明しています。"

Googleが**で人気のストーリーカルーセルは、GoogleのAMPキャッシュのみを使用して記事を表示するため、多くのパブリッシャーにとってAMPの使用は自動的な選択となるはずです。

****AMPを活用しているサイトとしては、***、eBay、AliExpressが挙げられます。モバイル端末のGoogle検索でこれらのサイトのコンテンツ（AMPアイコンが表示されているもの）をクリックすると、これらのサイトのページのAMP版を読み込むことができます。

アンプ・ストーリー

今年初めのAMPエコシステムのもう一つの目玉は、AMPストーリーでした。Snapchatのストーリーと同様に、多くのパブリッシャーに利用されている。例えば、CNNの太陽系探査ミッションに関する記事や、Mashableのブラックパンサーに関するエッセンシャルガイドなどが良い例です。

AMPストーリー広告は、ストーリー機能に追加されたもので、最近GoogleAdManagerを使用しているすべてのサイトが利用できるようになりました。これらは、AMPストーリーに表示されるフルスクリーン広告で、AMPを1年前よりも便利にする数多くの改良点の1つである。

アンプの欠点(アンプの欠点)は何ですか？

Google、Twitter、Pinterest、Messengerなどを使用する場合、外部リンクはリンク先のドメインではなく、ドメイン自体で開かれることに気づかれるでしょう。

AMP-viewerはユーザーの閲覧体験を向上させますが、Webサイト運営者にとってはマイナスになることもあります。訪問者がどのようにサイトを閲覧するかをコントロールする力を奪ってしまうのです。

これにより、サイトのページビューが崩れ、広告収入が途絶える可能性があります。AMPのためにGoogle Analyticsを使用していない場合、解決するのが困難な分析およびトラッキングの問題さえあります。

とはいえ、追跡の難しさを好む読者もいるだろうし、その場合、ネット上のストーカーを見つけるにはどうしたらいいのか。

モバイル端末におけるGoogleのトップニュースカルーセルは、AMP対応コンテンツのみを提供することになります。すべてのAMPコンテンツへのトラフィックの大半は検索グッドから来るので、これは重要な事実です。

このような優遇措置は、ニュース番組だけにとどまらない。また、GoogleはAMP対応サイトを、標準的なモバイルフレンドリーサイトを含む他のどのリンクよりも高く打ち出す予定です。つまり、AMP自体は技術的にページランクの要因にはなりませんが（まだ）、スピードの向上はそれに値するものなのです。

AMPページを公開しても、使用するOSやアプリケーション、端末によっては、必ずしも利用されるとは限りません。Cloudflareを使用している場合、モバイルリンクの高速化を有効にすることで、モバイルデバイス上のサイトからのAMPコンテンツを、その発信元に関係なく認識し表示することができます。

また、クラウドフレアは、**を使用する際のプライバシーとパフォーマンスの向上に貢献します。

アンプにおけるビジュアライゼーションとデザイン

私たちは派手なウェブサイトが大好きです。しかし、AMPの制限により、レスポンシブWebサイトやモバイルデザインで保持していたはずのWebサイトの視覚的な魅力が失われる可能性があります。

例えば、WordPressのプラグインは、サイトの簡略版を提供することでAMPに対応します。これらのWordPressからAMPへのコンバータは、視覚的なアピールが少なく、多くのAMPサイトが似ている主な理由の1つとなっています。

AMPページをコンバーターではなく、手作業でデザインすれば、従来のモバイルデザインに似た、より視覚的に魅力的なデザインを得ることができます。

AMPはまだ道半ばであり、多くの開発者は、Googleのエコシステムにさらに組み込まれることになるため、その利用に強く反対しています。そのため、多くの人がGoogleに代わるものを探しています。

アンプページは作るべき？

AMPは、特に日常的に多くのコンテンツを提供しているWebサイトオーナーに多くのメリットをもたらします。しかし、JavaScriptの過剰な使用、サーバーレスポンスの低下、ファイルサイズの大きさなど、Webサイトを遅くする問題の多くは、AMPを実装しなくても解決できます。

スマート**デザインは、あなたのWebサイトに素早く作用します。GoogleのJenny Goveが、優れたモバイルサイトの構築方法について記事を書いているので、一読の価値がある。

WordPressのAMPプラグインやDrupalのAMPプラグインがあり、AMPコンテンツを生成することができます。それ以外では、AMPROJECTのクイックスタートドキュメントがAMPページを手動でコーディングするための貴重なリソースとなります。

AMPProjectのWebサイト全体が実際にAMPで作成・レンダリングされているので、これらのページがモバイル端末だけでなく、あらゆる解像度でどのように見えるかを示す良い例と言えます。

様々な理由からAMPに対する反感が強い中、Stonetemple.comのウェブサイトでは10の事例を調査し、ユーザーエンゲージメントとコンバージョン率の違いを確認しました。AMPの実装が完全に完了する限り、ニッチに関わらず、ほとんどのサイトに効果が現れると結論付けています。

要は、AMPを導入することでお客様にメリットがあるかどうかを検討する必要があるのです。提供するサービスやコンテンツによっては、モバイルページでの改善が加算されない場合もあります。適切な最適化により、モバイルページも高速に読み込むことができます。

アンプを無効化する方法

キャッシュはAMPエコシステムの中核であり、有効なAMPドキュメントを公開すると、自動的にキャッシュ配信の対象として選択されます。ページを削除したい場合、GoogleはGoogle検索からAMPコンテンツを削除する方法についてのガイドを書きました。

ユーザーとしてAMPページの読み込みを止めたい場合は、AMPリンクを無効にして、**でオリジナルページを読み込むことができます。