What Meta information do I need to support the common social media networks?

  • Page Owner: Not Set
  • Last Reviewed: 2018-09-11

What sort of meta information is needed to support Facebook, Twitter, Linked in, Google+, etc?


Additional Posts

Facebook

https://developers.facebook.com/tools/debug/

Facebook uses opengraph.

Twitter

https://cards-dev.twitter.com/validator

Twitter has specific tags, if missing it will use opengraph. Twitter does not work without <meta property="og:type" content="" />.

Linked In

https://www.linkedin.com/post-inspector/ Linked in uses open graph

LinkedIn recommended items

<head>
  <meta property="og:title" content="My Shared Article Title" />
  <meta property="og:description" content="Description of shared article" />
  <meta property="og:url" content="http://example.com/my_article.html" />
  <meta property="og:image" content="http://example.com/foo.jpg" />
</head>

Comments

Indeed. So I've been finding some issues with some sites where certain items don't show when share on certain social networks, Twitter being the biggest culprit. So, I'm working with Jackson to set up a playground where I can make some dummy pages and test out all the possibilities.

I think we have a lot of legacy "that's how we always do it" when it comes to Meta and Open Graph items so I want to nail down a good process.

Stay tuned!

Comments

  • Can we update this with the lunch and learn information?

This tool is pretty handy for checking multiple sites at once: https://social.pilcro.com/

Comments

  • Actually, I've found this tool is pretty bad. The tests aren't great and don't pass/fail as the social networks do. I avoid this tool now, and you should, too!