Microdata	 for	 SEO    Dave	 Ross	 •	 @csixty4    WordCamp	 Boston	 2012
Assumptions
Pagerank	 1998
Panda	 Filter	 2011
Panda	 Filter	 2011•Content	 quality
Panda	 Filter	 2011•Content	 quality•Seeded	 by	 people
Panda	 Filter	 2011•Content	 quality•Seeded	 by	 people	 •Determined	 by	 AI
Panda	 Update	 2011
Panda	 Update	 2011•Panda	 filter
Panda	 Update	 2011•Panda	 filter•How	 many	 ads?
Panda	 Update	 2011•Panda	 filter•How	 many	 ads?•Scraper	 detection
Panda	 Update	 2011•Panda	 filter•How	 many	 ads?•Scraper	 detection•Page	 layout
Penguin	 2012Went	 after	 black-hat	 SEO
Penguin	 2012Went	 after	 black-hat	 SEO  •Keyword	 stuffing
Penguin	 2012Went	 after	 black-hat	 SEO  •Keyword	 stuffing  •Cloaking
Penguin	 2012Went	 after	 black-hat	 SEO  •Keyword	 stuffing  •Cloaking  •Link	 schemes
Penguin	 2012Went	 after	 black-hat	 SEO  •Keyword	 stuffing  •Cloaking  •Link	 schemes  •Duplicate	 content
Post-Penguin	 SEO   Give	 search	 engines	 info.   They	 make	 the	 decisions.
Rich	 Snippets
•rel=”author”,	 rel=”publisher”•HTML5	 semantic	 elements•schema.org	 microdata
“Things”
Comment                  MapCheckoutPage   “Things”                Review        Blog
Book                      Comment                     Map                            MedicalConditionCheckoutPage   “Thing...
MedicalClinic     Comment   Book         PawnShop              DryCleaningOrLaundryHighSchool              Map    AnimalSh...
“Things”schema.org/docs/full.html
HTML5www.whatwg.org/specs/web-apps/current-work/multipage/                   microdata.html
itemscope	 +	 itemtype<div itemscope itemtype=”http://       schema.org/Movie”> Use	 on	 any	 tag	 that	 can	 have	 children
itemprop<h1 itemprop=”name”>Total Recall</h1>
itemprop<h2>Actors</h2><ul>     <li itemprop=”actor”…</li></ul>
itemprop<li itemprop=”actor” itemscope itemtype=”http://schema.org/Person”>  <h3 itemprop=”name”>Arnold Schwarzenegger</h3...
Use	 Meta
Use	 Meta•Anywhere	 in	 the	 page	 (thanks	   HTML5!)
Use	 Meta•Anywhere	 in	 the	 page	 (thanks	   HTML5!)•To	 make	 data	 invisible	 to	 the	 user
Use	 Meta•Anywhere	 in	 the	 page	 (thanks	   HTML5!)•To	 make	 data	 invisible	 to	 the	 user•For	 machine	 readable	 alt...
Use	 Meta<li itemprop=”actor” itemscope itemtype=”http://schema.org/Person” >  <h3 itemprop=”name”...</h3>  <meta itemprop...
Use	 Meta<meta itemprop=”datePublished” content=”1990-06-01” /><span>June 1st, 1990</span>
Validation•Google	 Rich	 Snippets	   Tool•Bing	 Markup	 Validator
Integration	 with	    WordPress
Integration	 with	         WordPress•Mark	 up	 navigation	 (SiteNavigationElement)
Integration	 with	         WordPress•Mark	 up	 navigation	 (SiteNavigationElement)•Mark	 up	 blog	 posts	 in	 your	 Loop	 ...
Integration	 with	         WordPress•Mark	 up	 navigation	 (SiteNavigationElement)•Mark	 up	 blog	 posts	 in	 your	 Loop	 ...
Integration	 with	         WordPress•Mark	 up	 navigation	 (SiteNavigationElement)•Mark	 up	 blog	 posts	 in	 your	 Loop	 ...
The	 Experiment
blog.straightnorth.com
No	 change	 on	     Google
Bing
Bing•Targeted	 48	 keywords
Bing•Targeted	 48	 keywords•Fifteen	 increased	 in	 rank	 (1	 decreased)
Bing•Targeted	 48	 keywords•Fifteen	 increased	 in	 rank	 (1	 decreased)•13	 unranked	 keywords	 indexed
SEO’s	 not	 dead.But	 it’s	 changing.
slideshare.net/csixty4
Microdata for SEO
Microdata for SEO
Microdata for SEO
Upcoming SlideShare
Loading in...5
×

Microdata for SEO

1,506

Published on

Presentation from WordCamp Boston 2012 on the use of Schema.org microdata to communicate data about your content to search engines rather than relying on their ability to infer it themselves. This is the future of SEO, and you can start using it today.

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

  • Be the first to like this

No Downloads
Views
Total Views
1,506
On Slideshare
0
From Embeds
0
Number of Embeds
4
Actions
Shares
0
Downloads
15
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • Thank you for coming\nThree SEO sessions going on. Glad you chose this one.\n
  • This is the developer track\nYou can write HTML (all about markup)\nYou can customize a WordPress theme or write your own\n
  • Google was unveiled in 1998 along with pagerank algorithm\nAuthority from inbound links and the words they used\nEasily gamed by building link farms, selling links\n
  • As Google grew, an ecosystem of SEO experts &amp; tools grew around it\nSnake oil salesmen too\nGoogle wouldn&amp;#x2019;t tell us anything\nFelt like a game of Calvinball as we tried to figure out Google&amp;#x2019;s rules &amp; work around them\n
  • Named for Google engineer Navneet Panda\nWent after low-quality content that ranked highly, link farms\n\n\n
  • Named for Google engineer Navneet Panda\nWent after low-quality content that ranked highly, link farms\n\n\n
  • Named for Google engineer Navneet Panda\nWent after low-quality content that ranked highly, link farms\n\n\n
  • The Panda filter is headlining feature of Panda Update\nAlso looked at page layout (ad placement)\n\n
  • The Panda filter is headlining feature of Panda Update\nAlso looked at page layout (ad placement)\n\n
  • The Panda filter is headlining feature of Panda Update\nAlso looked at page layout (ad placement)\n\n
  • The Panda filter is headlining feature of Panda Update\nAlso looked at page layout (ad placement)\n\n
  • \n
  • \n
  • \n
  • \n
  • Search engines are sick of our games\nJust want to deliver content...\n
  • Google, Bing, others\nPreferably without even sending them to our sites\nReviews, prices, maps, deep links\n
  • author &amp; publisher links to Google+ proflies\nHTML5 semantics: article, nav\nMicrodata\n
  • Google &amp; Bing came up with a standard for Microdata.\nYahoo! came on board shortly thereafter\nYandex is Russia&amp;#x2019;s biggest search engine\nschema.org website &amp; blog\n
  • Microdata lets us describe the &amp;#x201C;things&amp;#x201D; that make up our web pages\nNouns\n
  • Blog entries, Comments, Maps, Reviews\n
  • &amp;#x201C;Real world&amp;#x201D; entities like books, TV episodes, and Medical Conditions\nIn fact there&amp;#x2019;s a whole set of schemas for conditions, treatments, medical offices, and the like added late June\n
  • You can get really specific. Motorcycle dealers, Zoos, High Schools\neven Gated Residence Communities\nSearch engines will see these declarations and organize appropriately\n
  • About 550 schemas\nA full list of schemas is available at schema.org\nSo, how do we use it?\n
  • Microdata is part of the HTML5 spec.\nThis lets anyone to make their own schema, but search engines wont recognize it\n
  • Any tag that can have children, including BODY, can represent an item\nItemscope declares the tag to be an item, itemtype points to the schema\nUnless you tell otherwise, the BODY is assumed to have a WebPage schema\n
  • schema.org descries the fields in detail, specifies a hierarchy of schema types\nschemas inherit fields from parents\nfields have datatypes that are other schema types\n
  • Fields are noted with itemprop. Can appear on any tag.\n
  • Complex datatypes are instances of other schemas, include their own fields\n
  • For example, our Movie features an actor\nan actor is Person\nand a person has a name\n
  • Meta can now to live anywhere in the page\nIt&amp;#x2019;s there to provide metadata on the &amp;#x201C;things&amp;#x201D; in your page\nMachine readable alternate values like Time\n
  • Meta can now to live anywhere in the page\nIt&amp;#x2019;s there to provide metadata on the &amp;#x201C;things&amp;#x201D; in your page\nMachine readable alternate values like Time\n
  • Meta can now to live anywhere in the page\nIt&amp;#x2019;s there to provide metadata on the &amp;#x201C;things&amp;#x201D; in your page\nMachine readable alternate values like Time\n
  • Sometimes you want to include information for the search engines\nbut not have it visible\nhtml5 gave new life to the meta tag\n
  • Our movie was release on June 1st, 1990\nISO 8601 date for search engines\nText date for people\nCan specify more precision in meta\n
  • Once you&amp;#x2019;ve added the microdata to your HTML, run it through a validator\n
  • \n
  • \n
  • \n
  • \n
  • \n
  • We ran a test on straightnorth.com and reported in our blog\nAdded microdata to our executive profiles\nRan through validators\n
  • Google uses SOME microdata to add rich snippets,\nhaving it doesn&amp;#x2019;t affect rank\n
  • Bing does let microdata affect rank\nFOUR WEEKS LATER\nthey indexed us for additional terms\nour rankings went up\n\n
  • Bing does let microdata affect rank\nFOUR WEEKS LATER\nthey indexed us for additional terms\nour rankings went up\n\n
  • Bing does let microdata affect rank\nFOUR WEEKS LATER\nthey indexed us for additional terms\nour rankings went up\n\n
  • SEO&amp;#x2019;s not dead\nbut it&amp;#x2019;s in transition. it&amp;#x2019;s changing\nsearch engines have more control, but we can deliver meaningful data\nhappy clients with happy customers\n
  • SEO&amp;#x2019;s not dead\nbut it&amp;#x2019;s in transition. it&amp;#x2019;s changing\nsearch engines have more control, but we can deliver meaningful data\nhappy clients with happy customers\n
  • Microdata for SEO

    1. 1. Microdata for SEO Dave Ross • @csixty4 WordCamp Boston 2012
    2. 2. Assumptions
    3. 3. Pagerank 1998
    4. 4. Panda Filter 2011
    5. 5. Panda Filter 2011•Content quality
    6. 6. Panda Filter 2011•Content quality•Seeded by people
    7. 7. Panda Filter 2011•Content quality•Seeded by people •Determined by AI
    8. 8. Panda Update 2011
    9. 9. Panda Update 2011•Panda filter
    10. 10. Panda Update 2011•Panda filter•How many ads?
    11. 11. Panda Update 2011•Panda filter•How many ads?•Scraper detection
    12. 12. Panda Update 2011•Panda filter•How many ads?•Scraper detection•Page layout
    13. 13. Penguin 2012Went after black-hat SEO
    14. 14. Penguin 2012Went after black-hat SEO •Keyword stuffing
    15. 15. Penguin 2012Went after black-hat SEO •Keyword stuffing •Cloaking
    16. 16. Penguin 2012Went after black-hat SEO •Keyword stuffing •Cloaking •Link schemes
    17. 17. Penguin 2012Went after black-hat SEO •Keyword stuffing •Cloaking •Link schemes •Duplicate content
    18. 18. Post-Penguin SEO Give search engines info. They make the decisions.
    19. 19. Rich Snippets
    20. 20. •rel=”author”, rel=”publisher”•HTML5 semantic elements•schema.org microdata
    21. 21. “Things”
    22. 22. Comment MapCheckoutPage “Things” Review Blog
    23. 23. Book Comment Map MedicalConditionCheckoutPage “Things” Person Recipe Review Blog TVEpisode
    24. 24. MedicalClinic Comment Book PawnShop DryCleaningOrLaundryHighSchool Map AnimalShelter MedicalConditionCheckoutPage “Things” PlaceOfWorship Zoo Person Recipe ExercisePlanHostel Review Blog TVEpisode GatedResidenceCommunity MotorcycleDealer
    25. 25. “Things”schema.org/docs/full.html
    26. 26. HTML5www.whatwg.org/specs/web-apps/current-work/multipage/ microdata.html
    27. 27. itemscope + itemtype<div itemscope itemtype=”http:// schema.org/Movie”> Use on any tag that can have children
    28. 28. itemprop<h1 itemprop=”name”>Total Recall</h1>
    29. 29. itemprop<h2>Actors</h2><ul> <li itemprop=”actor”…</li></ul>
    30. 30. itemprop<li itemprop=”actor” itemscope itemtype=”http://schema.org/Person”> <h3 itemprop=”name”>Arnold Schwarzenegger</h3></li>
    31. 31. Use Meta
    32. 32. Use Meta•Anywhere in the page (thanks HTML5!)
    33. 33. Use Meta•Anywhere in the page (thanks HTML5!)•To make data invisible to the user
    34. 34. Use Meta•Anywhere in the page (thanks HTML5!)•To make data invisible to the user•For machine readable alternative values
    35. 35. Use Meta<li itemprop=”actor” itemscope itemtype=”http://schema.org/Person” > <h3 itemprop=”name”...</h3> <meta itemprop=”jobTitle” content=”Former Governor” /></li>
    36. 36. Use Meta<meta itemprop=”datePublished” content=”1990-06-01” /><span>June 1st, 1990</span>
    37. 37. Validation•Google Rich Snippets Tool•Bing Markup Validator
    38. 38. Integration with WordPress
    39. 39. Integration with WordPress•Mark up navigation (SiteNavigationElement)
    40. 40. Integration with WordPress•Mark up navigation (SiteNavigationElement)•Mark up blog posts in your Loop (Blog)
    41. 41. Integration with WordPress•Mark up navigation (SiteNavigationElement)•Mark up blog posts in your Loop (Blog)•Custom post type templates
    42. 42. Integration with WordPress•Mark up navigation (SiteNavigationElement)•Mark up blog posts in your Loop (Blog)•Custom post type templates•Custom templates for contact & about pages
    43. 43. The Experiment
    44. 44. blog.straightnorth.com
    45. 45. No change on Google
    46. 46. Bing
    47. 47. Bing•Targeted 48 keywords
    48. 48. Bing•Targeted 48 keywords•Fifteen increased in rank (1 decreased)
    49. 49. Bing•Targeted 48 keywords•Fifteen increased in rank (1 decreased)•13 unranked keywords indexed
    50. 50. SEO’s not dead.But it’s changing.
    51. 51. slideshare.net/csixty4
    1. A particular slide catching your eye?

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

    ×