The Importance of Open Graph (OG) Tags

The OG protocol permits to transform a site into items in social sites’s graph. This permits to modify what and how the data moves from a site over to a guests’ Facebook page, and from that point to their companions’ pages.

The tags let you decide people seeing about the site when they view a like, comment or share on their timeline. This implies when a client clicks a Like button on your page, a connection is made between your page and the client. Your page will show up in the “Preferences and Interests” area of the client’s profile, and you can distribute upgrades to the client. Your page will appear in similar spots that Facebook pages appear around the site.

blog_image

OG Site Name :

The site name tag should look like this –
<meta property=”og:site_name” content=”Site Name” />

This one isn’t an obligatory tag, so peoples won’t see it in any data that shows up with a social sites like, comment or share.

 

OG Title Tag :

<meta property=”og:title” content=”The Title” />

This is how it defines the contents title. It serves a comparable need as the customary meta title tag in the code. The Title text shown on Facebook feed is in bold and extremely eye-catching. There is no restriction on the quantity of characters, yet it’s best to remain somewhere around 60 and 90.

 

OG Description Tag :

The Description tag looks like this –

<meta property=”og:description” content=“Enter a description” />

Similarly as with the title, the depiction should be as convincing and drawing in as you can make it to guarantee that peoples seeing a specify of your page on their Facebook Timeline will need to visit. Similar remains constant for Google+ discussions. Make them need to visit your site basically in view of what your portrayal says in regards to your page.

 

OG Type Tags :

There are two Type tags: website and article. They look like this –

<meta property=”og:type” content=”website” />
<meta property=”og:type” content=”article” />

The Homepage of a site is website and every other page of a site is an article. The principle contrast between the two is that a Like will say “[FB user] likes a link.” for a site (home page) and “[FB user] likes an article.” for other pages.

 

OG URL Tag :

The URL tag look like this –

<meta property=”og:url” content=”http://www.yourdomain.com/” />

This tag is always the full URL of the page. In the example just above, this is for the home page.

 

OG Image Tag(s) : 

The Image tag looks like this…

<meta property=”og:image” content=”http://www.yourdomain.com/selected-image.jpg” />

The image attribute tags look like this …
<meta property=”og:image:type” content=”image/png”>
<meta property=”og:image:width” content=”1120″>
<meta property=”og:image:height” content=”1080″>

 

About OG Tags :

There’s never been a superior time to begin looking into and enhancing your titles and depictions. Also, there’s never been a superior time to compose convincing, engaging with content the first run through, so that you never miss the opportunity to transform a potential guest into a glad guest, one who then shares your site to every last bit of her companions!