Se ha denunciado esta presentación.
Utilizamos tu perfil de LinkedIn y tus datos de actividad para personalizar los anuncios y mostrarte publicidad más relevante. Puedes cambiar tus preferencias de publicidad en cualquier momento.

Microformats and SEO

5.304 visualizaciones

Publicado el

Publicado en: Tecnología, Empresariales
  • Sé el primero en comentar

  • Sé el primero en recomendar esto

Microformats and SEO

  1. 1. Microformatsand SEOGlenn JonesFresh Egg – Worthing28 Oct 2011
  2. 2. Microformats <p class="vcard"> <a class="fn url" href=""> 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="" typeof="v:Person"> <a href="" 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-"><a href="" itemprop="url name">Glenn Jones</a> </p> A method of marking up data with the HTML5 attributes.
  5. 5. Microformats vsMicrodata/RDFa
  6. 6. es/
  7. 7. Let’s mark-up a Yorkshire Pudding recipe page
  8. 8.
  9. 9. hRecipe -
  10. 10. Recipe /
  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.
  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="">Glenn Jones </a></p>
  23. 23. py?answer=1229920
  24. 24. rel=me and rel=author<a rel="me" href="">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
  28. 28. Thanks to the following for their photos