Category Archives: SEO

Rich Snippets

My name is Walter Tavares but people call me jimmy. Here is my blog: I live in Porto, or like many say Oporto, and work as an Engineer at Adclick Lda. This short text is an example of rich snippets, as you can(‘t) see the snippet declaration is embed in the html and invisible at a first look.

1
2
3
4
5
6
7
8
<div itemscope itemtype="http://data-vocabulary.org/Person">
  <img itemtype="photo" src="https://lh6.googleusercontent.com/-fvZW9TH7daI/AAAAAAAAAAI/AAAAAAAAAAA/nvSFNg3jAEM/s128-c/photo.jpg" />
  My name is <span itemprop="name">Walter Tavares</span>
  but people call me <span itemprop="nickname">jimmy</span>.
  Here is my blog: <a href="http://istopodedarjeito.blospot.com" itemprop="url">istopodedarjeito.blospot.com</a>
  I live in Porto, or like many say Oporto, and work as an <span itemprop="title">Engineer</span>
  at <span itemprop="affiliation">Adclick Lda</span>.
</div>

The Rich Snippets have 3 different formats, microdata, microformat and RFDa.

Implementation:

. microdata

1
2
3
4
5
6
7
8
<div itemscope itemtype="http://data-vocabulary.org/Person">
  <img itemtype="photo" src="https://lh6.googleusercontent.com/-fvZW9TH7daI/AAAAAAAAAAI/AAAAAAAAAAA/nvSFNg3jAEM/s128-c/photo.jpg" />
  My name is <span itemprop="name">Walter Tavares</span>
  but people call me <span itemprop="nickname">jimmy</span>.
  Here is my blog: <a href="http://istopodedarjeito.blospot.com" itemprop="url">istopodedarjeito.blospot.com</a>
  I live in Porto, or like many say Oporto, and work as an <span itemprop="title">Engineer</span>
  at <span itemprop="affiliation">Adclick Lda</span>.
</div>

. microformats

1
2
3
4
5
6
7
8
<div class="vcard">
  <img class="photo" src="https://lh6.googleusercontent.com/-fvZW9TH7daI/AAAAAAAAAAI/AAAAAAAAAAA/nvSFNg3jAEM/s128-c/photo.jpg" />
  My name is <span class="fn">Walter Tavares</span>
  but people call me <span class="nickname">jimmy</span>.
  Here is my blog: <a href="http://istopodedarjeito.blospot.com" class="url">istopodedarjeito.blospot.com</a>
  I live in Porto, or like many say Oporto, and work as an <span class="title">Engineer</span>
  at <span class="affiliation">Adclick Lda</span>.
</div>

. RFDa

1
2
3
4
5
6
7
8
<div xmlns:v="http://rdf.data-vocabulary.org/#" typeof="v:Person">
  <img property="v:photo" src="https://lh6.googleusercontent.com/-fvZW9TH7daI/AAAAAAAAAAI/AAAAAAAAAAA/nvSFNg3jAEM/s128-c/photo.jpg" />
  My name is <span property="v:name">Walter Tavares</span>
  but people call me <span property="v:nickname">jimmy</span>.
  Here is my blog: <a href="http://istopodedarjeito.blospot.com" rel="v:url">istopodedarjeito.blospot.com</a>
  I live in Porto, or like many say Oporto, and work as an <span property="v:title">Engineer</span>
  at <span property="v:affiliation">Adclick Lda</span>.
</div>

Of course the snippets is not implemented as you wish, you need to follow some rules, here’s the dictionary.

Web Testing Tool

/wt