The best Side of Add Open Graph Protocol in Blogger

The best Side of Add Open Graph Protocol in Blogger

Blog Article

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.

Action four: If you have additional the meta tags effectively then you will notice the impression with description and title as demonstrated during the graphic over.

I’d wish to acknowledge the assistance of the following two blog posts which aided me considerably in patching jointly the above code that both of those improves Search engine optimization and adds OG tags to Blogger posts and internet pages:

Facebook describes many open graph tags that it suggests integrating into your internet site to help you Facebook create previews.  The key tags which Fb takes advantage of when generating previews are:

For displaying graphic; make sure your initially picture in you blog article is big ample for the social medias. For Facebook it ought to be at least 200px X 200px and for Google Plus it ought to be the peak should be no less than 120px, and When the width is less than 100px.

Take a deep breath.  Repeat to your self: "It truly is merely a textual content file.  It truly is merely a text file.  I can handle this!"

What we will be undertaking is telling Blogger precisely how to deal with the TITLE, META DESCRIPTION, and OG tags on one. your blog's property web site and a pair of. your blog's different posts and pages.  We'll try this by using IF statements. 

Yup I am in the same boat as the final particular person. I followed all Instructions and it nevertheless isn't preset. SO disappointed. Once i operate the debugger it displays about 40 shots and Once i attempt take a look at submitting to Fb it randomly grabs and picture. Usually that impression is of An additional individual.

Action five: For those who have misplaced the tags then you won't begin to see the impression you will get warning on the debugger webpage the impression tag is lacking.

Vital Be aware: before you start modifying your blog's HTML code, you'll be wanting to make certain that you happen to be satisfied with the template that you are using.

My challenge is the fact Fb continues to be displaying an out-of-date OG description which contains a typo. I choose to update that description, but after next your Add Open Graph Protocol in Blogger Recommendations the old description remains exhibiting up.

You'd like site visitors to share you blog put up while in the social websites’s. But when Those people social medias are note in a position to extract details (i.

It should be much more than 50x50 pixels with optimum component ratio of 3:1 and should be in PNG, JPEG or GIF format. The picture produced from data:blog.postImageThumbnailUrl will likely be 72x72 pixels.

Open graph protocol is critical to blogger for appropriately demonstrating the blog’s tittle, graphic and description in social medias like Fb, Google+ or Other folks.

hi guys I've an issue whenever im about to share my blogger url on Fb they show me a mistake that,, its appear to be you url shearing may be unsafe, make sure you eliminate tha website link, Observe: the unsafe connection might be on your web site you are linking to, if you cant take out that backlink and even now need to share remember to full the security Verify,, be sure to fellas tel me how to fix this problem be sure to you should you should men im concerned tooo much over it

Now incredibly cautiously discover the tag that exists within the code.  Decide on the title tag code and every thing within it.