Rich Snippet

I enhanced my homepage with a rich snippet, describing myself, and using their "rich snippets tester", the following structured information would be available in a "Custom Search Engine".



Here is the rich snippet in my homepage source code:

   
<!-- Google Rich Snippet information -->
<div xmlns:v="http://rdf.data-vocabulary.org/#" typeof="v:Person" style="color: white">
   <span property="v:name">Terrence A. Brooks</span>
   <span property="v:url">http://faculty.washington.edu/tabrooks/</span>
   <span property="v:affiliation">The Information School</span>
   <span rel="v:address">
     <span property="v:locality">Seattle</span>
   </span>
   <span property="v:title">Associate professor</span>

</div>
    
   

If you study the code above, you'll note that I styled the rich snippet information to be color WHITE. Note that my homepage backgound is a white color. Thus, I'm not really playing fair and square with the whole rich snippets idea. Rich snippets should be for information that you want to appear on a web page (i.e., you're selling widgets and you want the widget name and price to show up on the web page, so you mark up the widget name and price with rich snippets). Being vain about the appearance of my homepage, however, I both wanted to mark it up with a rich snippet, but I didn't want that information to mar the visual presentation. So, in reality, I'm not using rich snippets in the manner they were intended. Oh well.

Read about rich snippets (structured data)

Read about describing people's contact information. Note the RDFa link at the bottom of the page.


Build your own Rich Snippet

Here is their example of describing a person using RDFa to produce a Rich Snippet:

<div xmlns:v="http://rdf.data-vocabulary.org/#" typeof="v:Person">
   My name is <span property="v:name">Bob Smith</span>,
   but people call me <span property="v:nickname">Smithy</span>.
   Here is my homepage:
   <a href="http://www.example.com" rel="v:url">www.example.com</a>.
   I live in
   <span rel="v:address">
      <span typeof="v:Address">
         <span property="v:locality">Albuquerque</span>,
         <span property="v:region">NM</span>
      </span>
   </span>
   and work as an <span property="v:title">engineer</span>
   at <span property="v:affiliation">ACME Corp</span>.
   My friends:
   <a href="http://darryl-blog.example.com" rel="v:friend">Darryl</a>,
   <a href="http://edna-blog.example.com" rel="v:friend">Edna</a>
</div>	
		
	

Use this example, but modify it for yourself, your webpage, your friends, etc., and put it into INFO 343 course page. Test your Rich Snippet presentation (Request a "custom search engine" presentation"), and if it meets your satisfaction, take a screen grab. Upload your screen grab image and this assignment is history.