Open Graph Generator

Open Graph — data markup, developed by Facebook in 2010. This is a set of meta-tags used for correct display of snippets of web pages in social media. It suits various types of content: text, video, music and others. If you use Open Graph, links to websites will be informative and attractive, and posts will have the same functionality as other Facebook objects.

Advantages of using Open Graph:

  • users will see relevant text and images, this will attract more visitors to the website
  • you can add any important information to the post
  • post will instantly look like an independent object, no need to upload images and finish the text
  • publication of fine posts in social media will positively influence your brand's reputation

Today Open Graph supports not only Facebook, but also other social networks and messengers.

The data markup consists of main and additional elements.

Main elements:

  • og:title — page header. Length must be within 88 characters;
  • og:description — page description. Has to describe the content of the page precisely. Length — within 200 characters;
  • og:type — object type: item card, article etc.;
  • og:image — image URL in snippet. Recommended size: 1200x630px, minimum 600x315px;
  • og:url — object URL (link to required page).

Additional elements allow you to add contacts, working time, address, language.

How Open Graph generator works?

Open Graph generator helps to post complete social media publications without additional images and descriptions, and also load video from a website. Functionality of the service allows creation of snippets that contain not only images and description, but also language, brand name and video. It also allows provides the ability to track visitors who visited the Facebook page. You can also create data markup for Twitter posts.

Fill the fields — main elements of data markup and (if necessary) additional ones.

It is necessary to fill the title, description, paste image link and site address. Choose page type, for which you create the data markup: page or item card.

Many popular social networks support Open Graph, but Twitter has specific requirements for data markup. For Twitter, choose the proper option.

Copy the new code and create beautiful attention-grabbing snippets!

#5 Results
You have to post the data markup code on the website.

In opening tag <html> list the attribute prefix with value my_namespace:

Example: <html xmlns:og="">

It is necessary to announce use of Open Graph on the site.
Tags have to be listed inside element <head>.

For many CMS there are special plug-ins for data markup integration, so there is no need to change code of pages.

<!-- Open Graph Generated: -->
Can I change the snippet?
You can change it at any time if you have the rights to edit content on the page. If you edit meta-tags in the website’s code, previously posted snippets will not change.
Can I use several images?
Yes, but only one of them will upload during the publication. You can choose.
Why does the image not upload?
Most likely, it doesn’t fit the size or is too heavy.
How do I check if the snippet displays correctly?
Facebook and Twitter have services for checking the display of snippets. We suggest using them.
Open Graph code contains no errors, but the snippets display incorrectly. What now?
Use object debugger Open Graph in Facebook: