Publishing on the IndieWeb Level 2

1. Mark up your content with microformats2

Humans can already understand the things you post on your site. By adding a few short 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:

Adam Argyle

URL

Note

CSS DevRel @Google on Chrome, @CSSWG, co-host @CSS Podcast, co-host Bad @ CSS, host @GUI Challenges. Web design & development tips & tricks: CSS, JS, HTML, Design, & UX.

Unique identifier

  • https://nerdy.dev

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