12
Rich Snippets & Structured Data Kirk Chen [email protected] Friday, March 29, 2013

Rich Snippet & Structured data

Embed Size (px)

Citation preview

Page 1: Rich Snippet & Structured data

Rich Snippets &Structured Data

Kirk [email protected]

Friday, March 29, 2013

Page 2: Rich Snippet & Structured data

Agenda

• Problem and solution

• Benefits

• Example

Friday, March 29, 2013

Page 3: Rich Snippet & Structured data

• Plain HTML != structured data

Problem

Friday, March 29, 2013

Page 4: Rich Snippet & Structured data

Solution

• Plain HTML + rich snippets == structure data

Friday, March 29, 2013

Page 5: Rich Snippet & Structured data

Benefits

Friday, March 29, 2013

Page 6: Rich Snippet & Structured data

What’s in it for me?

Friday, March 29, 2013

Page 7: Rich Snippet & Structured data

1. Mom's World Famous Banana Bread2. By John Smith, May 8, 20093. <img src="bananabread.jpg" />

5. This classic banana bread recipe comes from my mom -- the walnuts add a nice6.  texture and flavor to the banana bread.

8. Prep Time: 15 minutes9. Cook time: 1 hour10.Yield: 1 loaf

12.Nutrition facts:13.240 calories, 9 grams fat

15.Ingredients:16.- 3 or 4 ripe bananas, smashed17.- 1 egg18.- 3/4 cup of sugar19....

21.Instructions:22. Preheat the oven to 350 degrees. Mix in the ingredients in a bowl. Add the23. 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....

Example: original HTMLName AuthorImage

Description

And a lot of other

information

Friday, March 29, 2013

Page 8: Rich Snippet & Structured data

Example: rich snippet1. <div itemscope itemtype="http://schema.org/Recipe">2.   <span itemprop="name">Mom's World Famous Banana Bread</span>3.   By <span itemprop="author">John Smith</span>,4.   <meta itemprop="datePublished" content="2009-05-08">May 8, 20095.   <img itemprop="image" src="bananabread.jpg" />

7.   <span itemprop="description">This classic banana bread recipe comes8.   from my mom -- the walnuts add a nice texture and flavor to the banana9.   bread.</span>

11.  Prep Time: <meta itemprop="prepTime" content="PT15M">15 minutes12.  Cook time: <meta itemprop="cookTime" content="PT1H">1 hour13.  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. Add31.  the flour last. Pour the mixture into a loaf pan and bake for one hour.32.  </span>

34.  140 comments:35.  <meta itemprop="interactionCount" content="UserComments:140" />36.  From Janel, May 5 -- thank you, great recipe!37.  ...38.</div>

Friday, March 29, 2013

Page 9: Rich Snippet & Structured data

Supported Types

• Recipes

• Products

• Events

• Reviews / ratings

• People

• Businesses / organizations

• Music

Friday, March 29, 2013

Page 10: Rich Snippet & Structured data

Wrap up

• HTML + rich snippets == structured data

• Better search result

• Prominent search result

• itemscope, itemtype, itemprop

Friday, March 29, 2013

Page 11: Rich Snippet & Structured data

Where to go from here?

• Schemahttp://schema.org/

• Structured data testing toolhttp://www.google.com/webmasters/tools/richsnippets

[email protected]

• We are hiring! Weddingful.com

Friday, March 29, 2013

Page 12: Rich Snippet & Structured data

Remember

• With great power comes great responsibility.

Friday, March 29, 2013