Semantic markup standard for search engines

If you would like to enrich your website with semantic markup like contact data, places or events you should have a look at schema.org Show archive.org snapshot . "Search engines including Bing, Google and Yahoo! rely on this markup to improve the display of search results, making it easier for people to find the right web pages."

The following example from the schema.org documentation Show archive.org snapshot shows you how to describe a movie with semantic markup:

<div itemscope itemtype ="http://schema.org/Movie">
  <h1 itemprop="name">Avatar</h1>
  <div itemprop="director" itemscope itemtype="http://schema.org/Person">
  Director: <span itemprop="name">James Cameron</span> (born <span itemprop="birthDate">August 16, 1954)</span>
  </div>
  <span itemprop="genre">Science fiction</span>
  <a href="../movies/avatar-theatrical-trailer.html" itemprop="trailer">Trailer</a>
</div>

Further reading:

How to Create an HTML5 Microdata Powered Resume Show archive.org snapshot

schema.org

Ulrich Berkmüller

Say thanks

Last edit

2012-09-13

Keywords

html, html5, microdata, semantic, markup, seo, event, contact, data

License

Source code in this card is licensed under the MIT License.

Posted by Ulrich Berkmüller to makandra dev (2011-06-06 12:42)