Skip to main content
14 of 14
Commonmark migration

Is there a standard format for declaring a web page's informational relationship to multiple social media accounts?

Question:

How should I approach <link>-ing a web document to three or more separate social media accounts, residing on one or more social media platforms (Facebook, LinkedIn, Twitter etc.)?


Exposition:

In the <head> of each article page on a given website, I would like to indicate a relationship between that article page and multiple social media accounts.

At the very least, wherever possible, I would like to <link> each article-based web page to social media accounts for:

  • the website (ie. this website, which is hosting all the articles)
  • the article publisher's brand (ie. the publication the guest author is from)
  • the article author (ie. the guest author)

It's worth noting that:

  • the website is always the same
  • the publisher-contributor sometimes changes
  • the author-contributor often changes

E.g. I understand that a conventional link to a Twitter account may look like this:

<link rel="me" href="https://twitter.com/example-twitter-account">

which is great, but given that (I've just learned) rel="me" is the XFN equivalent of rel="author", I conclude this is an appropriate form to use only when referring to the author-contributor - and even then, perhaps only in the context of a personal blog linking to a personal twitter account.

If rel="me" has a limited use-case, what rel values should I be using for the author-contributor, publisher-contributor and for the website itself?


Ideas:

For the website's own Twitter account, could I (possibly?) use rel="alternate" or should I be using rel="[something else]"?

[Added]

N.B.: No, definitely not rel="alternate". According to MDN that's intended to indicate:

Alternate representations of the current document.

Source: https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/rel

I initially believed that I wouldn't be able to use rel="author" or rel="publisher" to link to social media accounts, because I was already using those rel attributes to express relationships with specific web pages.

But now it occurs to me that I might use rel="publisher" more than once, like this:

<link rel="publisher" href="https://publisher-site.com/" />
<link rel="publisher" href="https://twitter.com/example-publisher-account" />

Added:

I note that I can use the following:

<meta name="twitter:site" content="@websiteAccount"> // This Website
<meta name="twitter:creator" content="@authorAccount"> // Guest Author

But that's still only two out of three. It's missing the Guest Author's own Publication.

Additionally, it's Twitter-specific and I am looking for something like:

<link rel="[relationship]" href="[social-media-url]" />

which I can apply to any social media platform (Facebook, LinkedIn etc.)


Further Notes:

The single most comprehensive list of rel attribute values I can find anywhere on the web is here:

This list (updated from 2005-2020) is also useful:

This list (from April 2009) contains descriptive summaries of 16 rel values:

Rounin
  • 2.4k
  • 2
  • 17
  • 34