Accelerated Mobile Pages (AMP) は、Google が Twitter と共同で開発したオープンソースの HTML フレームワークです。このプロジェクトの目的は、モバイル ユーザーにとって Web コンテンツをより高速かつ使いやすくし、合理化された効率的なブラウジング エクスペリエンスを提供することです。AMP は、Web ページをシンプルかつ効率的な形式でレンダリングすることでこれを実現し、読み込み時間を短縮し、ユーザー エンゲージメントを強化します。
高速モバイルページの誕生と出現
Accelerated Mobile Pages プロジェクトは、2015 年 10 月に Google によって初めて発表されました。Google は、Twitter、Pinterest、LinkedIn、WordPress.com を含む多数の出版社、テクノロジー企業、プラットフォームと提携し、モバイル Web コンテンツの新しい高速標準を作成しました。
主な目標は、モバイル ユーザーにとってますます肥大化し、遅くなる Web エクスペリエンスに対抗することでした。その考え方は、ユーザーが期待する機能を犠牲にすることなく、不要な要素を削ぎ落とし、速度を優先することでした。2016 年 2 月までに、AMP は Google のモバイル検索結果に統合され、正式にデビューしました。
高速モバイルページの拡張
Accelerated Mobile Pages は、本質的には、通常の HTML の簡素化されたバージョンです。AMP は、モバイル ユーザーの速度と読みやすさを重視し、特定の Web テクノロジー セットを使用して Web ページを配信します。AMP は、AMP HTML、AMP JS (JavaScript)、AMP Cache という 3 つのコア コンポーネントで構成されています。
AMP HTML は、カスタム タグとプロパティがいくつか含まれた HTML のサブセットです。画像用の amp-img や動画用の amp-video など、パフォーマンスの向上に役立つ組み込みのカスタム要素がいくつか含まれています。
AMP JS はリソース処理と非同期読み込みを管理し、ページの最速レンダリングを実現します。非同期 JavaScript のみを許可し、スクリプトがレンダリング パスをブロックしないようにします。
Google が提供する AMP キャッシュは、キャッシュされた AMP HTML ページを提供します。キャッシュには、ページが AMP 基準を満たしているかどうかを確認する検証システムが組み込まれており、信頼性と速度が保証されます。
高速化されたモバイル ページの内部の仕組み
Accelerated Mobile Pages は、合理化された HTML フレームワークを使用し、ページの読み込み時間を遅くする原因となる特定の HTML、CSS、JavaScript 要素を制限します。AMP は遅延読み込みを採用しており、ユーザーが Web ページを開いたときに必要なコンテンツのみが読み込まれるため、コンテンツ配信の速度が向上します。
AMP システムでは、JavaScript は最小限に抑えられています。カスタム AMP 要素内ではサードパーティの JavaScript は許可されていないため、レンダリングのブロックを防止できます。代わりに、インタラクティブ コンテンツはカスタム AMP 要素で処理されます。AMP の CSS もインライン化され、サイズが制限されているため、取得するデータが少なくなります。
AMP キャッシュも重要な役割を果たします。ユーザーが AMP ページをリクエストすると、そのページは Google AMP キャッシュから取得され、ページのパフォーマンスが自動的に向上します。
高速モバイルページの主な機能
-
スピードとパフォーマンス: AMP ページは標準のモバイル ページよりも高速に読み込まれるため、シームレスなユーザー エクスペリエンスが提供されます。
-
検索エンジン最適化: AMP 対応ページは Google の検索エンジン アルゴリズムによって優先され、検索エンジン結果ページ (SERP) での可視性が高まります。
-
エンゲージメントと収益化: ページの読み込みが速くなると、ユーザーエンゲージメントが向上し、直帰率が低下し、広告の視認性が向上します。
-
分析AMP は、ユーザー データを蓄積、分析、および処理するための機能を備え、幅広い分析、広告ネットワーク、テクノロジーをサポートします。
高速化されたモバイルページの種類
AMP にはさまざまな「タイプ」があるわけではなく、さまざまなコンテンツ タイプやプラットフォームで AMP の実装が異なります。次に例を示します。
- AMP ウェブサイト: 速度とパフォーマンスのために AMP HTML で完全に構築された標準の Web サイト。
- AMP ストーリー: タップ可能で、魅力的で、没入感のある、オープン Web 向けのビジュアル ストーリーテリング形式。
- AMP 広告: AMP を使用して作成された広告は読み込みが速くなり、ユーザー エクスペリエンスと広告のパフォーマンスが向上します。
- AMP メール: AMP フレームワークを使用したインタラクティブなリアルタイムの電子メール。
使い方、問題、解決策
AMP は主にニュース出版社、e コマース サイト、広告プラットフォームで使用され、モバイル デバイスで高速で魅力的なエクスペリエンスを提供します。ただし、AMP はページが過度に単純化されていること、本格的な Web サイトに比べて機能が制限されていること、Google のインフラストラクチャに依存していることなどが批判されています。
Google は、機能性を高めるためのコンポーネントの追加や、速度と使いやすさのバランスの改善など、これらの問題に対処するために AMP フレームワークを継続的に改善してきました。
類似技術との比較
特徴 | AMP | 通常のモバイルページ | レスポンシブウェブデザイン |
---|---|---|---|
スピード | すごく高い | 適度 | デザインにより異なる |
SEOのメリット | 高い | 低い | 適度 |
モバイル重視 | はい | いいえ | はい |
インタラクティブ性 | 限定 | 高い | 高い |
Googleへの依存 | 高い | いいえ | いいえ |
将来の展望と技術
AMP の将来は、柔軟性と機能性の向上を目指し、継続的なアップデートにより、速度を維持しながらより豊かなエクスペリエンスを実現していきます。ネイティブ アプリのようなエクスペリエンスを Web アプリケーションにもたらすプログレッシブ Web アプリ (PWA) では、その「エントリ ページ」に AMP を統合するケースが増えています。PWA と AMP テクノロジの組み合わせにより、瞬時に読み込まれる没入型の Web エクスペリエンスの未来が約束されます。
AMP とプロキシサーバー
OneProxy などのプロキシ サーバーは、AMP コンテンツの提供に使用できます。これらのサーバーは AMP ページをキャッシュしてユーザーに配信できるため、読み込み時間とパフォーマンスが向上します。ただし、Google AMP キャッシュによって提供される検証と最適化は、特に実装されない限り実行されません。
関連リンク
AMP の詳細については、以下をご覧ください。
この包括的な AMP のレビューでは、AMP の起源、機能、アプリケーション、将来について探ります。モバイル インターネットの使用が拡大するにつれて、AMP の必要性が高まり、より高速でユーザー フレンドリーな Web をすべてのユーザーに提供できるようになるでしょう。