{"id":5194,"date":"2012-08-31T13:15:41","date_gmt":"2012-08-31T19:15:41","guid":{"rendered":"http:\/\/www.evolutionarydesigns.net\/blog\/?p=5194"},"modified":"2012-09-21T14:12:59","modified_gmt":"2012-09-21T20:12:59","slug":"html5-microdata-you","status":"publish","type":"post","link":"http:\/\/www.evolutionarydesigns.net\/blog\/2012\/08\/31\/html5-microdata-you\/","title":{"rendered":"What Can HTML5 Microdata Do for You?"},"content":{"rendered":"<p>If you\u2019re a frequent reader of Evolutionary Designs then you\u2019ll have seen James writing about <a href=\"http:\/\/www.evolutionarydesigns.net\/blog\/2012\/06\/28\/a-look-inside-at-rich-snippets\/\">rich snippets <\/a>and <a href=\"http:\/\/www.evolutionarydesigns.net\/blog\/2012\/07\/02\/author-hreview-pro\/\">semantic web markup<\/a> before. For those of you not familiar with the terms I\u2019ve written a brief summary below. If you want to get straight to the article then just skip the explanations.<\/p>\n<p><strong>Semantic markup<\/strong> &#8211; meta data that specifies what a string of text is referring to. By adding semantic markup to a document you enable bots to easily identify different page elements. This enables richer snippets to be displayed in search engines.<\/p>\n<p><strong>Rich snippets<\/strong> &#8211; in this sense a snippet is when your link appears in Google. A rich snippet is when you have more data appearing next to that link, it could be a picture of the author or a star rating for a review of a movie.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/BumExfxKSPaPhS4LWizBfZUV7NPQ6rjUhP55z2qMZWkFeBSrcENVeMtuOs3tgybfaPxhu4n8cqOnodTMNqW4KhQZqWf4L2V4HAyRg9ofNCVgQV60Qbg\" alt=\"\" width=\"628px;\" height=\"136px;\" \/><\/p>\n<p><span style=\"font-size: x-small;\">Restaurant review rich snippet from Urban Spoon<\/span><\/p>\n<h3>What is Schema.org?<\/h3>\n<p>Before<a href=\"http:\/\/schema.org\/\"> Schema.org<\/a> there were two ways to add semantic data to your website. RDFa and microformats, I\u2019ll not go into detail about this but basically they\u2019re the <a href=\"http:\/\/en.wikipedia.org\/wiki\/Atari_Jaguar\">Atari Jaguar<\/a> and <a href=\"http:\/\/en.wikipedia.org\/wiki\/HD_DVD\">HD DVD<\/a> of the semantic data world. Because there was no one standard the major search engines didn\u2019t fully support their use and they didn\u2019t really add anything to the user experience.<\/p>\n<p>Then the major players in search collaborated to design <a title=\"The Best HTML5 and CSS3 Cheat Sheets of 2011\" href=\"http:\/\/www.evolutionarydesigns.net\/blog\/2011\/12\/28\/the-best-html5-and-css3-cheat-sheets-of-2011\/\">HTML5<\/a> microdata which they all support. Schema.org is a library of that microdata markup.<\/p>\n<h3>What does this mean for me?<\/h3>\n<p>It\u2019s important to note that other forms of semantic markup still work. So if you\u2019re using Microformats you won\u2019t necessarily see a sudden loss in functionality. However the Schema.org microdata is the only format that Google, Bing and Yahoo! have all agreed to support.<\/p>\n<p>This means that as future search products come out that rely on semantic data are going to be built to support HTML5 microdata.<\/p>\n<p>If you don\u2019t do any web dev work then it should make absolutely no difference to you. The markup requires no changes to design so if an <a title=\"What is SEO\" href=\"http:\/\/www.evolutionarydesigns.net\/blog\/2010\/08\/04\/what-is-seo\/\">SEO <\/a>wants to talk to you about Schema.org markup then buy them a coffee &#8211; because you don\u2019t need to do anything.<\/p>\n<h3>What is possible with Schema.org?<\/h3>\n<p>There\u2019s some seriously cool stuff that you can do.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/lh5.googleusercontent.com\/plowcQUxb-S20Cl6uivCBJ1eVeiMw0MYfhQspELlbiXj9n6w0VSo7mF4FrHJkLqnac0CL7-2YTJ5JRKCivJTgVLpezVo7YoCEVLzjNJ68Q8LxiBgtqo\" alt=\"\" width=\"609px;\" height=\"109px;\" \/><br \/>\n<span style=\"font-size: x-small;\">Rich snippet for apps.<\/span><\/p>\n<p>For apps you can add review ratings, price and the platform that carries it.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/lh5.googleusercontent.com\/JWX6WU3Jg9y6LRIl-bbtMRUmob-5D7b5EM3POZVx17Bx7bE-fwINAMLHmGY-AnW3yHyxeE9sBG9YI-CogtCZ-TNDsaOoZJF1LOLC2Y2VHTllaf2Gpv0\" alt=\"\" width=\"633px;\" height=\"128px;\" \/><br \/>\n<span style=\"font-size: x-small;\">Rich snippet for events.<\/span><\/p>\n<p>For events you can add locations and dates.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/lh6.googleusercontent.com\/ftYFvv_Wy0ge1IFbCblzqWOOvvwUGjovN1Qela7nErPBS2a7ZAznm0DJPiz6s2e4_pF9LfEegBSwIxAvKuKSOIyQ_eW1-NO0KHqQnQBITyMIIDPgBT0\" alt=\"\" width=\"626px;\" height=\"110px;\" \/><br \/>\n<span style=\"font-size: x-small;\">Rich snippet for products.<\/span><\/p>\n<p>For products you can show pricing and review ratings. There is also the future potential of including <a href=\"http:\/\/schema.org\/ItemAvailability\">availability data<\/a> as well.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/lh6.googleusercontent.com\/xbqfBPBGA3IKU6s8oG7PjigIvI8_MsVdg4KDN0EeT3oAtAkSkCN4e53hwoL26kgS5ZzcePfK05gwy6OlHGubUk_8B28sGa5xAcGHMp5N97P9jZXZiX5b\" alt=\"\" width=\"600px;\" height=\"121px;\" \/><br \/>\n<span style=\"font-size: x-small;\">Rich snippet for recipes.<\/span><\/p>\n<p>Google has really gone to town on recipes. As well as seeing review data and cooking time you can even see calories.<\/p>\n<h3>Want to know more?<\/h3>\n<p>The best place to read more is at <a href=\"http:\/\/schema.org\">Schema.org<\/a> itself. Or alternatively Google released a series of videos that provide a great <a href=\"http:\/\/www.youtube.com\/watch?v=A-kX0Aut-18&amp;feature=list_other&amp;playnext=1&amp;list=SP3107CD6C86454FE3\">beginner\u2019s guide to rich snippets<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>If you\u2019re a frequent reader of Evolutionary Designs then you\u2019ll have seen James writing about rich snippets and semantic web markup before. For those of you not familiar with the terms I\u2019ve written a brief summary below. If you want to get straight to the article then just skip the explanations. Semantic markup &#8211; meta [&hellip;]<\/p>\n","protected":false},"author":19,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[6],"tags":[1177,359,1162,1075,1163,1480],"class_list":["post-5194","post","type-post","status-publish","format-standard","hentry","category-web-design","tag-guest-writer","tag-html5","tag-microdata","tag-rich-snippets","tag-schema-org","tag-web-design","entry"],"aioseo_notices":[],"jetpack_featured_media_url":"","jetpack_shortlink":"https:\/\/wp.me\/pJPdG-1lM","jetpack_sharing_enabled":true,"jetpack-related-posts":[],"jetpack_likes_enabled":true,"_links":{"self":[{"href":"http:\/\/www.evolutionarydesigns.net\/blog\/wp-json\/wp\/v2\/posts\/5194","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.evolutionarydesigns.net\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.evolutionarydesigns.net\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.evolutionarydesigns.net\/blog\/wp-json\/wp\/v2\/users\/19"}],"replies":[{"embeddable":true,"href":"http:\/\/www.evolutionarydesigns.net\/blog\/wp-json\/wp\/v2\/comments?post=5194"}],"version-history":[{"count":0,"href":"http:\/\/www.evolutionarydesigns.net\/blog\/wp-json\/wp\/v2\/posts\/5194\/revisions"}],"wp:attachment":[{"href":"http:\/\/www.evolutionarydesigns.net\/blog\/wp-json\/wp\/v2\/media?parent=5194"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.evolutionarydesigns.net\/blog\/wp-json\/wp\/v2\/categories?post=5194"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.evolutionarydesigns.net\/blog\/wp-json\/wp\/v2\/tags?post=5194"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}