Accelerated Mobile Pages を始めるには | Google ウェブマスター向け公式ブログ

このページは、外部サイト Google ウェブマスター向け公式ブログ の情報をRSSフィード経由で取得して表示しているため、記事の一部分しか表示されていなかったり、画像などが正しく表示されなかったり、オリジナル記事が意図したデザインと異なっていたりする場合があります。
完全な状態のオリジナル記事は 「Accelerated Mobile Pages を始めるには」 からご覧ください。

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

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

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

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

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

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

Posted by Tom Taylor, AMP Community Manager
Original version: Official Google Webmaster Central Blog: How to get started with Accelerated Mobile Pages
メルマガの登録はこちら Web担当者に役立つ情報をサクッとゲット!

人気記事トップ10(過去7日間)

今日の用語

デジタルサイネージ
デジタルサイネージとは、電子的な表示装置を利用して、公共施設やイベント会場、店頭 ...→用語集へ

インフォメーション

RSSフィード


Web担を応援して支えてくださっている企業さま [各サービス/製品の紹介はこちらから]