
You can see this in this image generated from one of my tweets. For example, Twitter rolled out their own custom implementation of this, built on the OG protocol, and the following code tells Twitter to show the large image web page previews. OG meta tags can also be used to customize the appearance of your web pages according to the platform it’s shared on. It provides a url to an image that is used to represent the web page. This is an example of an Open Graph meta tag. OG meta tags are identified in the HTML by a property attribute prefixed with og. Open Graph meta tags are used in the of an HTML page to expose information about web pages to social media platforms and other applications that unfurl URL metadata. If you’ve shared a link on social media and have seen the platform automatically show you a large image, title, description and URL for the link you want to share even before you’ve clicked Post - you’ve seen the OG protocol at work. The Open Graph (OG) protocol was created at Facebook in 2010 to enable web page links to become rich objects with similar functionality and appearance to other content posted on Facebook.

Sign up for your free Contentful account and start building in minutes.
