How To Add Open Graph Meta Data In Your Website (Blogger, WordPress)

Social Media has a great influence on blogging nowadays and it is the most stable way to get traffic to your website.
But Getting engagement on Social Media Isn’t So easy, you’ve to make posts that standouts. That’s where Open Graph came in.

open graph for facebook

Open Graph Help Social Media To Preview Your Website Meta Data on Social Media when you link get shared.
This help Users to know More about the data contained by the link as well as it helps improve your Post’s engagement.
Let’s Add Meta Data Inside Your Posts

Blogger: Add Open Graph Meta Data

Follow Below Steps to add MetaData inside Your Blogger Blog in Two Easy Steps.
Step 1 – Go To Blogger Dashboard > Edit Theme and Find and Delete all already present meta tag inside Your Head Section. Here’s How Meta Tag Look Like:

<meta name='SOMETHING_HERE' content='SOMETHING_HERE'/>

Find and Delete all Code similar as Above inside your template.
Step 2 – Once You deleted all meta tag, add below code inside your head section just below your <head>:

<meta content='width=device-width, initial-scale=1.0' name='viewport'/>
<b:include data='blog' name='all-head-content'/>
<meta content='article' property='og:type'/>
<meta content='FACEBOOK_APP_ID' property='fb:app_id'/>
<meta content='GOOGLE_VERIFICATION_CODE' name='google-site-verification'/>
<meta content='YANDEX_VERIFICATION_CODE' name='yandex-verification'/>
<meta content='BING_VERIFICATION_CODE' name='msvalidate.01'/>

Now Change FACEBOOK_APP_ID with yours FB app id and add verification code in respective code.
All Done! save Template.

WordPress: Add Open Graph Meta Data

Follow Below Steps To Add Open Graph Meta data In Your WordPress Website:
step 1 – The First Thing You Need To do is Install and Activate Yoast SEO Plugin.
Step 2 – Once You’ve Installed Yoast SEO Plugin Than go to Your Dashboard > SEO > Social and Open Facebook Tab There and make changes shown in below image.

open graph in wordpress

Now add your Facebook app ID and Save Change.
Congratulation! You added open Graph in your Blog Successfully.


If You’ve any issue regarding this guide or this guide won’t help you then comment below I’ll catch you soon.

Leave a Reply

Your email address will not be published. Required fields are marked *