{"id":365,"date":"2012-01-23T07:30:51","date_gmt":"2012-01-23T14:30:51","guid":{"rendered":"https:\/\/www.joshualyman.com\/?page_id=365"},"modified":"2012-11-06T20:16:49","modified_gmt":"2012-11-07T03:16:49","slug":"twenty-eleven-schema-org-child-theme","status":"publish","type":"page","link":"https:\/\/www.joshualyman.com\/twenty-eleven-schema-org-child-theme\/","title":{"rendered":"Twenty Eleven Schema.org Child Theme"},"content":{"rendered":"

The default WordPress Twenty Eleven theme is beautiful and functional. I wanted to make it even more functional by including added microdata in the theme by default. Google, along with several other large companies like Bing and Yahoo, introduced Schema.org<\/a>, a collection of microdata formats that can be used as a common machine language to identify bits and pieces of web pages. This theme incorporates that language and embeds it directly into your site.<\/p>\n

Example?<\/h2>\n

Sure. Here is a side-by-side of the author section of a blog post (slightly abbreviated from the real source). Note the elements that were added, and then how Google’s rich snippets tool<\/a> pulls them out.<\/p>\n

\n

Without Schema.org embedded<\/h3>\n
<article>\r\n  <header>\r\n    <h1>A blog post<\/h1>\r\n    <div>\r\n      Posted on <time datetime=\"2012-01-19T12:59:46+00:00\" pubdate>January 19, 2012<\/time>\r\n    <\/div><!-- .entry-meta -->\r\n  <\/header><!-- .entry-header -->\r\n\r\n  <div> ... Entry goes here ... <\/div><!-- .entry-content -->\r\n\r\n  <footer>\r\n    Category: <span><a href=\"#\" rel=\"category\">Programming<\/a><\/span>\r\n    Tagged: <span><a href=\"#\" rel=\"tag\">javascript<\/a><\/span>\r\n    By: <a href=\"#\" rel=\"author\">Joshua<\/a>.\r\n  <\/footer><!-- .entry-meta -->\r\n<\/article><\/pre>\n<\/div>\n
\n

With Schema.org embedded<\/h3>\n
<article itemscope itemtype=\"http:\/\/schema.org\/BlogPosting\">\r\n  <header>\r\n    <h1 itemprop=\"headline\">A blog post<\/h1>\r\n    <div>\r\n      Posted on <time datetime=\"2012-01-19T12:59:46+00:00\" pubdate itemprop=\"datePublished\">January 19, 2012<\/time>\r\n    <\/div><!-- .entry-meta -->\r\n  <\/header><!-- .entry-header -->\r\n\r\n  <div itemprop=\"articleBody\"> ... Entry goes here ... <\/div><!-- .entry-content -->\r\n\r\n  <footer>\r\n    Category: <span itemprop=\"articleSection\"><a href=\"#\" rel=\"category\">Programming<\/a><\/span>\r\n    Tagged: <span itemprop=\"keywords\"><a href=\"#\" rel=\"tag\">javascript<\/a><\/span>\r\n    By: <span itemprop=\"author\" itemscope itemtype=\"http:\/\/schema.org\/Person\">\r\n      <span itemprop=\"name\">\r\n        <a href=\"#\" rel=\"author\" itemprop=\"url\">Joshua<\/a>\r\n      <\/span>\r\n    <\/span>.\r\n  <\/footer><!-- .entry-meta -->\r\n<\/article><\/pre>\n<\/div>\n
\n

Google’s Rich Snippets Extract<\/h3>\n
Item\r\n    Type: http:\/\/schema.org\/blogposting\r\n    headline = A blog post\r\n    datepublished = 2012-01-19T12:59:46+00:00\r\n    articlebody = ... Post content here ...\r\n    articlesection = Programming\r\n    keywords = javascript\r\n    author = Item (1)\r\n\r\nItem 1\r\n    Type: http:\/\/schema.org\/person\r\n    name = Joshua\r\n    url\r\n        text = Joshua\r\n        href = #<\/pre>\n<\/div>\n

Download<\/h2>\n

Download the theme:\u00a0TwentyEleven Schema.org Child Theme – v1.4<\/a>\u00a0(Updated 11\/6\/2012 to v1.4)<\/strong><\/p>\n

I would appreciate any feedback you have or any bugs you notice, and you can get in touch with me here<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"

The default WordPress Twenty Eleven theme is beautiful and functional. I wanted to make it even more functional by including added microdata in the theme by default. Google, along with several other large companies like Bing and Yahoo, introduced Schema.org,…<\/p>\n