Skip to content

Adding h-entry to the posts template

The next step in getting my site indieweb ready is to add h-entry microformat markup to the posts.

Here's what I've done so far…

Example markup (with style classes removed)

<article class="h-entry" role="article">
  <header>
    <h1 class="p-name"></h1>
    <p>
      <img class="u-photo" src="/images/benjy-stanton.jpg" alt="" height="50" width="50"> by
      <a rel="author" class="p-author h-card" href="https://www.benjystanton.co.uk">Benjy Stanton</a> on
      <a class="dt-published u-url" href="NaN">18 November 2018</a> in
        <a class="p-category" href="/blog/category/nablopomo">nablopomo</a>, <a class="p-category" href="/blog/category/release-notes">release-notes</a>
    </p>
  </header>
  <div class="e-content">
    …
  </div>
</article>

But why?

Doing all this will make my blog a more fully featured publishing platform (like Medium). But the benefit is, the content is on my domain.

Eventually I hope to start syndicating all my content automatically to other sites like Twitter and Medium by following the Publish (on your) Own Site, Syndicate Elsewhere (POSSE) model. This and other steps are getting the site ready to start POSSEing. (Not sure if that's a word).

Next steps