TIL: Fixing the author card on my home page h-feed

Assumed knowledge: This post assumes technical knowledge with microformats2. This post is most useful for someone debugging authorship relations on their h-feed or for community members who want to discuss documenting this pattern.

Monocle, the social reader I use to follow blogs and IndieWeb community members, shows information about the author of a post if said information is available. Every so often I wonder why my name never showed up next to my posts in Monocle. I subscribed to my home page which contains both a h-feed and a h-card on the page.

Today, I finally figured out why the authorship information did not appear: I did not provide a p-author attribute on my h-feed to indicate that my h-card was linked to my feed.

I made two changes to my feed today:

1. I moved the h-feed class to a component that includes both my list of h-entries and my h-card.
2. I added a p-author class to my h-card as per the microformats2 h-feed specification. This tells a microformats parser that the linked h-card contains information about the author of the feed.

Here is my rough microformats structure now, represented as a tree:

    h-feed
        h-card

        h-entry
        h-entry
        more h-entries...

Now, when I open up Monocle, the social reader I use, I see my name, my domain name, and the profile picture that are all part of my h-feed.

Here is how a post looks for me now:

I was surprised that I needed to explicitly state that a h-card was the author of a feed, although this makes sense. Part of me wonders whether there could be an "assumed author" that is inferred if a page contains a h-feed with a h-card that appears outside of the feed. But this could complicate markup if a page contains multiple feeds with different authors. In any case, I would be curious to learn whether there have been discussions about this in the past. In any case, I solved my original problem.

Also posted on IndieNews.

Tagged in IndieWeb, microformats, web.