Difference between revisions of "Web Integration/RDFaExample"
(Created page with 'Example of the benefit of using this metadata in your webpage: File:Metadata scrapper example.png') |
m (Reverted edits by OpenIDUser502 (talk) to last revision by Fred Benenson) |
||
| (6 intermediate revisions by 3 users not shown) | |||
| Line 1: | Line 1: | ||
| − | + | [[File:RDFa-Explanation.png|500px|border|<br>Read more about how CC uses [[RDFa]] and [[ccREL]] to signal to machines that a work is CC licensed.]] | |
| + | |||
| + | |||
| + | Using [[RDFa]] and [[CcREL|ccREL]] to add metadata about your Creative Commons licensed works will enable machines (search engines, web browsers, etc) to learn more about your work. To learn more, see [[RDFa]] and [[CcREL|ccREL]]. | ||
| + | |||
| + | The advantages of doing this include being indexed by new search capabilities, such as from Yahoo! or Google, to limit image results to only images licensed under a specific CC license. | ||
| + | |||
| + | Another advantage of using this metadata is that when someone clicks on the license text/button on your site and is brought to the CC license deed, the [[Metadata Scraper]] will parse the original page and display added personalized info to the deed. See in the below image that the name of the author is shown along with copyable text to attribute the work: | ||
[[File:Metadata scrapper example.png]] | [[File:Metadata scrapper example.png]] | ||
| + | |||
| + | The copyable text is: | ||
| + | : <div xmlns:cc="http://creativecommons.org/ns#" about="http://grossmeier.net/"><a rel="cc:attributionURL" property="cc:attributionName" href="http://grossmeier.net">Greg Grossmeier</a> / <a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/">CC BY-SA 3.0</a></div> | ||
| + | |||
| + | This produces text that looks to the viewer as simply "Greg Grossmeier / CC BY-SA 3.0" where the name is linked to the original work (http://grossmeier.net) and the license name is linked to the actual license (http://creativecommons.org/licenses/by-sa/3.0/). The added metadata also tells machines what those links mean and who the author is. | ||
| + | |||
| + | The html code that was on the original site to enable this feature is (line breaks added for readability): | ||
| + | <pre> | ||
| + | <a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/"><img alt="Creative Commons License" style="border-width:0" src="http://i.creativecommons.org/l/by-sa/3.0/80x15.png" /></a> | ||
| + | by <a xmlns:cc="http://creativecommons.org/ns#" href="http://grossmeier.net" property="cc:attributionName" rel="cc:attributionURL">Greg Grossmeier</a> | ||
| + | |||
| + | <br /> | ||
| + | |||
| + | <rdf:RDF xmlns="http://web.resource.org/cc/" | ||
| + | xmlns:dc="http://purl.org/dc/elements/1.1/" | ||
| + | xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"> | ||
| + | <Work rdf:about=""> | ||
| + | <dc:type rdf:resource="http://purl.org/dc/dcmitype/Text" /> | ||
| + | <license rdf:resource="http://creativecommons.org/licenses/by-sa/3.0/" /> | ||
| + | </Work> | ||
| + | |||
| + | <License rdf:about="http://creativecommons.org/licenses/by-sa/2.0/"> | ||
| + | <permits rdf:resource="http://web.resource.org/cc/Reproduction" /> | ||
| + | <permits rdf:resource="http://web.resource.org/cc/Distribution" /> | ||
| + | <requires rdf:resource="http://web.resource.org/cc/Notice" /> | ||
| + | <requires rdf:resource="http://web.resource.org/cc/Attribution" /> | ||
| + | |||
| + | <permits rdf:resource="http://web.resource.org/cc/DerivativeWorks" /> | ||
| + | <requires rdf:resource="http://web.resource.org/cc/ShareAlike" /> | ||
| + | </License> | ||
| + | |||
| + | </rdf:RDF> | ||
| + | </pre> | ||
| + | |||
| + | |||
| + | == See Also == | ||
| + | |||
| + | : '''[[Web_Integration/CopyableExample]]''' | ||
| + | : '''Back to the [[Web Integration/HowTo|HowTo]].''' | ||
| + | : '''Back to [[Web Integration]].''' | ||
| + | : '''Back to [[Developers]].''' | ||
Latest revision as of 18:45, 25 September 2010
Using RDFa and ccREL to add metadata about your Creative Commons licensed works will enable machines (search engines, web browsers, etc) to learn more about your work. To learn more, see RDFa and ccREL.
The advantages of doing this include being indexed by new search capabilities, such as from Yahoo! or Google, to limit image results to only images licensed under a specific CC license.
Another advantage of using this metadata is that when someone clicks on the license text/button on your site and is brought to the CC license deed, the Metadata Scraper will parse the original page and display added personalized info to the deed. See in the below image that the name of the author is shown along with copyable text to attribute the work:
The copyable text is:
-
<a rel="cc:attributionURL" property="cc:attributionName" href="http://grossmeier.net">Greg Grossmeier</a> / <a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/">CC BY-SA 3.0</a>
This produces text that looks to the viewer as simply "Greg Grossmeier / CC BY-SA 3.0" where the name is linked to the original work (http://grossmeier.net) and the license name is linked to the actual license (http://creativecommons.org/licenses/by-sa/3.0/). The added metadata also tells machines what those links mean and who the author is.
The html code that was on the original site to enable this feature is (line breaks added for readability):
<a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/"><img alt="Creative Commons License" style="border-width:0" src="http://i.creativecommons.org/l/by-sa/3.0/80x15.png" /></a>
by <a xmlns:cc="http://creativecommons.org/ns#" href="http://grossmeier.net" property="cc:attributionName" rel="cc:attributionURL">Greg Grossmeier</a>
<br />
<rdf:RDF xmlns="http://web.resource.org/cc/"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#">
<Work rdf:about="">
<dc:type rdf:resource="http://purl.org/dc/dcmitype/Text" />
<license rdf:resource="http://creativecommons.org/licenses/by-sa/3.0/" />
</Work>
<License rdf:about="http://creativecommons.org/licenses/by-sa/2.0/">
<permits rdf:resource="http://web.resource.org/cc/Reproduction" />
<permits rdf:resource="http://web.resource.org/cc/Distribution" />
<requires rdf:resource="http://web.resource.org/cc/Notice" />
<requires rdf:resource="http://web.resource.org/cc/Attribution" />
<permits rdf:resource="http://web.resource.org/cc/DerivativeWorks" />
<requires rdf:resource="http://web.resource.org/cc/ShareAlike" />
</License>
</rdf:RDF>
See Also
- Web_Integration/CopyableExample
- Back to the HowTo.
- Back to Web Integration.
- Back to Developers.
