ToolsPointOnline
Open Graph Generator icon

Free Open Graph Generator Online

Create Open Graph tags for your website and preview how a link card may appear on Facebook, LinkedIn and other social platforms.

100% FreeNo Signup RequiredPrivacy Friendly
Configure your page properties below to generate Open Graph tags and preview how your link looks when shared on social media.

⚙️ Open Graph Parameters

💻 Generated HTML Code

<!-- Open Graph Tags -->

📱 Live Social Share Preview

Free Open Graph Generator with Live Social Media Preview

Use this free Open Graph generator to prepare social sharing meta tags for a website, blog, landing page or online store. Enter a page title, description, public page URL and image URL to create HTML you can add to your website. The live social media preview helps you check the wording and image before sharing a link on Facebook, LinkedIn or another platform. This browser-based OG tag generator works for publishers, developers and small businesses in the USA, UK and elsewhere.

How to Generate Open Graph Meta Tags

  1. Enter a descriptive page title and short social sharing description.
  2. Add the full public page URL under og:url, and a separate full image URL under og:image.
  3. Optionally add your website name, image alternative text and locale. Choose the page type and whether to include X / Twitter Card tags.
  4. Review the generated HTML and the illustrative social share card preview. Copy the code or download the text file.
  5. Place the tags inside your webpage's <head> element and test the published page with the relevant platform's debugging tools.

What Are Open Graph Tags?

Open Graph metadata describes a webpage for services that support rich link previews. The most commonly used properties are og:title, og:type, og:url and og:image. Adding og:description and og:site_name can provide additional context. These social media meta tags do not guarantee how every app displays a shared link: platforms may crop images, shorten text or cache earlier metadata.

Choosing a Social Share Image and Page URL

For a large landscape link preview, a 1200 × 630 pixel image is a useful starting point, although platforms have their own requirements. Use a publicly reachable HTTPS image URL, preferably an image that represents the page rather than an unrelated logo. The og:url field should contain the public URL of the webpage, not the image address. An image preview inside this tool does not confirm that a social platform can access the image on your server.

Open Graph vs. X / Twitter Cards

Open Graph tags and X / Twitter Card metadata are related but not identical. You can include both in the generated HTML for broader compatibility. The tool offers a live mock-up to help edit the title and description, not a guaranteed pixel-perfect preview of Facebook, LinkedIn, X or messaging apps. For a published page, verify the real result with each platform's official preview or validation tool.

Frequently Asked Questions

Is this Open Graph meta tag generator free?
Yes. You can create, copy and download Open Graph HTML tags without registering an account.
Where should I paste the generated Open Graph code?
Add the meta tags inside the <head> section of the relevant webpage, before </head>. Avoid adding duplicate conflicting tags.
Can I use this tool for Facebook and LinkedIn?
Yes. It generates standard Open Graph properties commonly used by social sharing services, but each platform decides how the published link is displayed.
Does this tool improve Google search rankings?
Open Graph tags primarily describe content for social sharing. They do not guarantee a Google ranking improvement.
Why is my shared image not showing?
Check that the image URL is publicly accessible, uses a supported image format, is not blocked to crawlers and has appropriate dimensions. A platform may also show cached metadata.
Are the entered details uploaded to a server?
The tag generation runs in your browser. A preview image is requested from the URL you enter, so the image host may receive that request.