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:

Diana Ellefson

URL

Email

Note

Hi! My name is Diana. I'm enthusiastic about computers, infrastructure planning, and social revolution. I think they are essential topics in our modern dystopian world. It's not too late! We can still plan for a brighter future, together.

Given (often first) name

  • Diana

Family (often last) name

  • Ellefson

Email address

  • https://ellefson.dev/cdn-cgi/l/email-protection#c9beacab89aca5a5acafbaa6a7e7adacbf

Unique identifier

  • https://ellefson.dev

Postal Address

  • Bay Area, California, United States

Cryptographic public key

  • https://ellefson.dev/2EF7E07F7F4EB87F4EE478855573B0C241580DCB

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