Joining the IndieWeb with Webmentions and Microformats
Tags: webdev, indieweb, html, microformats
Published: 2023-02-19 22:36:23

---
title: Joining the IndieWeb with Webmentions and Microformats
published: true
date: 2023-02-19 22:36:00 UTC
tags: webdev, indieweb, html, microformats
canonical_url: https://stevenwoodson.com/blog/joining-the-indieweb-with-webmentions-and-microformats
---

 ![](https://content.walnutcreekcreative.com/stevewoodson/wp-content/uploads/sites/3/2023/02/Joining-the-IndieWeb-with-Webmentions-and-Microformats.png)

I’ve finally spent some time setting up Webmentions and adding some Microformats formatting to this site!

These technologies have been around for quite a while but it’s taken me a handful of attempts (and a whole lot of help) to understand them enough to actually move forward. I’ve tried occasionally to wrap my mind around them but I kept getting confused about _what to do_ and would give up for a while. I feel a little better admitting these troubles when I see folks I consider among the best in the industry – like [Chris Coyier](https://chriscoyier.net/2023/01/05/i-feel-contractually-obliged-to-link-to-a-post-like-bring-back-personal-blogging/) and [Miriam Suzanne](https://www.miriamsuzanne.com/2022/06/04/indiweb/) – having similar tough times with it.

## Resources

Rather than rehashing all the details of getting my setup working, I think it’s better to list all the resources that helped me understand and/or integrate Webmentions here. Perhaps it’ll help you on your path to understanding and integrating them into your sites too.

### IndieWeb & Personal Blogging

Thoughts from others on this topic that really helped me understand and get excited about putting some time into implementation.

- [Own your content on Social Media using the IndieWeb](https://www.youtube.com/watch?v=X3SrZuH00GQ) by Zach Leatherman
- [Into the Personal-Website-Verse](https://matthiasott.com/articles/into-the-personal-website-verse) by Matthias Ott
- [Am I on the IndieWeb Yet?](https://www.miriamsuzanne.com/2022/06/04/indiweb/) by Miriam Suzanne
- [Bring back personal blogging](https://www.theverge.com/23513418/bring-back-personal-blogging) by Monique Judge

### Tutorials & How-tos

- [Adding Webmention Support to a Static Site](https://keithjgrant.com/posts/2019/02/adding-webmention-support-to-a-static-site/) by Keith J. Grant
- [Using Webmentions in Eleventy](https://mxb.dev/blog/using-webmentions-on-static-sites/) by Max Böck
- [An In-Depth Tutorial of Webmentions + Eleventy](https://sia.codes/posts/webmentions-eleventy-in-depth/) by Sia Karamalegos
- [Clientside Webmentions](https://www.swyx.io/clientside-webmentions) by swyx

### Documentation & Services

- [IndieWeb](https://indieweb.org/) – specifically [IndieWeb Webmention](https://indieweb.org/Webmention) for an intro on what they are and how to implement
- [Microformats](https://microformats.org/wiki/microformats2) a simple way to markup structured information in HTML
- [Webmention.io](https://webmention.io/) – a hosted service created to easily receive webmentions on any web page
- [Bridgy](https://brid.gy/) – connects your web site to social media

### Great Examples I’ve Referenced

- [Max Böck](https://mxb.dev/)
- [Eric Eggert](https://yatil.net/)
- [Sia Karamalegos](https://sia.codes/)
- [Jeremy Keith](https://adactio.com/)
- [Zach Leatherman](https://www.zachleat.com/)

## Work in Progress

There’s still more that I want to do with this, I’d love to find a good/automated way to capture syndication links for example. But I’m happy enough with what I’ve built so far to launch it and try to iterate over time. Check it out [at the bottom of blog posts on my site](https://stevenwoodson.com/blog/)!

What opinion, tutorial, or other reference would you add to this list? I’d love to hear about it so I can continue to learn more about this fascinating topic. I’ll try to keep this list updated over time as I discover more great resources too. Thanks for reading!