indieWeb directory h-card
Not sure why my earlier attempts failed, but this mornings attempt got the h-card set up properly in my custom template for the IndieWeb Webring directory.

Probably made easier by switching to a static home page using the custom home page plugin, and likely caused by implementing on incorrect file. Code:
<div class="h-card"><h2>
<a class="p-name u-url" href="https://your.url" rel="me" >Your name</a></h2>
<img src="https://your.image.url" width="600" height="450" alt="" class="u-photo"/>
<p class="p-note">your bio</p>
</div>