How to add Facebook Open Graph tags to your website

wp nav menu1

When you share website pages or Blog post to social platform these process said to be Open Graph.

Open Graph is a meta tags which is add to head section of web page to extract data from your website to share social platforms like Facebook, LinkedIn, Whats App and Twitter.

Users to keep in mind that when you fill data to Open Graph should be right information.

Insert below code to head section of web page

For Facebook

  <meta property="og:title" content="ADD TITLE HERE" />
  <meta property="og:description" content="SITE DESCRIPTION HERE" />
  <meta property="og:type" content="Website" />
  <meta property="og:url" content="ADD SITE URL HERE" />
  <meta property="og:image" content="ADD IMAGE URL HERE" />
  <meta property="og:image:type" content="image/jpg" />
  <meta property="og:image:width" content="600" />
  <meta property="og:image:height" content="315" />

For More Info Check Out Open Graph Markup

For Twitter Cards

  <meta name="twitter:card" content="SITE SUMMARY HERE">
  <meta name="twitter:url" content="SITE URL HERE">
  <meta name="twitter:title" content="SITE TITLE HERE">
  <meta name="twitter:description" content="SITE DESCRIPTION HERE">
  <meta name="twitter:image" content="SITE IMAGE URL HERE">

For More Info Check Out Twitter for Websites

Leave a Reply