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:

Almost there!

An h-card was found on your site! Consider marking it up as the representative h-card.

To identify the h-card that represents the page, you can:

  • Add class="u-url u-uid" on the h-card’s link to https://rusingh.com/
  • Or: add class="u-url" rel="me" on the h-card’s link to https://rusingh.com/

Here is the first h-card found:

URL

Add your URLs! <a rel="me" class="u-url">…</a>

Note

A remote-first freelance developer working professionally since 2017 and tinkering since 2008. She works across the full stack with a lean toward JavaScript, clean interfaces, and making systems easier to maintain. She currently works with an independent review platform for education technology products worldwide. She’s been an Arsenal supporter for over 14 years. Right now she’s focused on meeting new people and maintaining existing relationships (tough balance!), resting and taking care of herself (do adults ever get out of this near-burnout state of being?). She wants to travel more, go running, play music again, and learn to ice-skate as well as skateboard.

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