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:

Almost there!

An h-card was found on your site, but it’s not marked 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 http://jvt.me/
  • Or: add class="u-url" rel="me" on the h-card's link to http://jvt.me/

Jamie Tanna

URL

Email

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>

Email address

  • mailto:hi@jamietanna.co.uk

Unique identifier

  • https://www.jvt.me

City/town/village

  • Nottingham

Birth Date

  • --03-17

Organization

  • Capital One UK

Job title

  • Software Development Engineer 3

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