From IndieWeb

A Microformats Primer was a session at IndieWebCamp Baltimore 2018.

Video: https://www.youtube.com/watch?v=9jws40A0kK8

Notes archived from: https://etherpad.indieweb.org/mfprimer

IndieWebCamp Baltimore 2018

Session: A Microformats Primer

When: 2018-01-20 16:55



There are many ways for websites to become "machine readable"

  • RSS / Atom feeds
  • meta tags like OpenGraph
  • but why not just HTML, since it's already in the page?

Microformats way to be detailed in descriptions without requiring detail in parser gregorlove.com/notes.atom

  • redirects to granary.io


  • Woodwind does native h-feed as well as XML
    • Can login with site and subscribe to gregorlove.com and it finds the h-feed
  • Bridgy Publish:
    • reads microformats in order to create the publish on twitter/fb/etc.
    • Bridgy has to be able to understand the context and uses microformats markup for this purpose


  • microformats.io has links to parsers for all different languages

Shows example of simple h-entry, with p-name, e-content, dt-published.

Added a minimal h-card to the same page.

How to add author info to the entry without duplicating the h-card info on the page?

There are many ways to do this, so there's a whole authorship algorithm.

e.g. - Add a "u-author" link with no text content. That becomes a URL. When resolving the author later, detect that that's a URL and fetch and parse that page for an h-card.

A challenge: a multi-user blog has posts with images. Wants them to show up as "featured" image but the users don't want to manage adding mf2 classes to the image tag.

  • CMS could add the u-featured class to an image. Could also add "u-featured" to a wrapper element of the image, since parsers will dig down. Could also add a hidden copy of the image with the class.

Main resources?

  • microformats.org looks dated but stays up-to-date
  • microformats.org/wiki/h-entry is a reference for what we've been looking at

Note with location (p-location) vs. check-in (u-checkin).

  • locations can be multiple types. h-geo, h-card, h-adr, ...

looking at aaronparecki.com in the parser (https://php.microformats.io/?url=https%3A%2F%2Faaronparecki.com%2F)

Inoreader (an RSS reader) supports h-feed

Difference between v1 and v2 of microformats?

See Also