Google でのウェブストーリー(web stories)
ウェブストーリーは、動画、音声、画像、アニメーション、テキストを融合して動的な消費体験を創造する、一般的な「ストーリー」形式のウェブ バージョンです。タップでコンテンツ内を移動し、スワイプで次のコンテンツに進めることにより、自分のペースで読み進めることができる視覚的な形式です。
このガイドでは、Google 検索、Google Discover、Google 画像検索でのウェブストーリーの表示方法と、その表示を有効にする方法について説明します。
Google でウェブストーリーを有効にする方法の概要は次のとおりです。
- ウェブストーリーを作成する。
- ウェブストーリーが有効な AMP であることを確認する。
- メタデータを確認する。
- ウェブストーリーがインデックスに登録されているかを確認する。
- ウェブストーリーのコンテンツ ポリシーを遵守する。
Google でのウェブストーリーの表示方法
Google Discover
Google Discover のカルーセル: Android と iOS の最新の Google アプリの Google Discover で、フィードの先頭付近にカルーセル形式で表示されるようにできます。このカルーセルは、米国、インド、ブラジルで利用できます。 この例は、ライフスタイル コンテンツを対象としたものです。他の例としては、美容、フィットネス、有名人、ウェルネス、エンターテイメント、オピニオンがあります。 |
![]() |
Google Discover の単独のカード: Discover フィードの中に、タップしてストーリーを読むことができる単独のカードとして表示されるようにすることもできます。この表示形式は、Google Discover が利用可能なすべての地域と言語で利用できますが、最も多く表示されるのは米国、インド、ブラジルです。 |
![]() |
Google 検索
Google 検索のギャラリー表示: Google 検索のギャラリー表示の中に表示されるようにできます。ユーザーが「ニューヨークのおすすめスポット」を検索すると、複数のサイト運営者のウェブストーリーが、ギャラリー表示の一部として表示されます。特定のサイト運営者を検索すると、そのサイト運営者のサイトのウェブストーリーのみがギャラリー表示に表示されます。ギャラリー表示の形式は、米国内において英語で利用できます。 |
![]() |
Google 検索の単独の結果: Google 検索に単独の結果として表示されるようにできます。この表示形式は、Google 検索を利用できるすべての地域と言語で利用できます。 |
![]() |
Google 画像検索
Google 画像検索: Google 画像検索にウェブストーリー アイコンの付いた画像カードとして表示されるようにできます。この表示形式は、Google 検索を利用できるすべての地域と言語で利用できます。 |
![]() |
ウェブストーリーを作成する
ウェブストーリーの中身はウェブページなので、通常のウェブページを公開する場合と同じガイドラインおよびベスト プラクティスに準拠してください。始める方法には、次の 2 つがあります。
- ストーリー エディタのツールを 1 つ選んで、コーディングなしでストーリーを作り始めます。
- エンジニアリング リソースをお持ちの場合は、AMP を使用して始めることができます。ウェブストーリーを適切にレンダリングさせるには、Chrome デベロッパー ツールを使用して、さまざまなデバイスのサイズやフォーマットをシミュレートすることをおすすめします。
滞りなく進めるため、ウェブストーリーの作成に関するベスト プラクティスをご確認ください。
ウェブストーリーが有効な AMP であることを確認する
ストーリーを作成したら、ウェブストーリーが有効な AMP であることを確認してください。有効な AMP ストーリーとは、さまざまな AMP 仕様を遵守している AMP ストーリーのことです。有効な AMP ストーリーであれば、AMP Cache から配信することで、高い性能と最適なユーザー エクスペリエンスを実現できます。次のツールを使用すると、ウェブストーリーが有効な AMP であることを確認できます。
- ウェブストーリー Google テストツール: ウェブストーリーが有効かどうかを確認します。
- URL 検査ツール: ウェブストーリーが有効な AMP であることと、URL の Google インデックス登録ステータスを確認します。
- AMP Linter: 開発中にウェブストーリーをコマンドラインから検証します。
メタデータを確認する
ウェブストーリーが Google 検索または Google Discover に表示されるように、必要なメタデータを指定してウェブストーリーをプレビューに表示します。
- メタデータの一覧をご覧ください。
- ウェブ ストーリー Google テストツールを使用して、ウェブ ストーリーのプレビューが正しく表示されることを確認します。
ウェブストーリーには、publisher-logo-src
、poster-portrait-src
、title
、publisher
の各フィールドが必要です。
![ウェブストーリーには、publisher-logo-src、poster-portrait-src、title、publisher の各フィールドが必要です。](https://developers-dot-devsite-v2-prod.appspot.com/static/search/docs/images/web-stories-fields.png?authuser=6&hl=ja)
ウェブストーリーがインデックスに登録されているかを確認する
Google 検索がウェブストーリーをインデックス登録しているかどうかを確認します。URL 検査ツールを使用して個々の URL を送信するか、ページのインデックス登録レポートまたはサイトマップ レポートを使用してステータスを確認します。ウェブ ストーリーがインデックスに登録されない場合は、次のことを行います。
- Google がウェブ ストーリーを発見しやすくするため、サイトからウェブ ストーリーにリンクするか、ウェブ ストーリーの URL をサイトマップに追加します。
- すべてのウェブストーリーは正規である必要があります。各ウェブストーリーに自身の URL に対する
link rel="canonical"
が指定されていることを確認します。例:<link rel="canonical" href="https://www.example.com/url/to/webstory.html">
- ウェブストーリーの URL が robots.txt や
noindex
タグで Googlebot に対してブロックされていないことを確認します。