Publishing on the IndieWeb Level 2

1. Mark up your content (Profile, Notes, Articles, etc…) with microformats2

Other humans can already understand your profile information and the things you post on your site. By adding a few simple class names to your HTML, other people’s software can understand it and use it for things like reply contexts, cross-site comments, event RSVPs, and more.

Check your homepage h-card:

Success!

This representative h-card was found on your site:

Add a photo!

<img class="u-photo" src="…" />

Jeremy Keith

URL

Email

Postal Address

  • Brighton, England

Job title

  • author

Description of role

  • web developer

Additional Properties

If you are publishing additional information about yourself, these are some h-card properties you can add:

Note

Wrap your bio/note with <div class="p-note">…</div>

See the full list of h-card properties.

Want to be able to use h-card data in your code? Check out the open-source implementations.

Previous Step | Home | Next Step