7

ニュース投稿は次のようになります

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

  <h1 itemprop="headline">Awesome News</h1>    

  <div itemprop="articleBody">
     bla bla bla...
  </div>

</article>

関連するニュースを含めてマークアップしたい場合はどうすればよいですか?

<ul>
  <li><a href="related_news_1.html">Related News 1</a></li>
  <li><a href="related_news_2.html">Related News 2</a></li>
  <li><a href="related_news_3.html">Related News 3</a></li>
</ul>
4

1 に答える 1

5

WebPage itemtype の要素を使用してみてください ( http://schema.org/WebPageから、この場合は NewsArticle を使用していることはわかっていますが、この例では Article を使用しました):

<div itemscope itemtype="http://schema.org/Article">
    <span itemprop="name">How to Tie a Reef Knot</span>
    by <span itemprop="author">John Doe</span>
    This article has been tweeted 1203 times and contains 78 user comments.
    <meta itemprop="interactionCount" content="UserTweets:1203" />
    <meta itemprop="interactionCount" content="UserComments:78" />
</div>


<ul itemscope itemtype="http://schema.org/WebPage">
    <li itemprop="relatedLink"><a href="related_news_1.html">Related News 1</a></li>
    <li itemprop="relatedLink"><a href="related_news_2.html">Related News 2</a></li>
    <li itemprop="relatedLink"><a href="related_news_3.html">Related News 3</a></li>
</ul>

Google ウェブマスター ツールでは、次のように表示されます。

ここに画像の説明を入力

または、次のようにすることもできます。

<ul itemscope itemtype="http://schema.org/WebPage">
    <li><a href="related_news_1.html" itemprop="relatedLink">Related News 1</a></li>
    <li><a href="related_news_2.html" itemprop="relatedLink">Related News 2</a></li>
    <li><a href="related_news_3.html" itemprop="relatedLink">Related News 3</a></li>
</ul>

そしてGoogleはそれを次のように見ています：

ここに画像の説明を入力

于 2013-07-11T09:21:01.247 に答える