The Open Graph Protocol is a relatively new way to turn any web page into a sharable social object by adding tags to identify key attributes for that page when shared on a social network like Facebook. Before we look at these OGP tags and how to integrate them into your Blogger blog, let’s take a look at how website links are shared on social networks.

STEP 4: When you've got additional the meta tags the right way then you will notice the graphic with description and title as shown while in the graphic previously mentioned.

The title states 'Wonderful Internet methods & guidelines that you cannot skip' so its obivious which i will likely not take a look at all of that previous t...

The code only sets an og:impression for the primary website page within your blog. Otherwise, as Taqi mentions, when sharing a person blog article, the sharer can established the graphic according to the pictures that show up in the blog post.

The tailor made graphic only appears when your blog's dwelling site is shared. Blogger posts that contains photos inside the post won't be impacted by this tag when shared.

six.  Now Duplicate and Paste the code (Observe that you choose to must correctly added your URL of  homepage image in The situation mentioned in move four), underneath the header tag "" of your internet site. seven.  Help you save the Topic.  Share the backlink in social websites and Check out how it works.

The only real caveat here that I have uncovered is usually that if you use a CAPTION for your picture in Blogger, Facebook Add Open Graph Protocol in Blogger won't be capable of finding it any time you share it.

 It may also deliver a preview to demonstrate how your page will show up if a Facebook consumer shares it on their own timeline.

When you’ve opened up your template, locate the tag within your template’s markup. Just paste following tags appropriate above tag:

What we’ll be doing is telling Blogger accurately how to manage the TITLE, META DESCRIPTION, and OG tags on 1. your blog’s dwelling site and a pair of. your blog’s many posts and web pages.  We will make this happen by utilizing IF statements. 

It's possible you'll hear from Some others, the news, and even housing agents, that traders are all out to screw about the home owner, but this only isn’t true. OG House Methods is an element of a nationwide group of 1000s of buyers who are assisting tens of Countless homeowners every year.

I already explained you higher than any time you insert this tags with your template while in the header segment then your blog will probably be structured in a proper way when shared on Social Web pages.

When you finally publish your position, these more bits of data become essential, as they are going to very likely impact irrespective of whether one of your pals will click on the hyperlink.  In the event the picture seems intriguing, or In case the copy looks exciting, your shared URL will very likely be clicked on.

og:impression Is barely equipped if Blogger finds a picture in The existing publish. Nonetheless, not providing og:impression is invalid. You could possibly deliver an alternate graphic of your blog logo, or perhaps a Gravatar.

Facebook describes numerous open graph tags that it suggests integrating into your internet site that will help Facebook produce previews.  The key tags which Facebook employs when making previews are:

Almost all of the blogger templates are usually not open graph tags Completely ready means not optimized for open graph tags. so you need to do it by yourself or If you're facing any issues in implementing it then feel free to contact us.