Google推奨のAMPを勉強する際に見るべき・知っておくべきサイト一覧
2018年6月24日Googleが推奨するAMP(Accelerated Mobile Pages)プロジェクトをWordPress(当ブログ)で実装練習しているのですが、『このサイトは最初から知っておいた方が良いなー』と思ったサイト一覧を簡単にまとめてみました!
AMPは表示速度がかなり早いことや、検索結果としてリッチリザルトを表示できることからユーザビリティ向上にも役立つので、SEOにも影響することは間違いないと思っていいでしょう。
これからAMPを勉強する人の参考にでもなれば幸いです!
AMPの公式サイト
https://www.ampproject.org/ja/
「AMPについて」やチュートリアルなど、AMPを構築する為に必要な情報が全て記載されています。AMPとは何か?から知りたい方はぜひ読んでみてください。
スポンサードサーチ
AMP by Example
主にAMPのコンポーネント集が掲載されているサイト。
amp-accordionやamp-carouselなど、AMP独自の仕様で作成されたコンポーネントのサンプルが紹介されています。
AMP構築の際に役立つのでぜひ活用したい!
AMP Start
https://www.ampstart.com/templates
AMPで構築されたサンプルページがたくさんあるテンプレートサイトです。何ならこのテンプレートを使ってAMP対応サイトを作るのもありかも…
スポンサードサーチ
AMP テスト
https://search.google.com/test/amp?hl=ja
作成したAMPページがレギュレーション通りに作成されているかをチェックするツール。AMPは実装できた!と思っていてもこのテストツールでチェックすると意外とエラーが出ていたりするもの。。AMPページを作成、変更した際には必ずチェックするようにしましょう!
リッチリザルトテスト
https://search.google.com/test/rich-results?hl=ja
リッチリザルト対応したページが問題ないかチェックしてくれるツールです。
ちなみに、リッチリザルトとは検索結果として通常表示されるテキストリンクよりも高度な機能をもつ検索結果のこと(カルーセル表示、画像表示など)です。
例えば、『ラーメン 作り方』で検索した際に、
検索結果にテキストリンク以外に、サムネイル画像も表示されるようなものがリッチリザルトの一例としてあります。
まとめ
AMPを勉強する初期の段階で上記のサイトを活用することで、よりスムーズに理解が進むのではないかと思います!