Open Graph Tag Generator

Social media is one of the biggest traffic sources of all kinds of websites. How your website looks in the social media preview plays a great role in the CTR. With an Open Graph Tag Generator, you can generate the layout and other information that's displayed in the link-preview on social media.

The FREE Open Graph Tag Generator:

Writing the code for the open graph tags manually can be a boring task, but why write the code manually when our free og meta tag generator tool can generate the code for you?

The tool provides you with an easy user-friendly interface. Just input some necessary information about your webpage and on a click of a button, the Open Graph meta tags generator will generate the complete open graph HTML tags.

Use of the facebook meta tags generator tool doesn’t require you to be an expert in programming. You just need to have the basic knowledge of HTML to understand the tags and the codes generated by the open graph tag generator tool.

Not only is this tool useful for generating a rich preview of your link, this tool also helps to boost the SEO of your site directly and indirectly.

How to use the Open Graph Tag Generator:

To use the open graph tag generator tool, you just have to feed it with some inputs. Below we have listed all the inputs that you have to enter in the tool and their meaning.

Site title:

You have to enter the title of your web page in this tool. This is the same title that you add to your post/page while creating them on WordPress/Blogger/Wix, etc. You can keep it the same as your meta title or change it to make it sound more catchy.

Site name:

Add the name of your website in the site name. 

Site URL:

In the site URL section, you have to enter the URL of that particular page the open graph is for.

Select type:

As you are generating the open graph tag for a website, the preferred choice here would be “website” - which gets selected by default.

If you want to generate the open graph tags for any other products, for example any place, book or any article, feel free to choose that from the drop-down options.

Number of images:

Enter the URL of your images here. If your webpage contains more than one image, add them by using the plus (+) symbol indicated in green colour. To remove one or more images, use the red coloured trash button.

To find the URL of any image on any webpage, right click on the image and choose “copy image address” in your browser.

Meta description:

Add a short description of your webpage’s content here. The description should be attractive so that the viewer shows the internet to visit your website after reading the description.

Keep the open graph meta description within 200 characters. The excess will be trimmed out and won’t appear on social media when you share the page.

When you have entered all the information correctly then click on the generate button to generate a set of HTML meta og (open graph) tags..

Open the HTML code of the particular site you had generated the tags for and paste the code between <head> and </head> for your site.

Why should you use the Open Graph Tag?

There are several strong reasons why you should use the open graph tag for every web page of your site.

  1. Using the open graph HTML tags on your webpage will help to create a beautiful preview of your web page containing the name, the description and an image while sharing the link on social media.
  2. When your webpage link will show an attractive image, catchy title and well-thought description, the chances of the link getting clicked becomes significantly high.

Frequently asked questions on open graph generator tool:

1. Where should I put my og meta tags?

Ans: You should put the og meta tags inside the head of your HTML file.

2. What is a function of an open graph generator tool?

Ans: The open graph generator is an online tool that generates Open Graph HTML meta tags for social media bots. This HTML codes helps the social media bots to directly understand your webpage’s name, description, image, etc.


Farhan Ahmed

Marketing & Growth

Hi there! I am Farhan A marketing nerd with the hands on knowledge of scaling a brand from 0 to 1 with SEO, Performance marketing and Growth hacking.