[レベル: 上級]

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

[レベル: 上級]

Googleは、”Live Ticker”（ライブ ティッカー）と呼ぶ、AMP用の新しいセクションをモバイル検索結果にこの秋に導入することを計画しているようです。
“Live Ticker”は、最新ニュースを掲載するためのAMPコンテンツ専用のセクションで、トップニュースのAMPカルーセルの上に表示されます。

パブリッシャー向けの発表会のなかで明らかにしたと、Digidayが報じています。

AMPカルーセルの上に表示される巨大な Live Ticker

Digidayの記事によれば、Live Tickerとは次のような特徴を持つセクションです。

• トップニュース枠（AMPカルーセル）の上に表示される
• ウェブのさまざまなソースから集めた、非常に新しいコンテンツが対象
• AMPコンテンツだけを掲載する

記事には、プレゼンテーションでGoogleが見せたLive Tickerが掲載される検索結果のモックアップが紹介されています。

モックアップを見ると、3週間ほど前に僕がたまたま遭遇したモバイル検索結果に酷似しています。

スマホのスクリーンの下半分には、今やおなじみになったトップニュースのAMPカルーセルが表示されています。
そしてそのカルーセルの上には、ひときわ目立つ大きな1枚の”AMPカード”が表示されています。
これがLive Tickerに違いありません。

位置と大きさのため、カルーセルよりも目を引きます。（ハ◯頭の写真なのも視線を引く要因かもしれませんがw）。

発表会に参加していたパブリッシャーによると、この新しい Live Ticker は秋ごろの公開が予定されているそうです。

モバイル検索結果は、上から順にAMP、AMP、AMP？

クエリに最も関連した非常に新しいコンテンツ（プレゼンでは、”the best super-fresh content”と表現）に対して、Live Tickerが適用されるとのことです。

通常の検索結果にもAMPページを含める開発プレビューのモバイル検索をGoogleは先日公開しました。

Live TickerとAMP混在の検索が正式導入されたとすると、クエリによっては、モバイル検索結果に掲載されるコンテンツは上から順に次のようになるかもしれません。

1. AMPのLive Ticker
2. トップニュースのAMPカルーセル
3. 通常の検索結果に混ざったAMPページ

ライブ配信や写真ギャラリー、実況中継など記事以外にもサポートを予定しているAMPコンテンツも発表会では紹介されたようです。
モバイル検索結果でAMPを掲載するセクションがさらに増えることになります。

ともすると、「検索結果に表示されるすべての結果がAMP」なんてことが近い将来に実際に起こりそうです。

たとえ今の段階ではAMP対応を見送っているとしてもまったく問題ないと僕は思います。
それでも、AMPの動向にはこれからも注視していきましょう。

- モバイル検索結果がすべてAMPになる日が来る!? 巨大なAMP専用枠”Live Ticker”をGoogleがこの秋に導入予定 -

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

[レベル: 中級]

モバイル検索の通常の検索結果で、スマホ向けページに置き換えてAMPページを表示する実験をGoogleは開始しました。
これまでは、AMPに対応したページは「トップニュース」として、通常の検索結果とは別枠のカルーセル（またはリスト）の中に掲載されていました。

AMPページとスマホ対応ページが混在

通常の検索結果にAMPページが表示される実験用の検索ページには、g.co/ampdemo からアクセスできます（スマホでアクセスしてください）。
うまくいかない場合は、こちらからアクセスしてください。

トップニュース用のAMPカルーセルではなく通常の検索結果の中にAMPページが表示されます。
（僕たちにとっては）おなじみのAMPマークが付いているのですぐにわかります。

検索結果の上には、AMPを説明するためのメッセージが表示されていますね。

こちらは、AMPページとスマホ対応ページが混在する状況がもっとわかりやすい検索結果です。

1つだけ（2つ目）が、スマホ対応で残りの3つはAMP対応です。

リッチスニペットの結果でもAMPとスマホ対応 (Mobile-friendly) が混在しています。

AMP対応ページがあるときはスマホ対応ページに置き換わる

検索結果に表示されたページにAMP対応したバージョンがあるときに、通常のスマホ対応バージョンのページに置き換わってAMP対応ページが表示されます。
つまりこの検索結果においては、AMP対応しているサイトでは通常のモバイル向けページは表示されなくなるということになります。

AMP対応していなければ、今までどおりにモバイル向けページが表示されます（モバイル対応していなければ、もちろん「スマホ対応」ラベルなしのPC向けページが表示される）。

ランキングアルゴリズムの変更ではない

注意したいのは、ランキングを決定するアルゴリズムの変更ではないという点です。

検索順位には影響しません。
そのページにAMP対応パージョンがあれば、代わりに、AMPページを優先して検索ユーザーに提示するというだけです。

AMPページを優先する理由は、単により速く表示されるページをユーザーに提供することで、ユーザー体験を向上させることが目的です。
AMPページの評価や順位を上げることが目的ではありません。

AMP対応で十分、スマホ対応は不要になる？

“early preview”（初期プレビュー）ということで、AMPを通常の検索結果に差し込むモバイル検索は実験が始まったに過ぎません。
実際に導入されるかどうかはユーザーの反応次第です。

とはいえ、いずれ導入されるだろうと個人的には思います。

ただし、解決しなければならない問題が出てくるだろうし、そのままではなくさまざまな改良がきっと加えられるでしょう。

通常の検索結果からだとしたら、AMPページにアクセスされることを望まないサイトがあるだろうことは容易に想像できます。

AMPは徹底的な高速性を追求するために、できることに制限がかかっています。
高速性を失わないようにさまざまな機能がAMPでも利用できるようにAMPプロジェクトは取り組んではいます。
しかし、今すぐに何でもできるようになるわけではありません。

AMP専用枠じゃないなら、通常のスマホ対応ページに来てもらったほうがメリットが多いと考えるサイトも必ず出てくるはずです。

またAMPページを優先表示するなら、モバイル向けページを作る必要がなくなりそうです。
Google検索のようにAMPをサポートするプラットフォームではなかったとしても、AMPページをユーザーに見せても問題はありません。
いっそのこと、これまでのモバイル向けページを完全にAMP対応ページに置き換えてしまったほうがコストも下がります。

もっとも、それはそれで良いことなのかもしれませんけどね。

いずれにしても、Googleが検索でAMPをどのように扱っていくのか、目が離せない状況は続きます。

- スマホ対応が不要になる!? Google、通常のモバイル検索結果でスマホ向けページの代わりにAMPページを表示する実験を開始 -

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