Google AMP No Standalone対応前に知っておくべきポイント（2017年5月版）

LINEフロントエンドレンジャーのWeb開発術 第8回

Googleの検索結果UIについて

Normal Result UI

　AMP実装を行ったページは検索結果の表示が優遇されます。

　AMP実装したページは、Google AMP Viewerと呼ばれる、Googleの検索結果内にJavaScriptで実装している専用内部ブラウザでページ遷移なしで表示されます。

No	説明
1	通常検索の結果に「AMP」ラベルがつく。 クリックでAMP実装されたページが表示（通常のSP用ページには遷移しません）。
2	構造化データで定義した付加情報も表示される。
3	Google Searchに実装されているGoogle AMP Viewerで記事が高速表示される。 スワイプをすることでリッチカードで隣にあった記事に切り替えることができる。

Special Result UI

　AMP実装と構造化データ（JSON-LD）を記載することで、特別枠にリッチカード UI形式で情報が追加表示されます。ただし、Google側で最適でないと判断された場合、正しくマークアップをしても検索結果に表示されないのでご注意ください。

　構造化データ「Article」or「NewsArticle」 or 「BlogPosting」 を定義した際に適応されます。

No	説明
4	特定キーワードでニュース記事を検索した際の表示。 AMP実装したニュース記事が「トップニュース」という特別枠にリッチカード UI形式で追加表示。
5	サイト名で検索した際の表示。 サイト内で扱っているAMP実装した記事が「トップニュース」という特別枠にリッチカード UI形式で追加表示。
6	特定キーワードでニュース記事を検索した際の表示。 通常の検索結果の下にAMP実装した関連記事をリッチカード UI形式で表示。

　構造化データ「ItemList」を定義した際に適応されます。この構造化データをリストページに記載後、詳細ページに「Recipes」 or 「Restaurant」 or 「TV & Movies」の構造化データを設定することで対応が可能となります。

No	説明
7	通常の検索結果の下に指定した記事をリッチカード UI形式で表示。 飲食店やレシピ、映画（TV）形式にのみ対応。