representative-hcard-authoring
representative hCard authoring
To publish a representative hCard on a page, in addition to properly following hcard-authoring instructions, you need to do at least one of two of the following (you can do both).
- hyperlink to the page itself, perhaps around your icon or name (or both), and use both the "uid" and "url" class names in the class attribute on the hyperlink. e.g.:
<span class="vcard">
<a href="http://tantek.com/" class="url uid fn">Tantek Çelik</a>
</span>
- markup your links to other profiles with both
rel="me"and the "url" class name. e.g.:<span class="vcard">
<span class="fn">Tantek Çelik</span> (<a href="http://twitter.com/t" rel="me" class="url">my Twitter</a>)
</span>
Or better yet do both:
<span class="vcard"> <a href="http://tantek.com/" class="url uid fn">Tantek Çelik</a> (<a href="http://twitter.com/t" rel="me" class="url">my Twitter</a>) </span>
which has the following advantages over either individual example above:
- a richer, more semantic hCard (e.g. providing two URLs for the person rather than just one)
- works with both hCard-only parsers/crawlers and XFN-only parsers/crawlers