AMP(Accelerated Mobile Pages)

技術&インフラ

Googleが開発したモバイルページの高速読み込みフレームワークで、モバイル出版に関連します。

定義

AMP(Accelerated Mobile Pages)は、モバイルデバイスで高速読み込みページを提供するためにGoogleが開発したオープンソースのウェブフレームワークです。AMPページは、レンダリング速度を優先するために、JavaScriptとCSSに厳格な制限を設けた簡素化されたHTMLバージョンを使用します。このフレームワークはGoogleのCDNにページをキャッシュし、検索結果でプリレンダリングするため、Google検索からタップした際にAMPページはほぼ即座に読み込まれるように見えました。AMPは2016年から2021年にかけて、ニュースパブリッシャーやコンテンツサイトに広く採用されました。特にGoogleのトップストーリーカルーセルが当初AMP対応ページの掲載を必須としていたためです。2021年にGoogleがトップストーリーのAMP要件を撤廃し、ランキングの重点を[コアウェブバイタル](/glossary/core-web-vitals)に移したことで、フレームワークの影響力は大幅に低下しました。

重要な理由

モバイルの読者はページが3秒以内に読み込まれることを期待しています。遅いコンテンツは読者を失い、検索ランキングに悪影響を与えます。2016年から2021年にかけてAMPに投資したパブリッシャーにとって、フレームワークは速度と検索の可視性に計測可能な改善をもたらしました。しかし、AMPは厳しい制限を課すことで速度を実現しました — カスタムJavaScript禁止、CSS制限、限定的な分析機能、そして埋め込みビデオ、フォーム、3Dアニメーションなどのインタラクティブ要素のサポートなし。ブラウザのパフォーマンスとモバイルネットワークが向上するにつれ、適切に最適化された標準ウェブページとAMPページの差は大幅に縮まりました。パブリッシャーは現在、特にモダンフレームワークが機能を犠牲にすることなく同等の読み込み時間を達成できる状況で、AMPの制限が減少する利点に見合うかどうかを検討する必要があります。

よくある誤解

**「AMPは良いモバイルランキングに必要である。」** これは2021年までは部分的に正しく、GoogleがトップストーリーカルーセルにAMPを要求していました。それ以降、GoogleはAMPの使用に関係なく、コアウェブバイタル(Largest Contentful Paint、Cumulative Layout Shift、Interaction to Next Paint)に基づいてページをランク付けしています。適切に最適化された標準ページはAMPページと同様にランク付けされます。 **「AMPページは常に通常のページより高速である。」** AMPはキャッシュと制限により速度を達成しますが、モダンな画像フォーマット、最小限のJavaScript、エッジキャッシュを備えた適切に最適化された標準ウェブページは、AMPの読み込み時間に匹敵するか上回ることができます。体感される速度の優位性は、AMP自体のHTMLサブセットではなく、主にGoogleのCDNプリレンダリングに由来していました。 **「AMPを廃止するとトラフィックが減る。」** AMPから移行した多くのパブリッシャーは、安定したまたはむしろ改善されたトラフィックを報告しています。標準ページにはよりリッチなコンテンツ、より良い分析、エンゲージメントと滞在時間を増加させるインタラクティブ要素を含めることができるようになったためです。

技術的な詳細

AMPはHTMLレベルで一連のルールを適用することで機能します: - **JavaScript**: AMPはすべてのカスタムJavaScriptを禁止しています。AMP独自のコンポーネントライブラリのみが許可され、インタラクティビティは画像カルーセルやアコーディオンなどのプリビルトコンポーネントに限定されます。 - **CSS**: すべてのスタイルはインラインで合計75KB以下でなければなりません。外部スタイルシートはブロックされます。 - **リソース**: 画像、ビデオ、iframeはAMP固有のタグ(`amp-img`、`amp-video`、`amp-iframe`)を使用し、レイアウトシフトを防ぐために事前宣言された寸法が必要です。 - **キャッシング**: AMPページはGoogleのAMP Cache CDNにキャッシュされ、パブリッシャーのオリジンサーバーではなくGoogleのサーバーから配信されます。 - **バリデーション**: ページはAMP Validatorに合格して有効なAMPページとして認識され、検索結果でAMPバッジを受け取る必要があります。 これらの制限は、[リードキャプチャフォーム](/glossary/lead-capture)、カスタム[アナリティクス](/glossary/analytics-dashboard)スクリプト、埋め込み[フリップブック](/glossary/flipbook)ビューア、インタラクティブな製品デモがAMPページ内では機能できないことを意味します。

FlipLinkでの使い方

FlipLinkはAMPを使用しません。フリップブックビューアはAMPが課す制限なしに、すでにモバイルパフォーマンスに最適化されているためです。フリップブックは軽量でレスポンシブなページとして配信され、あらゆるデバイスで高速に読み込まれます。Three.jsを活用したページめくり体験は画面サイズに自動的に適応し、FlipLinkのビューアコントロールにより読者はピンチズーム、ページスワイプ、タッチジェスチャーでのナビゲーションが可能です。[CTAボタン](/glossary/call-to-action-cta)、リードキャプチャフォーム、リアルタイムアナリティクスなどの機能はすべてモバイルで完全に動作します — これらはAMPの制約されたHTMLサブセット内では不可能です。FlipLinkのページは遅延読み込み、最適化された画像配信、最小限のレンダリングブロックリソースにより、強力なコアウェブバイタルスコアを達成しており、検索パフォーマンスにおいてAMPは不要です。

重要なポイント

AMPは実在する問題 — 遅いモバイルページ — を解決しましたが、モダンウェブ開発が克服した制限を通じてそれを実現しました。モバイル戦略を評価するパブリッシャーは、AMPの採用ではなくコアウェブバイタルの最適化に注力すべきであり、FlipLinkのようなプラットフォームは、リッチでインタラクティブなモバイル体験が機能を犠牲にすることなくAMPページと同等の速度で読み込めることを実証しています。

関連用語

他の言語で利用可能

PDFを
もっと活用しませんか?

FlipLinkを活用して、PDFから魅力的でインタラクティブなコンテンツを作成している多くの企業に加わりませんか。クレジットカード不要で無料スタートできます。