Best way to add Facebook open graph for blogspot

Adding Facebook open graph on Blogspot blogger

Add facebook open graph to Blogspot Blogger

Many websites & blogs have used facebook open graph But Blogspot bloggers don't know how to add it properly.
Its looks like below image

How to add or implement it follow below instructions

Go to blogger.com and click on the theme in that go-to option edit Html 
Search for following code by using ctrl+f 
</head>
Just before it add the following code



After placing the above code in head tag then replace the values like below

1.(Home page image URL)

In the place of home page, image URL replace with your home page image URL.
Don't forget to remove brackets.

2.(Home page image width)

Replace width like 630 please don't use unformed width.

3.(Home page image height)

Replace height like 1200 etc..

4.(Facebook profile id)

Replace the Facebook id if you don't know facebook id you can search in Google for Facebook id finder.

5. In the place of facebook.com/username 

Replace with your Facebook page username.

That's all
Save template and post your URL in Facebook and view once
If you want to edit it go to Facebook debugger to Click here
And check as per your requirement.

Also, check how to add Twitter cards to Blogspot Blogger link 
https://metechtricks.blogspot.com/2019/10/adding-twitter-cards-on-blogger.html

Comments

  1. very good article for me. It helps me a lot and i think it helps others also, keep it up and helps others by your blogs

    ReplyDelete
    Replies
    1. Thank you for appreciate share these words to useful bloggers

      Delete

Post a Comment