Tried and tried…h-card validation error

It looks like you haven’t wrapped the links with the rel=”me” tags in a <div class=”h-card”> </div>

Here’s a short sample of how mine is set up on https://boffosocko.com:

<div class="h-card">
<a href="https://facebook.com/ChrisAldrich" rel="me" target="_blank"><img src="https://domain.com/facebook.png" alt="" width="24" height="24" /> </a><a href="https://twitter.com/chrisaldrich" rel="me" target="_blank"><img src="https://domain.com/twitter.png" alt="" width="24" height="24" /></a> <a href="https://plus.google.com/+ChrisAldrich1/posts" rel="me" target="_blank"><img src="https://domain.com/google-.png" alt="" width="24" height="24" /></a>
<link href="sms:+13105551212" rel="me">
<link href="mailto:[email protected]" rel="me">
<br/><br/>
<img rel="me" class="u-photo" src="https://domain.com/site_icon.png" alt="" width="200" height="200"  /><br/><br/>
<strong><a rel="me" class="p-name u-url" href="https://domain.com">Your Name</a></strong><br/>
email: <a class="u-email" href="mailto:[email protected]">[email protected]</a><br/>
phone:<span class="p-tel"><a rel="me" href="tel:+13105551212" >+1310-555-1212</a></span><br/>
<p class="p-note">
<span class="p-job-title">President</span> at <a class="p-org" href="https://domain.com" target="blank" >Company Name</a>; <br/><br/>
<span class="p-locality">Los Angeles, CA </span><span class="p-country-name">United States</span></p>
</div>

You should be able to use this as a model to get you going. I simply cut and pasted something similar into a sidebar widget that only appears on my front page.
Note that the <link> tags contain metadata that IS NOT displayed on the page, but which return data for an h-card parser. You may need to pay attention later though if your details change, particularly since they don’t show up on the page and you may forget they’re there.

You’ll need something similar as an h-entry set up so that your “authorship” data shows up properly as well, though that one should only appear on pages on your site on which you’ve created articles/posts.

Thanks Chris! That got the validation working. Oops a couple more questions pop up:

• Is an h-entry necessary if I’m the only author on the website? And if so, where does one configure this in WordPress? There seems to be no simple info regarding this online.
• Why on Earth isn’t the information you’ve given me an integral part of the SemPress theme that supposedly makes these functionalities easier? Or a read-me or walkthrough on the install screen perhaps? I know lots of people that would probably benefit from IndieWeb features on their craft sites, but either they don’t even know this exists or they find it too complicated to set up.

Thanks again for your help,
Melker

Hey melkerh,

thanks for your feedback.

To your questions:

• I think you mean h-card and not h-entry. It depends on the implementation of each individual. I think most tools search the author inside the relevant h-entry, but most will fall back to a page represantative h-card.
• SemPress is build to also support multi user blogs, so the link of each h-card (p-author) is to his author page and not to the homepage. for example: https://notizblog.org/author/matthias-pfefferle/ . Your site was not invalid because of that, but the validator “suggests” you to add a link to the homepage too. Because most tools will have a look at the author of an h-entry first, it will work as is and you don’t have to make any changes.

Thank you pfefferle! OK, so just to confirm:
If in addition to the homepage h-card widget, my author page (using SemPress) has all the relevant info and social links then I’m good — right? And any author who has filled out his/her info on the author page will get a valid h-card, although the site’s main h-card has a different author’s data?

(And I insist, all this would be so much more popular and used by so many more if there was a central, comprehensive, hands-on tutorial for the main CMS and blog systems like WordPress, Joomla etc. Documents like https://indiewebcamp.com/authorship (for example) are very technical and should only have to be consulted by developers and coders, not by people who just want to manage their own WordPress blog and social presence. I really, really appreciate all the heavy lifting that has gone into IndieWeb, but there has to be a simpler user experience if you want this to get more popular.)

Thanks again for your work.