Open Graph Tag Generator

Create Open Graph tags so your links look great on Facebook and LinkedIn.

100% Free · No Sign-up · Runs in Your Browser

About the Open Graph Tag Generator

Open Graph tags control how your page appears when shared on Facebook, LinkedIn, WhatsApp, Slack, and most other platforms that show a rich link preview with an image, title, and description. Without them, shared links often show a blank or incorrect preview, hurting click-through rates. This generator builds the complete set of Open Graph meta tags from a simple form.

This tool is useful for content marketers preparing blog posts for social sharing, developers building landing pages that need to look polished when shared, and site owners troubleshooting why their links preview incorrectly on social platforms.

To use it, fill in the page title, description, canonical URL, image URL, site name, and content type (website, article, product, etc.). The generator outputs the full set of og:title, og:description, og:image, og:url, og:type and og:site_name tags, correctly formatted and ready to paste into your <head>.

For example, setting an og:image to a 1200×630px image of your product, along with a concise og:title and og:description, ensures that when someone pastes your link into a Facebook post or LinkedIn update, it renders as an attractive card with a large image rather than a plain text link — significantly increasing engagement compared to an unstyled link.

A very common mistake is using an image that's too small or the wrong aspect ratio — Facebook and LinkedIn recommend at least 1200×630 pixels for og:image to render properly across devices; smaller images may be cropped awkwardly or rejected entirely. Another frequent issue is forgetting that most platforms cache the Open Graph preview the first time a URL is shared, so if you update your tags later, you'll need to use each platform's cache-busting/debug tool (like Facebook's Sharing Debugger) to force a refresh.

Tip: always set an absolute URL (starting with https://) for og:image, not a relative path, since crawlers fetching your page from an external server cannot resolve relative image paths the way a browser would.

Frequently Asked Questions

Q.What image size should I use for og:image?

At least 1200×630 pixels is recommended for the best rendering across Facebook, LinkedIn and other platforms.

Q.Why isn't my updated preview showing on Facebook?

Facebook caches Open Graph data per URL. Use Facebook's Sharing Debugger tool to force it to re-scrape your page.

Q.Do I need Open Graph tags if I already have meta description?

Yes, they serve different purposes — meta description is for search engines, Open Graph tags are specifically for social media link previews.

Q.Should og:image use an absolute or relative URL?

Always use an absolute URL starting with https://, since social media crawlers cannot resolve relative paths.

Q.What og:type should I use for a blog post?

Use 'article' for blog posts and news content, and 'website' for general pages like your homepage.

Related Tools