What is an Open Graph generator?
When someone pastes your link into Facebook, LinkedIn, Slack or WhatsApp, the app looks for Open Graph tags in the page head. If they are missing, it guesses, and the guess is often a random image and a half-cut sentence. An Open Graph generator gives you the exact tags without hand-typing each property and content attribute.
Here you fill in a form: og:title, og:description, og:url, an og:image URL with optional width and height, an og:type, a site name and a locale. If you pick article, extra fields appear for author, publish time and section. A preview card updates as you type, with a Facebook tab and a LinkedIn tab, and a checklist shows what is still missing.
The tool only builds code from what you enter. It does not fetch your live page, and it does not check that the image really exists on your server. The preview loads your image address in your browser, so a broken link simply shows an empty card. Always test the published URL once with a platform's own debugger.
How to create Open Graph tags for a page
- Enter the page title in og:title. The bar under it turns green between 60 and 90 characters.
- Add a short og:description of roughly 150 to 200 characters, and the full og:url of the page including https://.
- Paste a direct link to your picture into og:image URL. Fill og:image:width and og:image:height if you know them, for example 1200 and 630.
- Choose an og:type such as website, article or product, then add og:site_name and an og:locale if you want them.
- Switch between the Facebook and LinkedIn tabs to check the preview card, and read the OG Tag Checklist for gaps.
- Click Copy All and paste the tags inside the
<head>of your page.
What this Open Graph generator includes
Live card preview
A Facebook style card and a LinkedIn style card redraw as you type, using your title, description, domain and image.
Length meters
Progress bars rate the title against 60 to 90 characters and the description against 150 to 200, and warn when text may be cut off.
Seven og:type options
Pick website, article, product, video, music, book or profile. The value is written straight into og:type.
Article properties
Choosing article reveals article:author, article:published_time and article:section fields. The publish time is converted to ISO format.
Locale list
A dropdown offers ten locales such as en_US, en_GB, de_DE, pt_BR and hi_IN, or none.
Tag checklist
Eight quick checks cover title, description, URL, image, HTTPS image and site name so you can spot gaps before copying.
Who uses it, and for what
- Bloggers sharing a new post. Set og:type to article, add the author and section, and see how the card looks before you post the link on LinkedIn.
- Small shop owners. Create product page tags with a clean 1200 by 630 image so shared links do not show a cropped logo.
- Developers on static sites. Generate one block per page and paste it into templates. Pair it with the Meta Tag Generator for title and description tags.
- Agencies checking client pages. Draft the correct tags, publish them, then verify the live page with the Open Graph Checker.
Tips for better link previews
- Use an absolute https image URL. Relative paths such as /img/share.jpg will not work for scrapers.
- Aim for 1200 by 630 pixels. Smaller images under about 600 pixels wide may show as a small thumbnail instead of a large card.
- The tool writes
og:image:typeas image/jpeg whenever an image is entered. Change it by hand if your file is a PNG or WebP. - The Copy All button copies the plain tags without escaping quotes and leaves out the article properties. Copy from the output box if you use those, and avoid double quotes in your text.
- Leave og:site_name empty rather than typing filler. The tag is only added when the field has a value.
- Platforms cache previews. After you change an image, use the platform's debugger to refresh it.
Is it safe? Privacy and limits
The tags and preview are built by JavaScript in your browser. Nothing you type is sent to DotThemes or stored. One exception: if you enter an image URL, your browser loads that image to show the preview, so the image host can see the request. The output is a suggestion you must check yourself. It does not guarantee how any platform will display your link.
Open Graph generator FAQ
It turns a few form fields into the og: meta tags that go in your page head. You enter a title, description, page URL, image and type, and the tool writes lines like <meta property="og:title" content="...">. Facebook, LinkedIn, Slack and many messaging apps read those lines to build the link card. The generator does not change your site or crawl it. It gives you code to paste. The preview panel helps you see the result before you publish, which saves several rounds of sharing test links.
It can output og:title, og:description, og:url, og:type, og:image, og:image:width, og:image:height, og:image:type, og:site_name and og:locale. When og:type is article, it also adds article:author, article:published_time and article:section if you fill them. Each tag only appears if its field has a value, except og:type, which is always included. Width and height are added only when an image URL is present. Twitter or X specific tags are not part of this tool, so use the Twitter Card Generator for those.
Use 1200 by 630 pixels, a 1.91 to 1 ratio, as a safe default. The tool's own hint recommends JPG or PNG under 8 MB. Facebook and LinkedIn both handle that shape well. Very small images may appear as a tiny square beside the text instead of a wide banner. Keep important text away from the edges, because some apps crop slightly. If you need a quick banner, the Resize Image tool can set exact pixel dimensions, and Compress Image can shrink the file.
It is good practice to include both, and they should normally match. The canonical link tells search engines which address is the main version. og:url tells social platforms which address to attach likes and shares to. If they differ, shares may be counted against a different URL than the one you rank. Use the full address with https and no tracking parameters. You can check your canonical with the Canonical Tag Checker.
Platforms cache link previews, sometimes for days. Changing your tags does not clear that cache. Use the sharing debugger from Facebook or the post inspector from LinkedIn to force a fresh scrape of the URL. Also confirm the new tags are really in the live page source, since a caching plugin or CDN may still serve the old HTML. Renaming the image file, for example adding a version number, is another reliable way to force an update.
Website is the general default for home pages and most normal pages. Article is meant for blog posts and news, and it allows extra properties: author, published time and section. Those extra properties can help some platforms label the content, but they do not guarantee a different card layout. Product, book, music, video and profile are also available in the dropdown. If you are unsure, use website for general pages and article for dated writing.
No. It builds tags from the text you type and does not fetch your page. The only check is visual: the preview tries to load your image address in your browser, and if it fails you see a blank card. It does not test file size, content type or whether a platform can reach the URL. After you publish, run the live page through the Open Graph Checker and a platform debugger to confirm everything works.
Yes. There is no account, no usage limit and nothing to install. You can generate tags for as many pages as you like. The work happens in your browser, so the page responds instantly once loaded. Free here means the tool is free. It will not write good titles for you, so spend a minute making each title and description specific to the page, rather than reusing the same text across the site.