August 14, 2009

A Simple Way to Specify Image Licenses

Google has recently added a Creative Commons filter in Google Image Search, but it didn't explain how to specify the license so that your images are properly identified.

The trick is to enclose the image and the license's link in a div tag and to use RDFa's about attribute to specify the resource. For example:

<div about="image.jpg">
<img src="image.jpg" alt="" />
<a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/">Creative Commons Attribution Share-Alike 3.0</a>
</div>


at

17 comments:

  1. Philipp LenssenAugust 15, 2009 at 5:27 AM

    The "about" attribute doesn't seem to validate (not as XHTML strict, not as HTML5), or am I missing something?

    ReplyDelete
  2. AnonymousAugust 15, 2009 at 9:25 AM

    www.img4u.com

    Download Wallpapers. Sign Up For Free and you can upload your own wallpapers

    ReplyDelete
  3. 100fm6.comAugust 15, 2009 at 4:25 PM

    wow, I wanted something like this along time ago
    will it be considered anchor if put on another website?

    ReplyDelete
  4. ahabAugust 16, 2009 at 5:47 AM

    @Philipp Lenssen,
    Perhaps you should try to validate it as XML ?(http://www.w3schools.com/Dom/dom_validate.asp says No errors found when the code snippet was validated.) I guess it is interpreted as XML.

    ReplyDelete
  5. ChristophAugust 16, 2009 at 10:04 AM

    XML is not HTML or XHTML

    ReplyDelete
  6. ahabAugust 16, 2009 at 2:38 PM

    @Christoph
    You are right, but probably Google is interpreting the code as if it is XML.

    ReplyDelete
  7. AnonymouseAugust 16, 2009 at 4:55 PM

    Is the new Youtube official yet? I have in in Windows 7 Firefox, Windows 7 Internet Explorer, Windows Vista Firefox, Windows Vista Chrome, and on my mom's Windows Vista Firefox.

    ReplyDelete
  8. Jon MorganAugust 17, 2009 at 4:46 AM

    So everyone has to download more just to keep the computer happy?

    ReplyDelete
  9. AnonymouseAugust 17, 2009 at 4:25 PM

    @Jon Morgan what do you mean?

    ReplyDelete
  10. willurdAugust 17, 2009 at 5:03 PM

    That's a little bulky for my taste. How about something like this:

    <img src="image.jpg" alt="" license="http://creativecommons.org/licenses/by-sa/3.0/" />

    ReplyDelete
  11. willurdAugust 17, 2009 at 5:09 PM

    Scratch that. You're trying to keep the html valid.

    ReplyDelete
  12. ABSAugust 18, 2009 at 4:04 AM

    wbowsers is right. Webmasters should not be forced to use invalid HTML or extra divs. Google's example looks more like a way to spread awareness of creative commons to a viewer rather than hidden meta to help out Google search.

    On my site, it wouldn't make sense to add a cc link to every thumbnail or icon. Look at my site. There's just no practical use for Google's example on smaller images. There should also be a header option for image lisense to apply to a whole page than the Webmaster can override inline with wbowser's example.

    ReplyDelete
  13. ABSAugust 18, 2009 at 4:07 AM

    I meant "that" the Webmaster..

    ReplyDelete
  14. Web Hosting ReviewsAugust 18, 2009 at 6:51 AM

    This is really an informative review.
    The videos really seems to have relevant ideas that was shared in making things clear.


    thanks for posting!

    ReplyDelete
  15. AnonymousAugust 20, 2009 at 10:14 PM

    Have a look at the RDFa W3C Recommendation for information about how to use RDFa and what to do to make it valid. ;)

    ReplyDelete
  16. sesli sohbetAugust 28, 2009 at 6:22 PM

    You're trying to keep the html valid.

    ReplyDelete
  17. LauraSeptember 6, 2009 at 12:02 PM

    "Google's example looks more like a way to spread awareness of creative commons to a viewer rather than hidden meta to help out Google search."

    I agree! I just want to tag my images as public domain so Google will pick them up as such. Why should I have to give 20 or so links to Creative Commons on each page to do so? It's going to look like a mess!

    ReplyDelete

Note: Only a member of this blog may post a comment.