ニュース記事を提供しているメディアやコンテンツ提供者が、これまでのモバイル向けのウェブページに加えて、AMP HTML に準拠したウェブページを公開すると、Google のクローラーが AMP ページをキャッシュします。キャッシュされたコンテンツが検索クエリに関連が深いと判断された場合、検索結果にはキャッシュされたページの URL がリンクされます。検索結果に表示されたキャッシュ済みの AMP ページにユーザーがアクセスする場合には、キャッシュ済みのためコンテンツの取得までの時間が短く、また広告やアナリティクスといったタグは遅延読込されるため、記事の表示が瞬時に行われます。
すでに
先日のブログポストで AMP ページの実装方法をご紹介しましたが、再度簡単に AMP ページの実装手順をご紹介します。なお AMP の仕様はまだ策定が進んでいる途中ですので、新規に対応される場合には常に
GitHub にある最新の情報をご確認されることをおすすめします。
- AMP ページと正規版のページの URL の対応を検討する
- 正規版の URL にパスを追加する 例） https://foo.com/article/amp/index.html
- ファイル名に文字を追加する 例） https://foo.com/article/index.amp.html
- URL パラメータを追加する 例） https://foo.com/article/index.html?amp
- AMP ページ設置予定の URL に Google のクローラーがアクセスできるようにする
- robots.txt を確認する
- 正規版のページのメタタグに nofollow 等がないようにする
- AMP HTML の仕様にしたがい、AMP ページを作成する
- validator を用いて AMP ページが正しくマークアップされているかいずれかの方法で確認する
- Structured Data Testing Tool を使ってメタデータが正しく記述されているかを確認する
- Search Console の AMP レポートツール を使って AMP ページがインデックスされているか確認する
- Google のクローラー側でエラーを検出した場合はこちらでレポートされるのでよく確認する
AMP プロジェクトはオープンソース プロジェクトであり、いまも多くの方々から多くの新機能や改善点がソースコードや Issue Tracker を通じて実装・提案され、随時取り入れられています。ぜひ Google 検索で AMP のスピードを体感してみてください。皆様の AMP プロジェクトへの参加と AMP ページのご対応を楽しみにお待ちしております！
