Microformats and SEO
Upcoming SlideShare
Loading in...5
×
 

Microformats and SEO

on

  • 4,490 views

 

Statistics

Views

Total Views
4,490
Views on SlideShare
2,430
Embed Views
2,060

Actions

Likes
0
Downloads
19
Comments
0

6 Embeds 2,060

http://glennjones.net 1372
http://www.glennjones.net 676
http://localhost 5
http://translate.googleusercontent.com 4
http://www.hanrss.com 2
http://ej.sectorit.net 1

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Microformats and SEO Microformats and SEO Presentation Transcript

  • Microformatsand SEOGlenn JonesFresh Egg – Worthing28 Oct 2011
  • Microformats <p class="vcard"> <a class="fn url" href="http://glennjones.net/"> Glenn Jones</a> </p>A method of marking up data with the pre-existing attributes of HTML. Uses fixed schemes developed by an online community
  • RDFa <p xmlns:v="http://rdf.data- vocabulary.org/#" typeof="v:Person"> <a href="http://glennjones.net/" rel="v:url" property="v:name">Glenn Jones</a> </p>A method of marking up data with custom attributes and namespaces.
  • Microdata (HTML5)<p itemscope itemtype="http://data- vocabulary.org/Person"><a href="http://glennjones.net/" itemprop="url name">Glenn Jones</a> </p> A method of marking up data with the HTML5 attributes.
  • Microformats vsMicrodata/RDFa
  • http://www.google.com/landing/recip es/
  • Let’s mark-up a Yorkshire Pudding recipe page
  • http://codebits.glennjones.net/semantic/hrecipe.html
  • hRecipe - http://microformats.org/wiki/hrecipe
  • Recipehttp://www.google.com/support/webmasters/bin /answer.py?hl=en&answer=173379
  • Add the top level class around the HTML containing your data <section class="hrecipe"> … </section>
  • Add class names to the elements within your HTML <section class="hrecipe"> <h1 class="fn">Yorkshire Puddings</h1> … </section>
  • One property can live inside another<p class="summary">Makes<span class="yield">6 good size Yorkshire pudding</span>, the way my mum taught me</p>
  • A property can have child properties<li class="ingredient"> <span class="amount">75g</span> <span class="name">plain flour</span></li>
  • A property can take datafrom the text of an element or another attribute<img class="photo" src="yorkshire-puddings.jpg" />
  • ISO DateTime <date>T<time>Z<timezone> 2011-10-27T20:41Z-1:00<p class="published">Published on <span class="value-title" title="2011-10-27">27 Oct 2011</span></p>
  • ISO Duration P<date>T<time>PT0H10M is a duration of 10 minutes<li class="prepTime">Preparation <span class="value-title" title="PT0H10M">10mins</span </li>
  • http://www.google.com/webmasters/tools/richsnippets
  • Compound microformatshRecipe Review Author hreview-aggregate hCard
  • hReview-aggregate<p class="review hreview-aggregate"> <span class="rating"> <span class="average">4.0</span> stars based on <span class="count">35</span>reviews </span></p>
  • Using a star image<span class="average "><img class="value-title" title="4.5" src="images/4-5stars.png" /> </span>
  • Author hCard<p class="hcard author published"> Published on <span class="value-title" title="2011-10- 27">27 Oct 2011</span> by <a class="fn url" href="http://glennjones.net">Glenn Jones </a></p>
  • http://www.google.com/support/webmasters/bin/answer. py?answer=1229920
  • rel=me and rel=author<a rel="me" href="http://glennjones.net">Glenn Jones </a>
  • Interlinking sites Recipe site rel=author rel=me Author GoogleRecipe Profile Profile
  • Thank youand questions?
  • Creative Commons Attribution-Non-Commercial 2.0 UK: England & Wales Licence. Copyright Glenn Jones 2011 www.glennjones.net
  • Thanks to the following for their photoshttp://www.flickr.com/photos/dithie/4106528495/