Skip to main content
P5V

Today, I updated this site to support IndieWeb’s h-card microformats. This involved adding semantic HTML classes like h-card, p-name, u-photo, and u-url to my author profile and homepage templates. End users won’t notice a thing, but these changes make a big difference for interoperability and discoverability on the open web (while it still exists).

h-card is a simple, open format for publishing people and organisations on the web. h-card is often used on home pages and individual blog posts. h-card is one of several open microformat draft standards suitable for embedding data in HTML.

https://microformats.org

h-cards are a standardized way to mark up personal information—name, photo, links—so that other websites, tools, and services can easily recognize and parse it. By supporting h-cards, my site will become more compatible with IndieWeb tools like webmentions, webrings, social readers, and identity aggregators. It’s a small but important step toward a more open, connected, and user-centric web, where people—not platforms—own their online presence.

Oh, and that’s definitely something we should try to extract and make available within Feedle as well.

If you’re building a personal site, I highly recommend adding h-card microformats. They’re simple to implement and help your site “speak” the language of the independent web.

Have something to say? Join the discussion below 👇

Want to explore instead? Fly with the time capsule 🛸

You may also find these interesting