アクセラレイテッド・モバイル・ページ(AMP)とは?
Accelerated Mobile Pages (AMP)とは、Googleが開発したオープンソースのHTMLフレームワークで、モバイル端末向けに最適化された、読み込み速度の速いウェブページを作成するためのものである。Googleが述べているように、AMPはランキング要因ではない。
AMPの仕組み
AMPは、HTML、CSS、JavaScriptを簡素化・合理化したものを使用し、特に高速なパフォーマンスを実現するように設計されています。ここでは、AMPがどのように高速化を実現しているかを紹介する:
- 簡略化されたHTMLAMP HTMLは、標準的なHTMLの制限バージョンで、ページの読み込み時間を遅くする特定のタグや機能を排除しています。
- 制限されたJavaScriptAMPページでは非同期JavaScriptのみが許可され、JavaScriptがページのレンダリングをブロックすることを防ぎます。
- 最適化されたCSSAMPはインラインCSSを必要とし、そのサイズは50KB未満でなければなりません。これにより、スタイルシートがページのレンダリングを遅らせることがなくなります。
AMPキャッシュ
AMPのユニークな側面には、キャッシュ、特にAMPキャッシュが含まれる。Google、Bing、Twitterなど、AMPを使用する主要なプラットフォームは、AMP Cacheを利用している。これは、AMPドキュメントをキャッシュし、読み込みを高速化するプロキシベースのコンテンツデリバリーネットワーク(CDN)である。これらのプラットフォームがAMPページにリンクする場合、AMPキャッシュ上のバージョンにリンクすることが多い。
AMPキャッシュの利点
- ロード時間の短縮AMPページのキャッシュバージョンを提供することで、AMPキャッシュはロード時間を大幅に短縮し、ユーザーエクスペリエンスを向上させます。
- パフォーマンスの向上キャッシュされたページはプリレンダリングされ、ユーザーに近いサーバーから配信されるため、全体的なパフォーマンスが向上します。
AMPを使用する利点
- ユーザーエクスペリエンスの向上ロード時間の短縮は、モバイルデバイスでの直帰率の低下とエンゲージメントの向上につながります。
- モバイルSEOの向上AMPは直接的なランキング要因ではないが、ページロードの高速化とユーザーエクスペリエンスの向上は、モバイル検索ランキングにプラスの影響を与える可能性がある。
- より良い広告パフォーマンスAMPページは、より速いロード時間と最適化されたコンテンツ配信により、広告ビューアビリティ率が向上することがよくあります。
AMPの導入
AMPを実装するには、ウェブページのAMPバージョンを個別に作成する必要があります。基本的な手順は以下の通り:
- AMP HTMLの作成AMP HTMLの仕様を使用して、既存のHTMLの簡易版を作成します。
- AMPコンポーネントの追加 標準的なHTMLタグを、パフォーマンスに最適化されたAMP固有のコンポーネントで置き換える。
- AMPページを検証する AMP Validatorを使用して、ページがAMP基準を満たしてい ることを確認しましょう。
- 公開とテストAMPページを公開し、Google Search Consoleなどのツールを使ってテストし、パフォーマンスとインデックスを監視する。
AMPの詳細や実装方法については、AMPプロジェクトや GoogleのAMPガイドなどの権威ある情報源を参照されたい。
AMPを理解し実装することで、モバイルウェブページのパフォーマンスを大幅に向上させ、ユーザーにより良い体験を提供し、検索順位を向上させる可能性があります。