The Open Graph protocol is used to facilitate the transmission of data between websites and Social Media. It consists of tags implemented directly into the code of the page to indicate characteristics for sharing the content.
These tags must be inserted inside the <head> tag of your site. The following image shows what some tags correspond to when sharing your site on social media:
Open Graph Title
Open Graph Title is considered by Facebook, Google+ and LinkedIn to be one of the most important tags when it comes to social media sharing.
<meta property="og:title" content="The Rock" />
The purpose of this tag is to determine post titles. With this, you can set up the page to target audiences in different ways, depending on the environment in which it is being viewed (og:title for the title on social media and a meta title as page title, which is also used by search engines).
Open Graph Description
This is a tag that determines which available content on social media will be related to your page. It is frequently used by LinkedIn, Facebook and Google+.
content="Sean Connery found fame and fortune as the
suave, sophisticated British agent, James Bond." />
In the absence of the meta og:description, Social Media will define the description of the site in the following ways:
- According to the meta description.
- Automatically, by scanning the page content.
Open Graph Image
This tag is important in order to define the image that represents the page on social media.
There is no limit on the number of og:image tags on the site. The first tag found in the <head> of the page will be selected by default.
By not including this field, the social network will select the appropriate image for the page:
- Minimum image dimensions: 200 x 200 pixels.
- If possible, please select images larger than 1000 x 1000 pixels.
Open Graph URL
This acts as a post identifier. This way, you can establish the ratio between likes and shares.