Publishing on the IndieWeb Level 2

1. Mark up your content with microformats2

Humans can already understand the things you post on your site. By adding a few short class names to your HTML, other people’s software can understand it and use it for things like reply contexts, cross-site comments, event RSVPs, and more.

Check your homepage h-card:

Almost there!

An h-card was found on your site! Consider marking it up as the representative h-card.

To identify the h-card that represents the page, you can:

  • Add class="u-url u-uid" on the h-card’s link to https://preslav.me/
  • Or: add class="u-url" rel="me" on the h-card’s link to https://preslav.me/

Here is the first h-card found:

Preslav Rachev

URL

Add your URLs! <a rel="me" class="u-url">…</a>

Note

Welcome to my home on the Internet! With more than a decade of software engineering expertise, I’m here to help you turn your ideas into reality. Whether it’s developing data-intensive systems, providing technical guidance, or sharing knowledge through my books and courses, I’ve got you covered. Let’s create something extraordinary! I co-created Feedle and Murmel, because I believe in building tools that foster discourse on the open Web. Learn more about me here. For the curious, hit CMD+K (or CTRL+K) and get going!

Job title

  • Software Developer / Entrepreneur / Educator

See the full list of h-card properties.

Want to be able to use h-card data in your code? Check out the open-source implementations.

Previous Step | Home | Next Step