Open Graph Generator


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

Facebook in 2010 introduced open graph which allows user data, website and Facebook to integrate. By using open graph generator, you can identify which content, images, videos, audios of your webpage you want to share.

The open graph protocol allows any website page to become a rich object on social media. You may be hosting a blogging site of your travels and tours or of whatever you blog on, or you may be a journalist with your website. Asides from this your website may contain useful information that will make an impact on social media if shared on the right platform. In al cases, the website owners want to share their stories with a wider audience. Now with open graph, they can tap into Facebook which is currently the leading social media site in the world. Its members are in trillions and its one of the most heavily used sites in the world.

People love to tell their stories and incidents about their daily lives to their friends and dear ones. Previously people would spend hours talking on phones; now they use Facebook. They are not limited to using Facebook just on their laptops as the application is available for all tablets and smartphones now.

Web sites and web pages can now reach a wider audience by using Open Graph. For instance, your web page contains information on how to use your mobile in an emergency situation, or how to use its reserve power, or use it to unlock your car. All this information is there, but smartphone users don’t bother to read it. Now, if you put it on your website and shared it through open graph on Facebook, some people will be interested in reading these handy and useful tips. Website owners who are not getting much traffic want to get traffic from social media sites and with the right content Facebook with open graph offers them the opportunity to do that.

If you want your site to behave like a social media site like Facebook you can integrate it with open graph. Open graph is a set of rules which enables you to do that. Once your webpage is integrated with Facebook, it adopts the same features and functionalities as a Facebook page.

The open graph protocol instructs Facebook about which title, URL, image, and content it must use when it’s shared on Facebook.

The open graph meta tags that you need to turn your web page into a graph object are:

  1. < meta property = “og:title” content=””/ >
  2. < meta property = “og:type” content=””/ >
  3. < meta property = “og:url” content=””/ >
  4. < meta property = “og:image” content=””/ >
  5. < meta property = “fb:admins” content=””/ >
  6. < meta property = “og:site_name” content=””/ >
  7. < meta property = “og:desc” content=””/ >

Og:title – this is the title of your web page and should not exceed 66 characters. Facebook truncates longer titles.

Og:type – here you enter the type of web page it is. The most common type is ‘article’.

Og:url – here the full URL name of the webpage is entered.

Og:image – this is used to enter the image properties if any

Og:site_name – this is the web site’s name

Og:desc- a brief one or two sentence description of the page content.

There are certain restrictions that Facebook places on number of characters, image size, etc which you should be aware of if you want to incorporate open graph in your web pages.

You have two choices on incorporating the changes in your website. You can either, write the HTML code and insert it at the head of the page, or if you are using a CMS (content management system) like WordPress you can change the template. You can also use a plugin (Yoast) to manage these changes.

After you have made the changes you can test the changes and see how they will appear in Facebook. You can use the Facebook open graph debugger that is free to use to view your changes and to correct any mistakes you might have made. The Facebook debugger tool must be used to ensure that your web page is integrating seamlessly with Facebook.

There’s a very handy SEO tool provided by to help in creating Open Graph meta tags HTML code, which is the Open Graph Generator. Navigate to page from any browser and click on the ‘Free SEO Tools’ button. Scroll down the icons of SEO tools till you come to the Open Graph Generator tool. Click on it and enter:

Title – This is the title of your web page

Site name – enter the name of your site

Site URL – enter the website URL address

Type – the Default is article. If you press on the down arrow it will list all the type’s that you can select from. The type selection will depend on you web page.

Number of Images- the Default is one. You can select up to ten depending on the number of images in your web page,

Description – Enter a brief description of your webpage. Make sure that you use some keywords that will interest visitors to view your page.

Image 1 URL – Enter the URL address of the image you are including in your page.

After entering this information, if you look at the bottom of the screen you will see the code written. Copy this code into the head section of your web page that you want to link to Facebook. The code is the HTML code that’s needed.

This utility makes it very simple and easy to generate the code needed for your web page. There are no mistakes and all you need to do is to copy paste it in the correct place in your website’s code.

You are free to use this utility for all your websites and for all your web pages. This utility ensures that you or your site developer does not make any mistake in writing the required HTML code for your site.