xmlns:og='http://ogp.me/ns#' How to Add Open Graph Tags to Blogger - Techno Pandit

Thursday, September 10, 2020

How to Add Open Graph Tags to Blogger

How to Add Open Graph Tags to Blogger


Open Graph tags are the social media meta tags for Facebook. The meta tags help you to make your blog URL attractive on the social media network. For Example, When you share your blog post on social media then it shows in this format as shown in the image below----

How to Add Open Graph Tags to Blogger

 

There are so many social media platforms such as Instagram, Twitter, etc. If you want to share your blog post on Twitter then you need to add the Twitter Card in your Blogger website, Check How to upload Twitter Card on Blogger.

See in the above image, it looks very cool, and when the viewers on Social Media network view this post then the visitor tends to click on the post to read about it. That's How you'll get the High traffic from Social Network.

How to Implement the Open Graph Meta Tags in Blogger

There is no need of having a good knowledge of coding. I'll Provide you the code and you just need to follow the steps to add Open Graph Meta Tags---

1.  Login into your Blogger Account and Click on the Themes> Click on the edit HTML.


How to Add Open Graph Tags to Blogger




2. In the HTML, you have to find  <html by clicking anywhere and then press ctrl+F and the type <html.

3. Add the given code at the end of <html

As shown in the image below..
How to Add Open Graph Tags to Blogger



4. Again search for given code in HTML



How to Add Open Graph Tags to Blogger


5. Add this code just below the code you search above





6. Configuration 

* Replace the homepage Image URL with your image URL of the homepage.

* Replace the homepage Image Width with the width of your homepage image.

*Replace the homepage Image Height with the height of your homepage image.

Recommended: You can use the Height and Width in numeric value like '1200' or '630'.

* Replace the Facebook Profile Id with your facebook profile Id. If you don't know how to find then click


* Replace username with your Facebook Username.

* (Optional) For language Code Click

Congratulations!

You have successfully added the Open Graph Meta Tags in your Blogger. Likewise, you can also set up the Twitter Card in your blogger. In Case, If you have any doubts regarding this post then please comment.

No comments:

Post a Comment

If you have any doubts, Please let me know and Please do not enter any spam link in the comment box.