Home
Do you use Open Graph to control how your links are shared?
  v2.0 Posted at 17/02/2018 11:05 AM by Tiago Araujo
Open Graph is a metadata tag that allows you to control what content shows up when a page is shared on social media networks.

It should be placed on the <head> section of your page. The most used properties are:

<meta property="og:title" content="Your Custom Title" />
<meta property="og:description" content="Your custom description of the page." />
<meta property="og:image" content="https://www.YourCustomImage.jpg"/>

open-graph-bad.jpg
Figure: Bad example - Shared link has no image and the title was "guessed" by LinkedIn
opengraph-good.jpg
Figure: Good example - Shared link has a nice image and title, both defined via​ Open Graph tags

Note: For LinkedIn you might need to add the prefix as following:

 <meta prefix="og: http://ogp.me/ns#" property='og:title' content="Microsoft Azure | SSW Consulting - Sydney, Brisbane, Melbourne"/>

More information and other properties can be found at http://ogp.me

Related rules

    Do you feel this rule needs an update?

    If you want to be notified when this rule is updated, please enter your email address:

    Comments:

    Note: Social Media login for Yotpo is not working in IE or Safari, please use Chrome. We are waiting for Yotpo to fix it.