Open Graph Generator


Fill in required fields.

Code

Copy your code.
<meta property="og:title" content="">
<meta property="og:site_name" content="">
<meta property="og:url" content="">
<meta property="og:description" content="">
<meta property="og:type" content="">

About Open Graph Generator

Open graph was the brainchild of Facebook and was launched in 2010. What it does is that it promotes integration between other websites and Facebook. It allows other websites to become rich “graph” objects having the same functionality as other Facebook objects. Website masters can control the information that the website passes to Facebook via OG Meta tags. These tags are inserted in the portion of code of the website.

After seeing the popularity of social media tags on Facebook, all the other major social media sites like, Twitter, LinkedIn, Google+, started to recognize meta OG tags. To harness the power of Facebook Graph Meta tags, learning this skill is vital for webmasters. Using these tags can have a huge impact on click through rates and conversion. Social media sites become the major driver of website’s traffic. Adding OG tags will not affect the on-page SEO, but it will influence the performance on social media.

Open Graph Facebook Tags

The three major meta tags that Facebook uses are:

  • og:title
  • og:description
  • og:image

In og:title as you must know you define the title of your content. If og:title is not defined in the code of the website, Facebook will use the meta title tag. However, it should be between 60 and 90 characters and should be eye-catching and appealing.

The og:description tag is very similar to the meta description used in the HTML code of a website. This will show below the link title on Facebook. It should appeal to potential visitors and raise their interest in visiting the site.

The og:image is the most interesting OG tag. This image will be displayed as a thumbnail when the website’s page is shared. It can help in conversion rate and make sure you use it. if you don’t Facebook might display a banner scrapped from the page and this is something you don’t want.

Besides these three Open tags there are other tags that you can use in your website, like; og:url and og:type. There are advanced OG tags also. These are; og:locale, og:site_name, og:audio or og:video and fb:app_id.