Accelerated Mobile Pages を始めるには

2016 年 9 月 14 日(水曜日)

Accelerated Mobile Pages に関心はあるけれど、どうやって始めたらよいかわからない方もいらっしゃるでしょう。サイトの AMP バージョンを作成して瞬時に読み込まれるようにするのは思ったほど難しくはありません。

WordPressDrupalはてななどのコンテンツ管理システム(CMS)をお使いの場合は、プラグインをインストールして有効化するのと同じくらい簡単に AMP をセットアップできます。ただし、AMP ページを作成する手法が CMS ごとに若干異なりますので、詳しい作成手順につきましては開発元にご確認ください。

一方、サイトにカスタム HTML を使用していたり、AMP の仕組みについて詳しく知りたい場合は、AMP コードラボ(英語)をお試しください。初めての AMP ページを作成する手順を、解説に沿って実際にコードを修正しながら体験できます。コードラボでは、以下に示す AMP の基礎を学ぶことができます。

  • AMP によって、モバイルウェブのユーザー エクスペリエンスがどのように改善されるか
  • AMP ページの基本
  • AMP の制限
  • AMP ウェブ コンポーネントが、ウェブサイトによくある問題を解決する方法
  • 作成した AMP ページを検証する方法
  • AMP ページを Google 検索のために準備する方法

基礎を習得できたら、高度なコンセプトのコードラボ(英語)に取り組むことをおすすめします。

コードラボを試された方、サイトに AMP プラグインを追加された方は、下のコメント欄または Google+ の Google ウェブマスター コミュニティからフィードバックをお願いします。質問がある場合は、お気軽にウェブマスター ヘルプ フォーラムに投稿してください。