[レベル: 上級]
ライブブログ (Live blogs) の記事更新をカルーセル形式で検索結果に表示する機能をGoogleは一般公開しました。
ライブブログとは、たとえばアカデミー賞の授賞式やスポーツの試合などをリアルタイムにブログ記事で実況中継する配信方法です。
赤色の「Live」ラベルが目印
こちらはGoogle DevelopersのGoogle+アカウントがライブブログのカルーセルを導入したことをアナウンスした投稿です。
Earlier this year, we announced that users would start seeing carousels with news content on the Search results page, powered by structured data markup that publishers implement. Today, we’re launching a new form of publisher carousels, specifically for live blogs. We’ve worked with a group of partners over the last couple months to launch this experience, including The Guardian, Washington Post, The Telegraph and platform provider ScribbleLive.
Starting today, we are making the markup that powers these live blog carousels publicly available. So, if you’re a publisher interested in improving the way that users find your content in Google Search, head over to g.co/LiveBlogMarkup to learn more. And if you’re interested in learning about other ways Google Search can help you drive acquisition and engagement for your app and web properties, visit g.co/DeveloperSearch.
フランス対イングランド戦のサッカーの試合をリアルタイムで記事配信しているThe Guardianのライブブログが、カルーセルでモバイル検索結果に表示されています（※スマホからは見えないので元の投稿で見てください）。
URLの前に付いている赤色の「Live」ラベルがライブブログの目印です。
検索結果のカルーセルで試合状況を読むことができます。
結果をタップ/クリックすればThe Guardianのサイトに飛んで、実際のライブブログ配信をサイト上で読むことができます。
ライブブログのschema.orgでマークアップ
ライブブログのカルーセルを検索結果に表示させるには構造化データでマークアップする必要があります。
schema.orgの BlogPosting と LiveBlogPosting を用います。
<script type="application/ld+json">
{
"@context":"http://schema.org",
"@type":"LiveBlogPosting",
"url":"http://awesometechblog.com/2015/03/09/apple_spring_forward",
"about":{
"@type":"Event",
"startDate":"2015-03-09T13:00:00-07:00",
"name":"Apple Spring Forward Event",
"location":{
"@type":"EventVenue",
"name":"…",
"address":{
"@type":"PostalAddress",
"streetAddress":"701 Mission St",
"addressLocality":"San Francisco",
"addressRegion":"CA",
"postalCode":94103,
"addressCountry":"US"
}
}
},
"coverageStartTime":"2015-03-09T11:30:00-07:00",
"coverageEndTime":"2015-03-09T16:00:00-07:00",
"headline":"Apple Spring Forward Event Live Blog",
"description":"Welcome to Foo's live coverage of the Apple Spring Forward …",
"liveBlogUpdate":[
{
"@type":"BlogPosting",
"headline":"Coming this April, HBO NOW will be available exclusively in the U.S. on Apple TV and the App Store.",
"url":"http://awesometechblog.com/2015/03/09/apple_spring_forward#post3",
"datePublished":"2015-03-09T13:08:00-07:00",
"articleBody":{
"@value":"It's $14.99 a month.
And for a limited time, …",
"@type": "rdf:HTML"
}
},
{
"@type":"BlogPosting",
"headline":"iPhone is growing at nearly twice the rate of the rest of the smartphone market.",
"datePublished":"2015-03-09T13:13:00-07:00",
"image":"http://images.apple.com/live/2015-mar-event/images/573cb_xlarge_2x.jpg"
},
{
"@type":"BlogPosting",
"headline":"See the new flagship Apple Retail Store in West Lake, China.",
"url":"http://awesometechblog.com/2015/03/09/apple_spring_forward#post1",
"datePublished":"2015-03-09T13:17:00-07:00",
"video":{
"@type":"VideoObject",
"thumbnail":"http://images.apple.com/live/2015-mar-event/images/908d2e_large_2x.jpg"
}
}
]
}
</script>ライブブログのschema.orgマークアップの要件や注意点は、Developersサイトで詳しく説明されています。
ライブブログ カルーセルの設定方法（schema.orgマークアップ）は一般公開しましたが、検索結果で適用されているのは今ところThe GuardianやWashington Post、The Telegraphなど限られたメディアサイトだけです。
しかし将来的にはすべてのコンテンツ提供者に開放する計画だとのことです。
ライブブログ配信している日本のサイトを僕は知らないのですが、もしやっているのであれば実装してみるのもいいかもしれませんね。