web-dev-qa-db-ja.com

itemprop = "duration"を設定する方法は？

Microdataで曲の duration を設定しようとしています。 Microdataで期間を記述する最良の方法は何ですか？

spanでitemprop="duration"を使用しているか？

<span itemprop="duration" content="PT4M5S">4:05</span>

またはtime要素を使用していますか？

<time itemprop="duration" datetime="PT4M5S">4:05</time>

またはmeta要素を使用していますか？

<meta itemprop="duration" content="PT4M5S"/>4:05

またはそれらすべての組み合わせ？

<span itemprop="duration" content="PT4M5S">
    <time itemprop="duration" datetime="PT4M5S">
        <meta itemprop="duration" content="PT4M5S"/>4:05
    </time>
</span>

私は試してみましたが、結果は3期間であった最後の1つを除いて、すべてGoogleの構造化データテストツールで機能しました。

html5microdataschema.org
3
anasqadrei

duration property は、値として Duration を想定しています。これは ISO 8601期間形式 でなければなりません。

time element には、値として「 有効期間文字列 」を含めることができます（ISO 8601形式の1つに基づいています）。値「PT4M5S」は有効です。

だからあなたは使うべきです

<time itemprop="duration" datetime="PT4M5S">4:05</time>

Microdataパーサー 値を使用する必要がありますdatetime属性（存在する場合）。

（meta要素は、表示コンテンツをマークアップできない場合にのみ使用する必要があります。）

1
unor

完全な詳細と例は MusicRecording Schema で見ることができます。

具体的には、以下はこのタイプのデータの正しいマークアップです。

<div itemscope itemtype="http://schema.org/MusicGroup">

<h1 itemprop="name">Foo Fighters</h1>


<div itemprop="video" itemscope itemtype="http://schema.org/VideoObject">
  <h2>Video: <span itemprop="name">Interview with the Foo Fighters</span></h2>
  <meta itemprop="duration" content="T1M33S" />
  <meta itemprop="thumbnail" content="foo-fighters-interview-thumb.jpg" />
  <object ...>
    <param ...>
    <embed type="application/x-shockwave-flash" ...>
  </object>
  <span itemprop="description">Catch this exclusive interview with
    Dave Grohl and the Food Fighters about their new album, Rope.</span>
</div>


<h2>Songs</h2>

<div itemprop="track" itemscope itemtype="http://schema.org/MusicRecording">
  <span itemprop="name">Rope</span>
  <meta itemprop="url" content ="foo-fighters-rope.html">
  Length: <meta itemprop="duration" content="PT4M5S">4:05 -
  14300 plays<meta itemprop="interactionCount" content="UserPlays:14300" />
  <a href="foo-fighters-rope-play.html" itemprop="audio">Play</a>
  <a href="foo-fighters-rope-buy.html" itemprop="offers">Buy</a>
  From album: <a href="foo-fighters-wasting-light.html"
    itemprop="inAlbum">Wasting Light</a>
</div>

<div itemprop="track" itemscope itemtype="http://schema.org/MusicRecording">
  <span itemprop="name">Everlong</span>
  <meta itemprop="url" content ="foo-fighters-everlong.html">
  Length: <meta itemprop="duration" content="PT6M33S">6:33 -
  <span itemprop="playCount">11700</span> plays
  <a href="foo-fighters-everlong-play.html" itemprop="audio">Play</a>
  <a href="foo-fighters-everlong-buy.html" itemprop="offers">Buy</a>
  From album: <a href="foo-fighters-color-and-shape.html"
    itemprop="inAlbum">The Color And The Shape</a>
</div>


<h2>Upcoming shows</h2>

<div itemprop="event" itemscope itemtype="http://schema.org/Event">
  <a href="foo-fighters-may20-fedexforum" itemprop="url">
    <span itemprop="name">FedExForum</span>
  </a>
  <span itemprop="location">Memphis, TN, US</span>
  <meta itemprop="startDate" content="2011-05-20">May 20
  <a href="ticketmaster.com/foofighters/may20-2011" itemprop="offers">Buy tickets</a>
</div>

<div itemprop="event" itemscope itemtype="http://schema.org/Event">
  <a href="foo-fighters-may23-midamericacenter" itemprop="url">
    <span itemprop="name">Mid America Center</span>
  </a>
  <span itemprop="location">Council Bluffs, IA, US</span>
  <meta itemprop="startDate" content="2011-05-23">May 23
  <a href="ticketmaster.com/foofighters/may23-2011" itemprop="offers">Buy tickets</a>
</div>

<h2><a href="foo-fighters-photos">28 Photos</a></h2>
<a href="foofighters-1.jpg" itemprop="image"><img src="foofighters-thumb1.jpg" /></a>
<a href="foofighters-2.jpg" itemprop="image"><img src="foofighters-thumb2.jpg" /></a>
<a href="foofighters-3.jpg" itemprop="image"><img src="foofighters-thumb3.jpg" /></a>


<h2>Comments:</h2>
Excited about seeing them in concert next week. -Lawrence , Jan 23
I Dig their latest single. -Mary, Jan 19
<meta itemprop="interactionCount" content="UserComments:18" />
Showing 1-2 of 18 comments. <a href="foofighters-comments">More</a>

</div>
3
zigojacko