Your SlideShare is downloading. ×
0
Microformatsand SEOGlenn JonesBrightonSEO – Brighton13 Apr 2012
Microformats    <p class="vcard">    <a class="fn url"      href="http://glennjones.net/">      Glenn Jones</a>    </p>A m...
Microdata (HTML5)<p itemscope  itemtype="http://data-  vocabulary.org/Person"><a href="http://glennjones.net/"  itemprop="...
RDFa <p xmlns:v="http://rdf.data-   vocabulary.org/#"   typeof="v:Person"> <a href="http://glennjones.net/"   rel="v:url" ...
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...
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
Interlinking sites     Recipe site         rel=author         rel=me                  Author             GoogleRecipe     ...
30% uplift in CTR for rich snippet - retail use casesPaul Bruemmer SearchEnginelandhttp://searchengineland.com/how-to-get-...
Thank you
Creative Commons Attribution-Non-Commercial 2.0           UK: England & Wales Licence.          Copyright Glenn Jones 2011...
Thanks to the following for their photos and artworkThe Hoover logo is trademark of the Hoover Companyhttp://www.flickr.co...
Microformats and SEO
Microformats and SEO
Microformats and SEO
Upcoming SlideShare
Loading in...5
×

Microformats and SEO

10,038

Published on

Googles rich snippets and creation of schema.org have brought semantic mark up into sharp focus for the SEO industry. The semantic mark up technologies like Microformats, RDFa and Microdata can seem complex and the implementation choices unclear. Glenn will explain the different technologies how to chose one and demonstrate how to mark up HTML so it is picked up by the search engines. Finally, he will take look at the future of how Google could mine social networks data to aid search recommendation within results.

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

No Downloads
Views
Total Views
10,038
On Slideshare
0
From Embeds
0
Number of Embeds
13
Actions
Shares
0
Downloads
86
Comments
0
Likes
9
Embeds 0
No embeds

No notes for slide

Transcript of "Microformats and SEO"

  1. 1. Microformatsand SEOGlenn JonesBrightonSEO – Brighton13 Apr 2012
  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. 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.
  4. 4. 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.
  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. http://www.google.com/webmasters/tools/richsnippets
  18. 18. Compound microformatshRecipe Review Author hreview-aggregate hCard
  19. 19. 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>
  20. 20. Using a star image<span class="average "><img class="value-title" title="4.5" src="images/4-5stars.png" /> </span>
  21. 21. 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>
  22. 22. http://www.google.com/support/webmasters/bin/answer. py?answer=1229920
  23. 23. Interlinking sites Recipe site rel=author rel=me Author GoogleRecipe Profile Profile
  24. 24. 30% uplift in CTR for rich snippet - retail use casesPaul Bruemmer SearchEnginelandhttp://searchengineland.com/how-to-get-a-30-increase-in-ctr-with-structured-markup-1058305% uplift in CTR for rich snippet - AB testsRichard Baxter SEOGadgethttps://seogadget.co.uk/understanding-how-intention-influences-search-result/
  25. 25. Thank you
  26. 26. Creative Commons Attribution-Non-Commercial 2.0 UK: England & Wales Licence. Copyright Glenn Jones 2011 www.glennjones.net
  27. 27. Thanks to the following for their photos and artworkThe Hoover logo is trademark of the Hoover Companyhttp://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.

×