Your SlideShare is downloading. ×
0
Microformatsand SEOGlenn JonesFresh Egg – Worthing28 Oct 2011
Microformats    <p class="vcard">    <a class="fn url"      href="http://glennjones.net/">      Glenn Jones</a>    </p>A m...
RDFa <p xmlns:v="http://rdf.data-   vocabulary.org/#"   typeof="v:Person"> <a href="http://glennjones.net/"   rel="v:url" ...
Microdata (HTML5)<p itemscope  itemtype="http://data-  vocabulary.org/Person"><a href="http://glennjones.net/"  itemprop="...
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> ...
One property can      live inside another<p class="summary">Makes<span class="yield">6 good size  Yorkshire pudding</span>...
A property can have child properties<li class="ingredient">  <span class="amount">75g</span>  <span class="name">plain flo...
A property can take datafrom the text of an element or      another attribute<img class="photo"     src="yorkshire-pudding...
ISO DateTime   <date>T<time>Z<timezone>    2011-10-27T20:41Z-1:00<p class="published">Published on  <span class="value-tit...
ISO Duration        P<date>T<time>PT0H10M is a duration of 10 minutes<li class="prepTime">Preparation   <span class="value...
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>       st...
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</...
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     ...
Thank youand questions?
Creative Commons Attribution-Non-Commercial 2.0           UK: England & Wales Licence.          Copyright Glenn Jones 2011...
Thanks to the following for their photoshttp://www.flickr.com/photos/dithie/4106528495/
Microformats and SEO
Microformats and SEO
Upcoming SlideShare
Loading in...5
×

Microformats and SEO

4,475

Published on

Published in: Technology, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
4,475
On Slideshare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
22
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "Microformats and SEO"

  1. 1. Microformatsand SEOGlenn JonesFresh Egg – Worthing28 Oct 2011
  2. 2. 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
  3. 3. 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.
  4. 4. 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.
  5. 5. Microformats vsMicrodata/RDFa
  6. 6. http://www.google.com/landing/recip es/
  7. 7. Let’s mark-up a Yorkshire Pudding recipe page
  8. 8. http://codebits.glennjones.net/semantic/hrecipe.html
  9. 9. hRecipe - http://microformats.org/wiki/hrecipe
  10. 10. Recipehttp://www.google.com/support/webmasters/bin /answer.py?hl=en&answer=173379
  11. 11. Add the top level class around the HTML containing your data <section class="hrecipe"> … </section>
  12. 12. Add class names to the elements within your HTML <section class="hrecipe"> <h1 class="fn">Yorkshire Puddings</h1> … </section>
  13. 13. 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>
  14. 14. A property can have child properties<li class="ingredient"> <span class="amount">75g</span> <span class="name">plain flour</span></li>
  15. 15. A property can take datafrom the text of an element or another attribute<img class="photo" src="yorkshire-puddings.jpg" />
  16. 16. 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>
  17. 17. 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>
  18. 18. http://www.google.com/webmasters/tools/richsnippets
  19. 19. Compound microformatshRecipe Review Author hreview-aggregate hCard
  20. 20. 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>
  21. 21. Using a star image<span class="average "><img class="value-title" title="4.5" src="images/4-5stars.png" /> </span>
  22. 22. 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>
  23. 23. http://www.google.com/support/webmasters/bin/answer. py?answer=1229920
  24. 24. rel=me and rel=author<a rel="me" href="http://glennjones.net">Glenn Jones </a>
  25. 25. Interlinking sites Recipe site rel=author rel=me Author GoogleRecipe Profile Profile
  26. 26. Thank youand questions?
  27. 27. Creative Commons Attribution-Non-Commercial 2.0 UK: England & Wales Licence. Copyright Glenn Jones 2011 www.glennjones.net
  28. 28. Thanks to the following for their photoshttp://www.flickr.com/photos/dithie/4106528495/
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×