Boost Your Hyperlink Power

11 Comments

Comments are ordered by helpfulness, as indicated by you. Help us pick out the gems and discourage asshattery by voting on notable comments.

Got something to add? You can leave a comment below.

  1. Steve Ivy

    Jeremy, this is cool stuff. Inspired, I did some testing at:

    http://redmonk.net/archives/2006/12/18/testing-votelinks/

    I added some links with rev=“vote-for” and “vote-against”, then used Javascript to check the page for the votelinks and add tooltips to the tags. Right now I’m popping up little +1 and -1 icons, but I got into a discussion with the usability guy here about visual affordances in the links and I’m not sure if there’s a need to make the votelinks explicit on the linking side.

    Hopefully, something like trackback can be used to propogate these votes to the sites that are linked to, and in the comments/trackbacks lists the site could have an Agreed/Disagreed list. Just thinking…

  2. Vlad

    Good point. Could be usefull as a DOM “flag” for scripting: if(document.getElementsByTagName(a)[2].getAttribute(“rel”) == “foo”)...
    And in CSS: a[rev=“olution”] or a[rel~=“ationship”], etc…

    Thanks!

    BTW, I vote for Dawkins…

  3. letimati

    Hi I remember hearing a talk you gave on rel and rev and i got really interested.

    I was wondering how i could use them in the footer of websites i build to say my company built this website.

    Do you think i should use rel and rev link this

    companyname

    This is what (i think) this says,
    easy bit
    the companyname is an organization, which is inside a vcard tag so will get looked at as an organisation.

    the second thing says www.companyname.com is an external link to the document you are on and the document you are on was made by www.companyname.com as it is the rev of this document. The rev attribute is the relationship between the resource and the current page, so the relation ship is
    “this page was ‘made’ by by the resource” i.e. this page was made by www.companyname.com;

    I think this is correct but I also think i could add ‘made’ to the rel (rel=‘external made’) as well as this would say the resource was made by the resource which will be correct as we built our own website.

    I am off the mark here?

  4. Jeremy Keith

    That makes sense. Personally, I think I would use the term “creator” or maybe “designer” (the term “author” would apply if you also wrote the content). On a site you have created, you could link back to your own site with rel=“creator”. Then on your own site, you can link to sites you have created with rev=“creator”

  5. Jessi

    I’m very curious. What exactly do search engines do with these attributes? What benefit is there in using them—besides impressing one’s friends, I mean?

  6. Thomas Swift

    The first experience I had with a rel tag was when i used lightbox, it used rel=“lightbox”. So this was a great supplement to learning what else rel and rev can be used for in relation to microformats. Thanks!

  7. Steven McCullagh

    Rel: Describes the link.
    Rev: Descibes the page you are currently authoring (and it’s relevance to the link).
    This is to assist with the Berners-Lee Semantic Web mantra.
    Probably will be used by Google, Yahoo and WikiSearch then. When will we see a microformats search option from these search engines where we can search all their indexed microformat-enabled websites?

  8. Harry

    If I use a rel=tag within a hyperlink on a web page, will it apply the tag(s) to all the major blog engines (technorati, blogger, delicious etc) that were pinged? Which ones do recognize the rel (tag or directory) code? Your comments from successful experience very welcome.

Impress us

Be friendly / use Textile