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 Berkmueller

Say thanks

Last edit

Over 11 years ago

Keywords

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

License

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

Autofocus a form field with HTML5 or jQuery

In Webkit you can use the HTML5-attribute autofocus:

= form.text_field :title, :autofocus => 'autofocus'

Here is a jQuery fallback for browsers that don't speak HTML5:

var Autofocus = {

  supported: function() {
    retur...

Posted by Ulrich Berkmueller to makandra dev (2011-06-06 12:42)

Semantic markup standard for search engines

Related cards:

Was ist Elastic?

Be careful! The following solution will delete files on a volume. If you don't know exactly what you're doing, you can run into big trouble with your computer.

disabled fields

Be careful!
The following solution will delete files on a volume. If you don't know exactly what you're doing, you can run into big trouble with your computer.