LoginSignup
2
2

More than 5 years have passed since last update.

AMPについて

Last updated at Posted at 2016-04-22

AMPとは?

Accelerated Mobile Pages
(アクセラレイティッド・モバイル・ページ)

GoogleとTwitterが協同して策定したモバイルウェブ高速化を目的としたプロジェクト/イニシアチブです。

実際のページで確認したほうがわかりやすいので、以下参照してください。

AMP検索結果

スマホで確認できます。
https://goo.gl/1S5oBH
Screenshot_2016-03-11-13-15-42.jpg

こちらがAMP対応ページの検索結果です。
「fashion」に関する記事(静的ページ)が横に並んで出てきます。
AMPという記述があり、時間が新しい順に並んでいます(2016.03.11時点)
facebookのタイムラインが横に並んでいる感じです。

Screenshot_2016-03-11-15-30-13.jpg

AMPの静的ページを選択すると横にスワイプで検索結果じ合致した静的ページをどんどん見られます。
これが超速い!!!!

従来の検索結果との違い

https://goo.gl/AtNwem
Screenshot_2016-03-11-13-21-55.jpg

従来の検索結果です。
サイトごとに記事が表示され、選択するとそのサイトに遷移してページを読み込みます。

対応状況

(2016.03.11時点)
新聞社やニュースサイトなどが対応しています。
・朝日新聞
・毎日新聞
・産経新聞(関連コンテンツ)
・日刊大衆
・マイナビニュース
・ZAKZAK
・zassi.net

日本語検索結果例:
https://goo.gl/1mFZ8S
https://goo.gl/42w3Bu

AMPの利点

とにかく爆速で静的コンテンツが表示される
SEO順位が優遇されるかも(現段階ではなんとも言えません・・)

できること

画像の追加→OK 
SNSボタン→OK aタグによる追加
関連記事→OK(静的リンク)
GoogleAnalytics→OK
広告の追加→OK 

◆SNSリンクが設置されているAMPページ:
http://www.asahi.com/amp/articles/ASJ3B340HJ3BULFA006.html

◆関連記事が設置されているAMPページ:
http://zakzak-amphtml.googleusercontent.com/amphtml/pages/CAIiEKNUrssjoHG05NpntzfTZqsqGQgEKhAIACoHCAowyJ_yCjD6gtACMNiEngM#

実際の書き方はこちら
http://qiita.com/quuuteee/private/55c0d6ed735917127281

参考:
http://qiita.com/daikiueno/items/e239bb0723bd97c55071
http://masup.net/2015/10/fits-amp-html.shtml

2
2
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
2
2