Setting up a personal hCard for myself

As you're reading this, I have now implemented an hcard for my personal details! You can see it by inspecting the source code for my home page.

So why have I done this? As part of my move towards greater integration with the IndieWeb, I'm looking to use more open standards for data markup on my sites. This is where microformats2 comes in, making it easier for automated parsers to discover content on my site using well-structured markup. This means that you won't need to necessarily parse all the HTML you need, but can instead put it through a microformats2 parser and it'll come out on the other side with all the relevant metadata.

This has been in progress for quite some time while I've been trying to write some automated tooling to ensure I always have a well formed hCard for my personal details.

I did this for a few reasons:

  • not just because I'm a Quality Engineer, but because I am a huge fan of quality-driven software
  • I don't want to accidentally break my hCard and cause external consumers to be unable to parse my site
  • I want to be able to use Test Driven Development to drive in new hCard functionality
  • I wanted to extend HTML-Proofer, which I already use with my site, to perform the verification. This was a great chance to play around with it and build something into the tooling I already use

Expect to see more announcements in the future as I complete issues tagged with the microformats label.

Written by Jamie Tanna's profile image Jamie Tanna on , and last updated on .

Content for this article is shared under the terms of the Creative Commons Attribution Non Commercial Share Alike 4.0 International, and code is shared under the Apache License 2.0.

#announcement #indieweb #microformats #www.jvt.me.

This post was filed under articles.

Has this content helped you? Please consider supporting me so I can continue to create content like this!

Related Posts

Other posts you may be interested in:

Interactions with this post

Interactions with this post

Below you can find the interactions that this page has had using WebMention.

Have you written a response to this post? Let me know the URL:

Do you not have a website set up with WebMention capabilities? You can use Comment Parade.