Cách đánh dấu "Tin tức có liên quan" bằng microdata?

Question

Một bài tin tức sẽ như thế nào

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

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

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

</article> 

gì nếu tôi muốn bao gồm tin tức liên quan và đánh dấu chúng?

<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> 

Answer 1

Hãy thử sử dụng phần tử từ WebPage itemtype (từ: http://schema.org/WebPage, tôi biết rằng bạn đang sử dụng NewsArticle trong trường hợp này, nhưng tôi đã sử dụng Điều ví dụ này):

<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 Webmaster Tools nhìn thấy nó như thế này:

Ngoài ra Bạn có thể làm điều đó như thế này:

<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> 

Và Google nhìn thấy nó như thế này thì: