2018/Baltimore/mfprimer

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

Participants

• Arthur (session facilitator)
• Matt
• Russell
• Jonathan Prozzi
• Matt
• David Shanske
• Josh Juran
• gRegor Morrill
• Marty McGuire
• Chris Aldrich
• ... add names

Notes

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

Tools:

• 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

http://php.microformats.io/

• 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

• microformats
• h-card
• granary

<footer>source iwc:2018/Baltimore/mfprimer</footer>

<footer>