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.

and I've exact same challenge which you point out facebook dubbger url. impression, description, tittle please be sure to assistance me fellas be sure to

WordPress has several plugins but end users of Blogger should include Open Graph protocol Meta tags manually to Blogger and to its publish pages by editing the template. In this tutorial I'll demonstrate it in basic methods.

The sole downside to implementing this code is the fact if you change your blogger template, you might lose this custom code. So in advance of Altering your template, I might suggest copying the code as part of your existing template in order to easily paste it with your new template.

For the reason that Blogger dynamically generates the internet pages inside our blog based upon templates, we Fortunately tend not to ought to manually incorporate OG tags to every blog web page/post.

The custom graphic only seems Whenever your blog's home web site is shared. Blogger posts made up of photographs inside the submit will not be influenced by this tag when shared.

I adopted your entire Guidelines into a "T" and it continues to be not working. Please help, I'm finding so disappointed using this and I have tried everything. I've zero programming knowledge, and this is so out of my aspect.

When you've got added Furthermore A single button and/or Like button Then you certainly might want your website page to receive built-in in the social graph of Google+, Facebook and also other social internet sites when they're shared.

This residence represents the sort of the website page customers pay a visit to. We use blog/Internet site with the homepage. other that that we use article kind for your posts and so on

Photos and marks are subject to copyright Click Here and trademark defense. By using This great site you comply with our Conditions of use and Privacy Plan

  Never know how to established your very own image then simply click and -> Look at this. 5.  Help you save the file.  Now Copy and Paste the code (Note that you choose to ought to accurately added your URLs of homepage impression and single web site impression in the correct site pointed out in step 3), below the header tag "" of your web site. 6.  Preserve the Theme.  Share the backlink in social media and Check out how it works.  That is certainly all, You did it.

og:locale Must probably basically mirror the blog's locale instead of just remaining a hardcoded string. However, Blogger only gives us en-us that has a hyphen, as opposed to an underscore, so that will not perform.

It ought to be over 50x50 pixels with utmost element ratio of 3:one and may be in PNG, JPEG or GIF format. The picture created from data:blog.postImageThumbnailUrl is going to be 72x72 pixels.

Including Open Graph metadata to an internet site might be a discomfort, and can Pretty much definitely split your validation Until you might be utilizing an RDFa Doctype…

Click the "Edit HTML" button and be prepared to sense a surge of geeky neuronic Vitality course all over the synapses of your Mind.

OH MY GOD. Dude, thanks soooo A lot!! I've been on the lookout for your publish all day. I are receiving a message error: og:impression couldn't be downloaded or is simply too little.