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:

PrincessPandaLover

URL

Got a brief bio like a Twitter/Instagram bio? Add it to your own h-card as a note property! <p class="p-note">…</p>

Unique identifier

  • https://princesspandalover.com/

Category/tag

  • art
  • cartoons
  • illustrations
  • creative writing
  • game development
  • Sonic the Hedgehog
  • video games
  • animals
  • music
  • crazy fun

Country

  • America

Description of role

  • computer science
  • software developer
  • cartoonist
  • illustrator
  • indie game developer
  • Sonic fan creator at night

Biological sex

  • female

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