[レベル: 上級]

AMPプロジェクトは、ECサイトでのAMPサポートに現在取り組んでいます。
ですが、現状でもECサイトがAMPに対応することはできます。

今すぐ始められるECサイトのAMP対応についてAMPプロジェクト公式ブログが解説しました。
要点をまとめてこの記事で紹介します。

カテゴリページのAMP対応

一般的に静的で、商品の一覧を表示するために設計されているカテゴリページはECサイトの中では特にAMPに向いています。

<amp-carousel> のような要素を利用するとスマートフォンでも商品を閲覧しやすくなります。
<amp-carousel> はいわゆる”カルーセル”をAMPページで実装できる仕組みです。
水平方向にフリックすることで、次から次へとスライド式に商品を閲覧できます。

こちらはAMPで構成されたカテゴリページのサンプルです。

Recommendations（おすすめ）のセクションはカルーセルになっています。

商品詳細ページのAMP対応

商品の個別の詳細ページでは、次のようなAMP要素を利用できます。

• <amp-carousel> ―― カテゴリページでも紹介したカルーセルUI
• <amp-video> ―― AMPページに動画を設置
• <amp-accordion> ―― アコーディオン型のUI
• <amp-social-share> ―― ソーシャルボタンの設置
• <amp-sidebar> ―― サイドバーを設置（普段は隠れていて画面の左をタップすると出現させることができる）
• <amp-list> ―― リスト表示のUI

最後に挙げた <amp-list>には CORS JSON を使うことで、関連商品を動的に表示させることができます。
試験運用中の <amp-access>を組み合わせると、ログインしたユーザーにはパーソナライズしたおすすめ商品を表示させることもできます（こちらもCORS JSONを使う）。
なお動的にコンテンツを表示するための amp-mustache テンプレートが準備されています。

ほかには、ECサイトでよく使われるサムネイル画像ギャラリーのようなUIも開発が始まっています。

こちらはAMPで構成された商品詳細ページのサンプルです。

画面の下部にある「SHOW VIDEO」をタップすると動画を視聴できます。
その下にはソーシャルボタンが設置されています。

Description（商品説明）やSpecification（仕様）などはアコーディオンUIです。
初期状態では見出しだけで、タップすると本文が出現します。

アクセス解析のAMP対応

ECサイトでも当然のことながらアクセス解析は重要です。
<amp-analytics>を使えば、AMPページでもアクセス解析を設置できます。
Googleアナリティクスや現在はAdobe Analyticsを始め、現在は数多くのアクセス解析がAMPをサポートしています。

購入のAMP対応

ECサイトのコンバージョンポイントでもある、購入はまだAMPでは実装できません。
AMPでの購入を可能にする <amp-form> の実験が始まっています。

現状では購入は通常のページで処理するしかありません。
AMPページから通常ページに移ったときでもユーザーには一貫した体験を提供することが重要だと公式ブログの記事は説明しています。

もしProgressive Web App（PWA、プログレッシブ ウェブ アプリ）を実装しているなら、AMPからPWAへの連携が可能です。
<amp-install-serviceworker> を使います。

まだ購入ができないので、ECサイトでのAMP化を急ぐ必要はないと僕は思います。
それでもいずれは（近いうちに？）可能になるでしょうから、もし労力を確保できるなら一部分からでもAMPを試してみると面白いかもしれませんね。

もし運営するECサイトのAMP対応をすぐに始めるなら、詳細を知るために公式ブログ記事を自分でも読んでください。

AMP対応しないとしても、少なくとも、AMPのECサイトサポートがどんな状況にあるのかに関してはアンテナを張っておいたほうがいいでしょう。
AMP対応するにはどういった作業が必要なのかも今から調べておけば、AMP化をスムーズに始められます。

- 今すぐ始められる、ECサイトでのAMP対応 -

Posted on: 海外SEO情報ブログ - SuzukiKenichi.COM by Kenichi Suzuki

[レベル: 上級]

AMPプロジェクトは、第3四半期 中間のロードマップを更新しました。

ロードマップには、その期間にAMPプロジェクトが集中的に取り組む、新機能の追加や機能の改善に関する予定と進捗が示されています。

ECサイトでの利用が想定されている機能のサポートが、第3四半期のロードマップには含まれています。

ECサイトでの利用を想定したAMPの新機能

ECサイトのAMP対応の普及を目的に、新しい機能の開発に取り組むことになっています。

たとえば、次のような機能をECサイトのAMPページで利用できるようにします。

• フォーム
• サムネイル画像ギャラリー
• アクセス解析

フォーム

AMPページでフォームを使えるようにします。
<form> や <input> に相当する機能がECサイトでは必須です。
こうした機能を含むフォームに必要な仕組みを amp-form という拡張仕様によって、AMPページでも利用可能にしていきます。

• Intent to Implement: AMP Forms Support

サムネイル画像ギャラリー

ECサイトでよく使われる、サムネイル画像を並べて、1つをタップするとその拡大画像を表示する機能をAMPページでも提供します。

• Component for image attached to thumbnail carousel (amp-image-picker-carousel)

アクセス解析

ECサイトでは、ほかの業種のサイトでは取得しないような解析データが必要になってきます。
ECサイトで必要な、イベントトラッキングや商品情報の取得などECサイト向けのアクセス解析を可能にしていきます。

• amp-analytics e-commerce features

ECサイトでは、eBayが先行して試験的にAMP対応を始めています。
しかし、AMP化したのは商品一覧ページです。
コンテンツがほとんど変化せず、「カートに入れる」のようなユーザーからのアクションは発生しません。
ニュース記事と同じ、AMPと相性がいい静的なコンテンツと言えます。

そうではなく、商品詳細ページで購入ができる状態のAMPページを提供するための取り組みが本格的に始まりました。

通常の検索結果にAMP対応ページを表示する開発プレビューのモバイル検索をGoogleは先日公開しました。
プレビュー版ではなく実際の検索でのテストも始まっています。

Googleが着々とAMPサポートを拡大させるなか、AMP対応したくても必要な機能を提供できないために歯がゆく感じているサイト管理者もいることでしょう。
AMPのECサイト機能サポートをこの記事では取り上げましたが、ECサイト以外でもよく使われる機能のAMPサポートも少しずつ始まっています。

通常のスマホ向けページと同じユーザー体験をAMPページでも提供できるようになれば、AMP対応へのハードルがずいぶんと低くなります。
今後のAMPの発展に期待しましょう。

- AMPプロジェクトが第3四半期のロードマップを更新、ECサイトでのAMPサポートを目指す -

Posted on: 海外SEO情報ブログ - SuzukiKenichi.COM by Kenichi Suzuki

[レベル: 上級]

通常のモバイル検索にAMP対応したページを表示する開発プレビューをちょうど2週間前にGoogleは公開しました。
g.co/ampdemo にアクセスすることでAMP用に特別に作られた検索結果を体験できます。

しかし、本当の通常検索でAMPページを表示するテストをすでに始めているようです。

本番環境でのAMP結果

開発プレビューの検索結果では、上部にAMPを紹介するメッセージボックスが掲載されます（キャプチャは英語ですが、日本語の検索結果では日本語になります）。

しかしこちらのAMP結果にはそのメッセージが表示されていません。
なぜなら、開発プレビューではなく本当に通常の検索結果だからです。

AMPカルーセルの上、検索結果1位のAMP Projectの公式ページにAMPマークが付いています。

少し下にスクロールしても、AMPページが検索結果に出ています。

もう少し下がると Mobile-friendly（モバイル対応）ラベルのページも混ざってきました。

開発プレビューではなく、本番環境でのモバイル検索にAMPページを表示するテストに遭遇したユーザーはほかにもいます。

本番環境でのAMP検索を本当に実験しているのかどうかという質問に対して、GoogleのGary Illyes（ゲイリー・イリェーシュ）氏は次のように答えています。

僕らは常に実験やテストを行っている。きっとそういったのに出会ったのだろう。

@glenngabe @JohnMu we're experimenting and testing things all the time. You're most likely seeing that

— Gary Illyes (@methode) 2016年8月12日

僕も運良く（？）被験者に当たったのでしょう。
でもシークレットモードで立ち上げた時だったので、閉じたらもう体験できなくなりそうです。;(

ちなみに、同じ状態で日本のGoogleではAMPページは表示されず普通のモバイル検索結果でした。

一般ユーザーの反応を伺うためか？

一般ユーザーが開発プレビューの検索結果を利用するとは思えません。
AMPページを表示する検索結果を本番環境で提供することによって、普通のユーザーがどのように反応するかをGoogleは確かめようとしているのでしょう。

それにしても、僕の予想よりも早く本番に移してきました。
ともすると開発プレビューの公開と同時に実環境でもテストを始めていたのかもしれませんね。

AMP検索の年内の公開をGoogleは予定しているようですが、一般ユーザーの反応は果たしてどうなることでしょう。

- Google、開発版ではなく本番のモバイル検索でAMP結果を表示するテストを開始 -

Posted on: 海外SEO情報ブログ - SuzukiKenichi.COM by Kenichi Suzuki