Rich Snippets &                         Structured Data                                 Kirk Chen                         ...
Agenda                     • Problem and solution                     • Benefits                     • ExampleFriday, March...
Problem                     •   Plain HTML != structured dataFriday, March 29, 2013
Solution                     •   Plain HTML + rich snippets == structure dataFriday, March 29, 2013
BenefitsFriday, March 29, 2013
What’s in it for me?Friday, March 29, 2013
Example: original HTML                   Name    1. Moms World Famous Banana Bread                           2. By John Sm...
Example: rich snippet                          1.   <div itemscope itemtype="http://schema.org/Recipe">                   ...
Supported Types                     •   Recipes                     •   Products                     •   Events           ...
Wrap up                     • HTML + rich snippets == structured data                     • Better search result          ...
Where to go from                               here?                     • Schema                         http://schema.or...
Remember                     • With great power comes great                         responsibility.Friday, March 29, 2013
Upcoming SlideShare
Loading in...5
×

Rich Snippet & Structured data

241

Published on

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

  • Be the first to like this

No Downloads
Views
Total Views
241
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
3
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Rich Snippet & Structured data

  1. 1. Rich Snippets & Structured Data Kirk Chen kirk@weddingful.comFriday, March 29, 2013
  2. 2. Agenda • Problem and solution • Benefits • ExampleFriday, March 29, 2013
  3. 3. Problem • Plain HTML != structured dataFriday, March 29, 2013
  4. 4. Solution • Plain HTML + rich snippets == structure dataFriday, March 29, 2013
  5. 5. BenefitsFriday, March 29, 2013
  6. 6. What’s in it for me?Friday, March 29, 2013
  7. 7. Example: original HTML Name 1. Moms World Famous Banana Bread 2. By John Smith, May 8, 2009 Author 3. <img src="bananabread.jpg" /> Image 5. This classic banana bread recipe comes from my mom -- the walnuts add a nice 6.  texture and flavor to the banana bread. 8. Prep Time: 15 minutes 9. Cook time: 1 hour Description 10.Yield: 1 loaf 12.Nutrition facts: 13.240 calories, 9 grams fat And a lot of 15.Ingredients: 16.- 3 or 4 ripe bananas, smashed other 17.- 1 egg 18.- 3/4 cup of sugar information 19.... 21.Instructions: 22. Preheat the oven to 350 degrees. Mix in the ingredients in a bowl. Add the 23. flour last. Pour the mixture into a loaf pan and bake for one hour. 25.140 comments: 26.From Janel, May 5 -- thank you, great recipe! 27....Friday, March 29, 2013
  8. 8. Example: rich snippet 1. <div itemscope itemtype="http://schema.org/Recipe"> 2.   <span itemprop="name">Moms World Famous Banana Bread</span> 3.   By <span itemprop="author">John Smith</span>, 4.   <meta itemprop="datePublished" content="2009-05-08">May 8, 2009 5.   <img itemprop="image" src="bananabread.jpg" /> 7.   <span itemprop="description">This classic banana bread recipe comes 8.   from my mom -- the walnuts add a nice texture and flavor to the banana 9.   bread.</span> 11.  Prep Time: <meta itemprop="prepTime" content="PT15M">15 minutes 12.  Cook time: <meta itemprop="cookTime" content="PT1H">1 hour 13.  Yield: <span itemprop="recipeYield">1 loaf</span> 15.  <div itemprop="nutrition" 16.    itemscope itemtype="http://schema.org/NutritionInformation"> 17.    Nutrition facts: 18.    <span itemprop="calories">240 calories</span>, 19.    <span itemprop="fatContent">9 grams fat</span> 20.  </div> 22.  Ingredients: 23.  - <span itemprop="ingredients">3 or 4 ripe bananas, smashed</span> 24.  - <span itemprop="ingredients">1 egg</span> 25.  - <span itemprop="ingredients">3/4 cup of sugar</span> 26.  ... 28.  Instructions: 29.  <span itemprop="recipeInstructions"> 30.  Preheat the oven to 350 degrees. Mix in the ingredients in a bowl. Add 31.  the flour last. Pour the mixture into a loaf pan and bake for one hour.Friday, March 29, 2013 32.  </span>
  9. 9. Supported Types • Recipes • Products • Events • Reviews / ratings • People • Businesses / organizations • MusicFriday, March 29, 2013
  10. 10. Wrap up • HTML + rich snippets == structured data • Better search result • Prominent search result • itemscope, itemtype, itempropFriday, March 29, 2013
  11. 11. Where to go from here? • Schema http://schema.org/ • Structured data testing tool http://www.google.com/webmasters/tools/ richsnippets • kirk@weddingful.com • We are hiring! Weddingful.comFriday, March 29, 2013
  12. 12. Remember • With great power comes great responsibility.Friday, March 29, 2013
  1. A particular slide catching your eye?

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

×