{"id":1823,"date":"2016-01-13T00:00:00","date_gmt":"2016-01-12T23:00:00","guid":{"rendered":"https:\/\/wwwneu.strehle.de\/tim\/weblog\/archives\/2016\/01\/13\/1583-2\/"},"modified":"2025-07-31T21:58:34","modified_gmt":"2025-07-31T19:58:34","slug":"1583-2","status":"publish","type":"post","link":"https:\/\/www.strehle.de\/tim\/weblog\/archives\/2016\/01\/13\/1583-2\/","title":{"rendered":"schema.org RDFa markup for a DAM hypermedia API"},"content":{"rendered":"\n<p>Just a quick update to my previous <a href=\"\/tim\/weblog\/archives\/2015\/12\/04\/1577\">schema.org DAM markup example<\/a>. That example was in RDF\/XML, but RDFa \u2013 RDF markup embedded in HTML \u2013 is pretty interesting as well, so here\u2019s the same record in HTML+RDFa.<\/p>\n\n\n\n<p><a href=\"https:\/\/s3.eu-central-1.amazonaws.com\/files.strehle.de\/tim\/blog\/schema_org_rdfa_dam.html\">Click here<\/a> to see that markup rendered by your browser. The benefit of RDFa is that it\u2019s human readable by everyone with a Web browser, and at the same time machine-readable structured data. See <a href=\"\/tim\/weblog\/archives\/2013\/08\/19\/1639\">Publish your data, don\u2019t build APIs<\/a> for more on hypermedia APIs.<\/p>\n\n\n\n<p>Here\u2019s the RDFa source:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;html xmlns=\"http:\/\/www.w3.org\/1999\/xhtml\"&gt;\n&lt;head&gt;&lt;meta http-equiv=\"content-type\" content=\"application\/xhtml+xml; charset=UTF-8\" \/&gt;&lt;\/head&gt;\n&lt;body prefix=\"schema: http:\/\/schema.org\/\"&gt;\n  &lt;div resource=\"https:\/\/www.flickr.com\/photos\/archbob\/22875195123\/\" typeof=\"schema:Photograph\"&gt;\n    &lt;img src=\"http:\/\/c1.staticflickr.com\/1\/668\/22875195123_1d0a409a41_n.jpg\" \/&gt;\n    &lt;h1 property=\"schema:name\"&gt;Desert Landscape&lt;\/h1&gt;\n    &lt;p property=\"schema:description\"&gt;Desert Landscape at Big Bend National Park.&lt;\/p&gt;\n    &lt;dl&gt;\n      &lt;dt&gt;Keywords:&lt;\/dt&gt;\n      &lt;dd property=\"schema:keywords\"&gt;nature, landscape, outdoors, big, texas, desert, bend, dusk, scenic&lt;\/dd&gt;\n      &lt;dt&gt;Date created:&lt;\/dt&gt;\n      &lt;dd property=\"schema:dateCreated\" content=\"2014-01-20\"&gt;Monday, January 20th, 2014&lt;\/dd&gt;\n      &lt;dt&gt;Content location:&lt;\/dt&gt;\n      &lt;dd&gt;\n        &lt;a href=\"http:\/\/sws.geonames.org\/5516970\/\" property=\"schema:contentLocation\" typeof=\"schema:Place\"&gt;\n          &lt;span property=\"schema:name\"&gt;Big Bend National Park&lt;\/span&gt;\n        &lt;\/a&gt;\n      &lt;\/dd&gt;\n      &lt;dt&gt;Creator:&lt;\/dt&gt;\n      &lt;dd&gt;\n        &lt;a href=\"https:\/\/www.flickr.com\/people\/archbob\/\" property=\"schema:creator\" typeof=\"schema:Person\"&gt;\n          &lt;span property=\"schema:name\"&gt;Yinan Chen&lt;\/span&gt;\n        &lt;\/a&gt;\n      &lt;\/dd&gt;\n      &lt;dt&gt;Copyright holder:&lt;\/dt&gt;\n      &lt;dd&gt;\n        &lt;a href=\"http:\/\/www.goodfreephotos.com\/\" property=\"schema:copyrightHolder\" typeof=\"schema:Organization\"&gt;\n          &lt;span property=\"schema:name\"&gt;Good Free Photos&lt;\/span&gt;\n        &lt;\/a&gt;\n      &lt;\/dd&gt;\n      &lt;dt&gt;Copyright year:&lt;\/dt&gt;\n      &lt;dd property=\"schema:copyrightYear\"&gt;2014&lt;\/dd&gt;\n      &lt;dt&gt;License:&lt;\/dt&gt;\n      &lt;dd&gt;\n        &lt;a href=\"https:\/\/creativecommons.org\/licenses\/by\/2.0\/\" property=\"schema:license\"&gt;\n          Creative Commons Attribution 2.0 Generic (CC BY 2.0)\n        &lt;\/a&gt;\n      &lt;\/dd&gt;\n      &lt;dt&gt;Provider:&lt;\/dt&gt;\n      &lt;dd&gt;\n        &lt;a href=\"https:\/\/www.flickr.com\/\" property=\"schema:provider\" typeof=\"schema:Organization\"&gt;\n          &lt;span property=\"schema:name\"&gt;Flickr&lt;\/span&gt;\n        &lt;\/a&gt;\n      &lt;\/dd&gt;\n    &lt;\/dl&gt;\n    &lt;div resource=\"https:\/\/www.flickr.com\/photos\/archbob\/22875195123\/#original_file\" property=\"schema:associatedMedia\" typeof=\"schema:ImageObject\"&gt;\n      &lt;p&gt;\n        Media file: \n        &lt;a href=\"http:\/\/c1.staticflickr.com\/1\/668\/22875195123_4fced120f0_k.jpg\" property=\"schema:contentUrl\"&gt;\n          http:&#47;&#47;c1.staticflickr.com\/1\/668\/22875195123_4fced120f0_k.jpg\n        &lt;\/a&gt; \n        (&lt;span property=\"schema:fileFormat\"&gt;image\/jpeg&lt;\/span&gt;, \n        &lt;span property=\"schema:contentSize\" content=\"911577\"&gt;911 kB&lt;\/span&gt;, \n        &lt;span property=\"schema:width\"&gt;2048&lt;\/span&gt;x&lt;span property=\"schema:height\"&gt;1387&lt;\/span&gt; px)\n      &lt;\/p&gt;\n      &lt;div resource=\"https:\/\/www.flickr.com\/photos\/archbob\/22875195123\/#thumbnail_file\" property=\"schema:thumbnail\" typeof=\"schema:ImageObject\"&gt;\n        &lt;p&gt;\n          Thumbnail file: \n          &lt;a href=\"http:\/\/c1.staticflickr.com\/1\/668\/22875195123_1d0a409a41_n.jpg\" property=\"schema:contentUrl\"&gt;\n            http:\/\/c1.staticflickr.com\/1\/668\/22875195123_1d0a409a41_n.jpg\n          &lt;\/a&gt; \n          (&lt;span property=\"schema:fileFormat\"&gt;image\/jpeg&lt;\/span&gt;, \n          &lt;span property=\"schema:contentSize\" content=\"36171\"&gt;36 kB&lt;\/span&gt;, \n          &lt;span property=\"schema:width\"&gt;320&lt;\/span&gt;x&lt;span property=\"schema:height\"&gt;216&lt;\/span&gt; px)\n        &lt;\/p&gt;\n      &lt;\/div&gt;\n    &lt;\/div&gt;\n  &lt;\/div&gt;\n&lt;\/body&gt;\n&lt;\/html&gt;\n<\/code><\/pre>\n\n\n\n<p>You can try pasting the source into the <a href=\"http:\/\/www.easyrdf.org\/converter\">EasyRdf Converter<\/a>, or inspect the <a href=\"https:\/\/s3.eu-central-1.amazonaws.com\/files.strehle.de\/tim\/blog\/schema_org_rdfa_dam.html\">RDFa file<\/a> using the <a href=\"http:\/\/osds.openlinksw.com\/\">OpenLink Structured Data Sniffer<\/a> browser extension.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Just a quick update to my previous schema.org DAM markup example. That example was in RDF\/XML, but RDFa \u2013 RDF markup embedded in HTML \u2013 is pretty interesting as well, so here\u2019s the same record in HTML+RDFa. Click here to see that markup rendered by your browser. The benefit of RDFa is that it\u2019s human [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_share_on_mastodon":"0"},"categories":[1],"tags":[],"class_list":["post-1823","post","type-post","status-publish","format-standard","hentry","category-weblog"],"share_on_mastodon":{"url":"","error":""},"_links":{"self":[{"href":"https:\/\/www.strehle.de\/tim\/wp-json\/wp\/v2\/posts\/1823","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.strehle.de\/tim\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.strehle.de\/tim\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.strehle.de\/tim\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.strehle.de\/tim\/wp-json\/wp\/v2\/comments?post=1823"}],"version-history":[{"count":1,"href":"https:\/\/www.strehle.de\/tim\/wp-json\/wp\/v2\/posts\/1823\/revisions"}],"predecessor-version":[{"id":1915,"href":"https:\/\/www.strehle.de\/tim\/wp-json\/wp\/v2\/posts\/1823\/revisions\/1915"}],"wp:attachment":[{"href":"https:\/\/www.strehle.de\/tim\/wp-json\/wp\/v2\/media?parent=1823"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.strehle.de\/tim\/wp-json\/wp\/v2\/categories?post=1823"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.strehle.de\/tim\/wp-json\/wp\/v2\/tags?post=1823"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}