2015年12月11日

寒気がしてきたので、Accelerated Mobile Pages(AMP)情報をざっくりまとめてみた

Accelerated Mobile Pages(AMP)

2015年10月の中旬からAMPネタが話題になりました。

事の発端はGoogle公式ブログの
Introducing the Accelerated Mobile Pages Project, for a faster, open mobile web

掻い摘んで説明すると、
現在のモバイルWebはウスノロすぎてイライラするので、
とにかく爆速にするためにプロジェクトを立ち上げました。

名前は、AMP（Accelerated Mobile Pages - アクセラレーテッド・モバイル・ページ＝アンプ）。

これを用いたWebサイトにしておけば、
ニュースやYouTube、アプリなんかも爆速になるので、
結果的にはみんながHappy！！（主に広告主なんだけどね）

そうそう、既に世界中の主要なITベンダーや出版関係や業界関係者と協力してて、
BBC、ウォール・ストリート・ジャーナル、Twitter、Pinterest、WordPress.com、Chartbeat、Parse.ly、
朝日新聞、毎日新聞、産経デジタルなどが計画技術パートナーになってるよ。

って感じなんですね。

AMPの仕組み

AMP HTMLというフレームワークがベースになっています。
これに従ってサイト構築しておけば、
Googleがそのコンテンツを専用のキャッシュにしてくれます。
要は、従来のサイトキャッシュとは別扱いというわけです。

で、ユーザーがAMP対応ページにアクセスすると、
GoogleがAMPキャッシュを使って対象のコンテンツを優先的に処理して表示してくれるというわけです。

【Accelerated Mobile Pages Project原文】

Accelerated Mobile Pages are just like any other HTML page,
but with a limited set of allowed technical functionality that is defined and governed by the open source AMP spec.
Just like all web pages, Accelerated Mobile Pages will load in any modern browser or app webview.
AMP files take advantage of various technical and architectural approaches that prioritize speed to provide a faster experience for users.
The goal is not to homogenize how content looks and feels, but instead to build a more common technical core between pages that speeds up load times.

In addition, AMP files can be cached in the cloud in order to reduce the time content takes to get a user’s mobile device.
By using the AMP format, content producers are making the content in AMP files available to be cached by third parties.
Under this type of framework, publishers continue to control their content,
but platforms can easily cache or mirror the content for optimal delivery speed to users.
Google has stated that it will provide a cache that can be used by anyone at no cost,
and all AMPs will be cached by Google’s cache. Other companies may build their own cache as well.

In summary, the goal is that that the combination of limited technical functionality
with a distribution system built around caching will lead to better performing pages,
and increased audience development for publishers.

Accelerated Mobile Pages Project

Google検索によるデモ ※スマホからのみ有効

AMPの導入方法

AMPは【AMP Project ・ GitHub】に導入方法が上がっています。

誰でも採用することが可能で、
現在のWebページをAMP HTMLの仕様に習って修正すればOKみたいです。

既にソースもアップされていますし、
マニュアルも、スタート、ガイド、インクルード、レイアウト、プラグイン、リファレンス、スクリプトなどが
揃っているので、すぐに試せそうですね。

【マニュアル】

AMPの近況

寒気はすると思ったら、やっぱりありました。
コレですね。

グーグル、AMP適用ページへの検索トラフィック送信を2月にも開始へ

2016年2月には開始みたいですね。

乗り遅れないようにしないと．．．

WordPressも対応を表明していて、専用のプラグインを1月末には出すそうなので、

あれっ？

AMP

もう既にプラグインでているんじゃ？

バージョンは0.1のようですね。