web-dev-qa-db-ja.com

PublicationIssueの「目次」と「埋め込みコンテンツ」をMicrodataでマークアップする方法は?

定期刊行物の PublicationIssue があり、ToC/summaryで Articles のリストを含むWebページと、iframeが埋め込まれたファイルドキュメントを表示するとします。問題の内容はページに直接コード化されたnotですが、ファイルの埋め込みとして完全に利用可能です。

たとえば、次の単純化されたHTMLを考えます。

<article>
    <h1>Issue number 42</h1>

    <div class="toc">
        Table of contents:
        <ul>
            <li>Editorial</li>
            <li>First article</li>
            <li>Another interesting article</li>
            <li>The importance of microdata</li>
            <li>Microtagging your ToC like a pro</li>
        </ul>
    </div>

    <!-- here we have an embed document via iframe like a PDF or maybe a google doc or similar  -->
    <iframe src="url-to-file-embed"></iframe>
</article>

ulが関連記事の問題の目次であり、問​​題の内容が実際にsrc埋め込みのiframeであることをクローラーに通知できるように、上記を構造化データでマークアップするにはどうすればよいですか?

1
Gruber

iframeの場合、Microdataはsrc値をプロパティ値として使用します。そのため、iframeitemprop="url"を指定して、このファイルPublicationIssue であることを伝えることができます。

ただし、ToCのプロパティはないようです。 hasPartごとにArticleのみを指定する場合でも、 name を使用して各Articleを指定できます。ファイルで特定のパーツ/ページへのリンクが許可されている場合は、link要素で各記事のリンクを提供できます。そうでない場合は、単にurlプロパティを省略します。

<article itemscope itemtype="http://schema.org/PublicationIssue">

  <ul>

    <li itemprop="hasPart" itemscope itemtype="http://schema.org/Article">
      <span itemprop="name">First article</span>
      <link itemprop="url" href="url-to-file-embed#page-2" /> <!-- omit if there is no such URL --> 
    </li>

    <li itemprop="hasPart" itemscope itemtype="http://schema.org/Article">
      <span itemprop="name">Another interesting article</span>
      <link itemprop="url" href="url-to-file-embed#page-4" /> <!-- omit if there is no such URL --> 
    </li>

  </ul>

  <iframe itemprop="url" src="url-to-file-embed"></iframe>

</article>
1
unor