{"id":4776,"date":"2016-07-25T03:01:32","date_gmt":"2016-07-25T03:01:32","guid":{"rendered":"http:\/\/www.garysieling.com\/blog\/?p=4776"},"modified":"2016-07-25T03:01:32","modified_gmt":"2016-07-25T03:01:32","slug":"use-microformats-html-wordpress","status":"publish","type":"post","link":"https:\/\/www.garysieling.com\/blog\/use-microformats-html-wordpress\/","title":{"rendered":"How to use Microformats in HTML or WordPress"},"content":{"rendered":"<p>You may have noticed specialized renderings of specific data in Google search results, like so:<br \/>\n<img alt='' class='alignnone size-full wp-image-4783' src='http:\/\/172.104.26.128\/wp-content\/uploads\/2016\/07\/img_57957dfc76d75.png' \/><br \/>\n<img alt='' class='alignnone size-full wp-image-4784' src='http:\/\/172.104.26.128\/wp-content\/uploads\/2016\/07\/img_57957e29d26fb.png' \/><br \/>\n<img alt='' class='alignnone size-full wp-image-4785' src='http:\/\/172.104.26.128\/wp-content\/uploads\/2016\/07\/img_57957e6720aef.png' \/><\/p>\n<p>You might think these are proprietary arrangements between Google and other sites &#8211; I imagine many may be, but the technology that powers them is easily available, called &#8220;microformats&#8221;. Microformats are essentially a loose schema describing a type of data in your site. There are a few hundred different data types &#8211; common ones being events, reviews, download links, and metadata about different types of businesses.<\/p>\n<p>These are beneficial if you want someone to make use of whatever you&#8217;re providing (making easier for them to find downloads for your software, for instance). There seems to be a schema that provides a data table from your site, and they do seem to put links to the source material with the summary table in the search results, so this may be a valid form of SEO tinkering as well.<\/p>\n<p>Regardless, it&#8217;s a neat feature, and pretty easy to use. If you just want yellow stars to show up in search results, there is a nice WordPress plugin<sup><a href=\"#footnote_1_4776\" id=\"identifier_1_4776\" class=\"footnote-link footnote-identifier-link\" title=\"https:\/\/wordpress.org\/plugins\/all-in-one-schemaorg-rich-snippets\/\">1<\/a><\/sup> that supports some of the most common types (I have no affiliation with the author).<\/p>\n<p>If you want to do something fancier, the best option is to go to schema.org, and look at the examples.<\/p>\n<p>For instance, you want to link an MP3, they give you an example like so:<\/p>\n<pre lang=\"xml\">\n<div itemscope itemtype=\"http:\/\/schema.org\/AudioObject\">\n  <span itemprop=\"name\"><b>12oclock_girona.mp3<\/b><\/span>\n  <meta itemprop=\"encodingFormat\" content=\"mp3\" \/>\n  <meta itemprop=\"contentUrl\" content=\"http:\/\/media.freesound.org\/data\/0\/previews\/719__elmomo__12oclock_girona_preview.mp3\" \/>\n  <span class=\"description\">\n    <meta itemprop=\"duration\" content=\"T0M15S\" \/>\n    <span itemprop=\"description\">Recorded on a terrace of Girona a sunday morning<\/span>\n  <\/span>\n<\/div>\n<\/pre>\n<p>To find this, go to http:\/\/schema.org\/AudioObject:<br \/>\n<img alt='' class='alignnone size-full wp-image-4786' src='http:\/\/172.104.26.128\/wp-content\/uploads\/2016\/07\/img_579580889649b.png' \/><\/p>\n<p>The schema objects have a ton of attributes, which is pretty overwhelming. If you scroll to the bottom, you can get an HTML example like the above, for whatever type you like:<br \/>\n<img alt='' class='alignnone size-full wp-image-4787' src='http:\/\/172.104.26.128\/wp-content\/uploads\/2016\/07\/img_579580d34673f.png' \/><br \/>\nOnce you have this, it&#8217;s pretty easy to drop into React or whatever you&#8217;re using, and customize it to have the right data.<\/p>\n<ol class=\"footnotes\"><li id=\"footnote_1_4776\" class=\"footnote\">https:\/\/wordpress.org\/plugins\/all-in-one-schemaorg-rich-snippets\/<span class=\"footnote-back-link-wrapper\"> [<a href=\"#identifier_1_4776\" class=\"footnote-link footnote-back-link\">&#8617;<\/a>]<\/span><\/li><\/ol>","protected":false},"excerpt":{"rendered":"<p>Using &#8220;microformats&#8221; to get custom integrations with search engines<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"footnotes":""},"categories":[12],"tags":[498,503],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO 4.9.9 - aioseo.com -->\n\t<meta name=\"description\" content=\"Using &quot;microformats&quot; to get custom integrations with search engines\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<meta name=\"author\" content=\"gary\"\/>\n\t<link rel=\"canonical\" href=\"https:\/\/www.garysieling.com\/blog\/use-microformats-html-wordpress\/\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 4.9.9\" \/>\n\t\t<meta property=\"og:locale\" content=\"en_US\" \/>\n\t\t<meta property=\"og:site_name\" content=\"Gary Sieling - Software Engineer\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"How to use Microformats in HTML or WordPress - Gary Sieling\" \/>\n\t\t<meta property=\"og:description\" content=\"Using &quot;microformats&quot; to get custom integrations with search engines\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/www.garysieling.com\/blog\/use-microformats-html-wordpress\/\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2016-07-25T03:01:32+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2016-07-25T03:01:32+00:00\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n\t\t<meta name=\"twitter:title\" content=\"How to use Microformats in HTML or WordPress - Gary Sieling\" \/>\n\t\t<meta name=\"twitter:description\" content=\"Using &quot;microformats&quot; to get custom integrations with search engines\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"BlogPosting\",\"@id\":\"https:\\\/\\\/www.garysieling.com\\\/blog\\\/use-microformats-html-wordpress\\\/#blogposting\",\"name\":\"How to use Microformats in HTML or WordPress - Gary Sieling\",\"headline\":\"How to use Microformats in HTML or WordPress\",\"author\":{\"@id\":\"https:\\\/\\\/www.garysieling.com\\\/blog\\\/author\\\/gary\\\/#author\"},\"publisher\":{\"@id\":\"https:\\\/\\\/www.garysieling.com\\\/blog\\\/#organization\"},\"datePublished\":\"2016-07-25T03:01:32+00:00\",\"dateModified\":\"2016-07-25T03:01:32+00:00\",\"inLanguage\":\"en-US\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.garysieling.com\\\/blog\\\/use-microformats-html-wordpress\\\/#webpage\"},\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.garysieling.com\\\/blog\\\/use-microformats-html-wordpress\\\/#webpage\"},\"articleSection\":\"How-To, search, seo\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.garysieling.com\\\/blog\\\/use-microformats-html-wordpress\\\/#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.garysieling.com\\\/blog#listItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.garysieling.com\\\/blog\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.garysieling.com\\\/blog\\\/category\\\/how-to\\\/#listItem\",\"name\":\"How-To\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.garysieling.com\\\/blog\\\/category\\\/how-to\\\/#listItem\",\"position\":2,\"name\":\"How-To\",\"item\":\"https:\\\/\\\/www.garysieling.com\\\/blog\\\/category\\\/how-to\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.garysieling.com\\\/blog\\\/use-microformats-html-wordpress\\\/#listItem\",\"name\":\"How to use Microformats in HTML or WordPress\"},\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.garysieling.com\\\/blog#listItem\",\"name\":\"Home\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.garysieling.com\\\/blog\\\/use-microformats-html-wordpress\\\/#listItem\",\"position\":3,\"name\":\"How to use Microformats in HTML or WordPress\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.garysieling.com\\\/blog\\\/category\\\/how-to\\\/#listItem\",\"name\":\"How-To\"}}]},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.garysieling.com\\\/blog\\\/#organization\",\"name\":\"Gary Sieling\",\"description\":\"Software Engineer\",\"url\":\"https:\\\/\\\/www.garysieling.com\\\/blog\\\/\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.garysieling.com\\\/blog\\\/author\\\/gary\\\/#author\",\"url\":\"https:\\\/\\\/www.garysieling.com\\\/blog\\\/author\\\/gary\\\/\",\"name\":\"gary\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\\\/\\\/www.garysieling.com\\\/blog\\\/use-microformats-html-wordpress\\\/#authorImage\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/0be925276d848ffe98a6a9dc8cf33e67?s=96&d=identicon&r=g\",\"width\":96,\"height\":96,\"caption\":\"gary\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.garysieling.com\\\/blog\\\/use-microformats-html-wordpress\\\/#webpage\",\"url\":\"https:\\\/\\\/www.garysieling.com\\\/blog\\\/use-microformats-html-wordpress\\\/\",\"name\":\"How to use Microformats in HTML or WordPress - Gary Sieling\",\"description\":\"Using \\\"microformats\\\" to get custom integrations with search engines\",\"inLanguage\":\"en-US\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.garysieling.com\\\/blog\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.garysieling.com\\\/blog\\\/use-microformats-html-wordpress\\\/#breadcrumblist\"},\"author\":{\"@id\":\"https:\\\/\\\/www.garysieling.com\\\/blog\\\/author\\\/gary\\\/#author\"},\"creator\":{\"@id\":\"https:\\\/\\\/www.garysieling.com\\\/blog\\\/author\\\/gary\\\/#author\"},\"datePublished\":\"2016-07-25T03:01:32+00:00\",\"dateModified\":\"2016-07-25T03:01:32+00:00\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.garysieling.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.garysieling.com\\\/blog\\\/\",\"name\":\"Gary Sieling\",\"description\":\"Software Engineer\",\"inLanguage\":\"en-US\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.garysieling.com\\\/blog\\\/#organization\"}}]}\n\t\t<\/script>\n\t\t<!-- All in One SEO -->\n\n","aioseo_head_json":{"title":"How to use Microformats in HTML or WordPress - Gary Sieling","description":"Using \"microformats\" to get custom integrations with search engines","canonical_url":"https:\/\/www.garysieling.com\/blog\/use-microformats-html-wordpress\/","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"BlogPosting","@id":"https:\/\/www.garysieling.com\/blog\/use-microformats-html-wordpress\/#blogposting","name":"How to use Microformats in HTML or WordPress - Gary Sieling","headline":"How to use Microformats in HTML or WordPress","author":{"@id":"https:\/\/www.garysieling.com\/blog\/author\/gary\/#author"},"publisher":{"@id":"https:\/\/www.garysieling.com\/blog\/#organization"},"datePublished":"2016-07-25T03:01:32+00:00","dateModified":"2016-07-25T03:01:32+00:00","inLanguage":"en-US","mainEntityOfPage":{"@id":"https:\/\/www.garysieling.com\/blog\/use-microformats-html-wordpress\/#webpage"},"isPartOf":{"@id":"https:\/\/www.garysieling.com\/blog\/use-microformats-html-wordpress\/#webpage"},"articleSection":"How-To, search, seo"},{"@type":"BreadcrumbList","@id":"https:\/\/www.garysieling.com\/blog\/use-microformats-html-wordpress\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/www.garysieling.com\/blog#listItem","position":1,"name":"Home","item":"https:\/\/www.garysieling.com\/blog","nextItem":{"@type":"ListItem","@id":"https:\/\/www.garysieling.com\/blog\/category\/how-to\/#listItem","name":"How-To"}},{"@type":"ListItem","@id":"https:\/\/www.garysieling.com\/blog\/category\/how-to\/#listItem","position":2,"name":"How-To","item":"https:\/\/www.garysieling.com\/blog\/category\/how-to\/","nextItem":{"@type":"ListItem","@id":"https:\/\/www.garysieling.com\/blog\/use-microformats-html-wordpress\/#listItem","name":"How to use Microformats in HTML or WordPress"},"previousItem":{"@type":"ListItem","@id":"https:\/\/www.garysieling.com\/blog#listItem","name":"Home"}},{"@type":"ListItem","@id":"https:\/\/www.garysieling.com\/blog\/use-microformats-html-wordpress\/#listItem","position":3,"name":"How to use Microformats in HTML or WordPress","previousItem":{"@type":"ListItem","@id":"https:\/\/www.garysieling.com\/blog\/category\/how-to\/#listItem","name":"How-To"}}]},{"@type":"Organization","@id":"https:\/\/www.garysieling.com\/blog\/#organization","name":"Gary Sieling","description":"Software Engineer","url":"https:\/\/www.garysieling.com\/blog\/"},{"@type":"Person","@id":"https:\/\/www.garysieling.com\/blog\/author\/gary\/#author","url":"https:\/\/www.garysieling.com\/blog\/author\/gary\/","name":"gary","image":{"@type":"ImageObject","@id":"https:\/\/www.garysieling.com\/blog\/use-microformats-html-wordpress\/#authorImage","url":"https:\/\/secure.gravatar.com\/avatar\/0be925276d848ffe98a6a9dc8cf33e67?s=96&d=identicon&r=g","width":96,"height":96,"caption":"gary"}},{"@type":"WebPage","@id":"https:\/\/www.garysieling.com\/blog\/use-microformats-html-wordpress\/#webpage","url":"https:\/\/www.garysieling.com\/blog\/use-microformats-html-wordpress\/","name":"How to use Microformats in HTML or WordPress - Gary Sieling","description":"Using \"microformats\" to get custom integrations with search engines","inLanguage":"en-US","isPartOf":{"@id":"https:\/\/www.garysieling.com\/blog\/#website"},"breadcrumb":{"@id":"https:\/\/www.garysieling.com\/blog\/use-microformats-html-wordpress\/#breadcrumblist"},"author":{"@id":"https:\/\/www.garysieling.com\/blog\/author\/gary\/#author"},"creator":{"@id":"https:\/\/www.garysieling.com\/blog\/author\/gary\/#author"},"datePublished":"2016-07-25T03:01:32+00:00","dateModified":"2016-07-25T03:01:32+00:00"},{"@type":"WebSite","@id":"https:\/\/www.garysieling.com\/blog\/#website","url":"https:\/\/www.garysieling.com\/blog\/","name":"Gary Sieling","description":"Software Engineer","inLanguage":"en-US","publisher":{"@id":"https:\/\/www.garysieling.com\/blog\/#organization"}}]},"og:locale":"en_US","og:site_name":"Gary Sieling - Software Engineer","og:type":"article","og:title":"How to use Microformats in HTML or WordPress - Gary Sieling","og:description":"Using &quot;microformats&quot; to get custom integrations with search engines","og:url":"https:\/\/www.garysieling.com\/blog\/use-microformats-html-wordpress\/","article:published_time":"2016-07-25T03:01:32+00:00","article:modified_time":"2016-07-25T03:01:32+00:00","twitter:card":"summary_large_image","twitter:title":"How to use Microformats in HTML or WordPress - Gary Sieling","twitter:description":"Using &quot;microformats&quot; to get custom integrations with search engines"},"aioseo_meta_data":{"post_id":"4776","title":null,"description":null,"keywords":null,"keyphrases":null,"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":null,"og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"","isEnabled":true},"graphs":[]},"schema_type":"default","schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":null,"robots_max_videopreview":null,"robots_max_imagepreview":"large","priority":null,"frequency":null,"local_seo":null,"limit_modified_date":false,"created":"2023-02-04 17:02:39","updated":"2026-07-06 02:09:48","ai":null,"breadcrumb_settings":null,"seo_analyzer_scan_date":null},"aioseo_breadcrumb":"<div class=\"aioseo-breadcrumbs\"><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/www.garysieling.com\/blog\" title=\"Home\">Home<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/www.garysieling.com\/blog\/category\/how-to\/\" title=\"How-To\">How-To<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\tHow to use Microformats in HTML or WordPress\n\t\t<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Home","link":"https:\/\/www.garysieling.com\/blog"},{"label":"How-To","link":"https:\/\/www.garysieling.com\/blog\/category\/how-to\/"},{"label":"How to use Microformats in HTML or WordPress","link":"https:\/\/www.garysieling.com\/blog\/use-microformats-html-wordpress\/"}],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.garysieling.com\/blog\/wp-json\/wp\/v2\/posts\/4776"}],"collection":[{"href":"https:\/\/www.garysieling.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.garysieling.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.garysieling.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.garysieling.com\/blog\/wp-json\/wp\/v2\/comments?post=4776"}],"version-history":[{"count":0,"href":"https:\/\/www.garysieling.com\/blog\/wp-json\/wp\/v2\/posts\/4776\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.garysieling.com\/blog\/wp-json\/wp\/v2\/media?parent=4776"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.garysieling.com\/blog\/wp-json\/wp\/v2\/categories?post=4776"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.garysieling.com\/blog\/wp-json\/wp\/v2\/tags?post=4776"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}