Open Graph Generator

Fill in required fields.



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="">


Open graph technology was first introduced by Facebook in 2010. It allows any web page to have the same functionality as other objects in Facebook. It allows a user to integrate their website with Facebook. All the other social media sites; LinkedIn, Twitter and Google+ have recognized the advantage of social meta tags and recognized them. Twitter has launched its own Twitter cards and if its robots can't find any on a website they use the Facebook open graph meta tags instead.

Internet marketers know that the traffic on social media sites is phenomenal and if you manage to get a part of that traffic to visit your website your traffic and your conversion rate will increase. Also, search engines recognize websites links to social media sites, and such links can help a website get a better ranking.

Open graph tags provide accurate information about your website and search engines do examine them. This information contained in the open graphs protocol of a website helps in raising its ranking to higher positions. It means that open graph protocol on a website will increase visibility on Facebook and other social media sites and also better ranking. These are exactly those goals that a webmaster and owner want to achieve.

When you run open graph protocol on your website, it turns into a Facebook rich graph object. It gives you control over how your website appears on Facebook. If you don't use it your website is left at the mercy of the social media site's content generators. It might not portray your website on social media as you would want it to. Therefore it's advisable to generate your own open graph meta tags and incorporate them into the HTML code of your website. It will allow you to retain control over the open graph meta tags, plus you can change them whenever you want to.


By using the Facebook open graph meta tags on your website, you will increase your website's traffic and brand's reputation. The more your content gets shared on social media, the more traffic and links you will get to your website.

If your website is an e-commerce site getting traffic from social media sites should boost your sales.

Once you have successfully created Facebook open graphs meta tags, you can also explore creating Twitter card meta tags, Instagram meta tags, and LinkedIn meta tags. Creating open graph meta tags on all the major social media websites will increase the visibility of your website on social media. That is an area that you want to explore to get more traffic on your website.

It is not a dangerous task to carry out. Read on and let us show you what you need to do to create and use open graph meta tags.

Open Graph Tags

To take advantage of Open Graph protocol, you will need to add the following tags in the code of your website.

Tag 1: on:title: This tag will be the title of your content. It should not exceed 88 characters as that's the length it will be truncated to if it exceeds the length.

Tag 2: on:lol: In this tag you give the URL name of the website with which the object is linked.

Tag 3: og:type: In this open tag you describe the type of content that you are sharing. Is your content web-based, or entertainment based or people based. There are several other type tags also.

Tag4 og:desc: This open graph tag will contain a short description of not more than 200 characters. It should be a catchy description that should raise the customer's interest in visiting your site.

Tag 5 og:image: We all know the importance of placing an image with the content. Content without an image can just be boring reading, but with an image imposed it can become exciting to read. Therefore it's better to place a picture in the open graph meta tags. Just make sure that the image size does not exceed 5MB and 1200 x 627 pixels should be the limit as these are Facebook limitations for image tags. An eye-catching image will excite viewers to explore your website.

There are other meta tags that you will need to use if you are want to play a video or audio. However, do remember to follow Facebook open graph tags limitations.

Open graph generator

Now that you know how you can boost your website's traffic by creating it as an object on Facebook and other social media sites. Here is an easy solution to creating the required open graph meta tags. You don't have to do any coding in HTML or remember the sequence in which to create the tags. All that you need to do is to use a very handy open graphs meta tags tool.

Go to from your search browser and find the 'open graph generator' icon, and click on it. Or copy/paste in the address bar of your search browser and go directly to the open graph generator display.

Here you must fill in the required fields to generate the Facebook open graph meta tags. Enter the title of the object that you want to create. From the 'type' select the type of information that your website contains. If you want to include any images, enter the number of images. Now enter the site name, and next enter a brief description. Enter the site URL and the URL of the images that you want to display in the Facebook object.

After entering all the required fields, the HTML code for the open graph tags will be generated. Now you must copy the HTML code and paste it in the header section of your site's HTML code. Once you have done that you will see your website's object appear on Facebook. Share it with all your social media friends and watch the traffic increase on your website.

You can change the open graph tags whenever you want by using this convenient tool provided by