html5 - How to markup "Related News" using microdata? -


a news post like

<article itemscope itemtype="http://schema.org/newsarticle">           <h1 itemprop="headline">awesome news</h1>        <div itemprop="articlebody">      bla bla bla...   </div>  </article> 

what if include related news , markup them?

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

try using element webpage itemtype (from: http://schema.org/webpage, know using newsarticle in case, used article example):

<div itemscope itemtype="http://schema.org/article">     <span itemprop="name">how tie reef knot</span>     <span itemprop="author">john doe</span>     article has been tweeted 1203 times , 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 sees this:

enter image description here

alternatively can this:

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

and google sees then:

enter image description here


Comments

Popular posts from this blog

javascript - Count length of each class -

What design pattern is this code in Javascript? -

hadoop - Restrict secondarynamenode to be installed and run on any other node in the cluster -