Open Graph Generator

Generate Open Graph meta tags for social media sharing to enhance link previews.

Enter Page Details

Open Graph Tags

Enter page details to generate Open Graph tags

Embed This Tool on Your Website

Want to provide a free Open Graph Generator to your visitors? Copy and paste the HTML code below into your website or blog. It's 100% free!

<iframe src="https://nextools.org/widgets/social-media-tools/open-graph-generator.php" width="100%" height="450" style="border:none; border-radius:12px; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);" title="Nextools Open Graph Generator"></iframe>

What is the Open Graph Meta Tags Generator?

The Open Graph Meta Tags Generator is a developer utility that creates standard HTML meta tags for your website. Open Graph (OG) tags control how your links look when shared on Facebook, LinkedIn, Pinterest, and messaging apps.

By configuring custom share titles, descriptions, and preview images, you ensure that social shares are visually striking, maximizing your link's click-through rates.

Why Use Our Tool?

Increase Click Rates: Social posts with rich images and descriptive summaries receive up to 50% more clicks than plain links.
Control Social Preview: Choose exactly what image, title, and description show up when users share your URL.
Developer-Friendly: Generate clean HTML code ready to copy and paste directly into your site's header.

How to Use It

Enter your website's URL, page title, and meta description in the input fields.
Paste the URL of the preview image you want to display on social shares.
Select the website type (e.g. Website, Article, Book) from the dropdown.
Click the 'Generate Tags' action button to view the HTML code.
Copy the generated code and paste it inside the `` section of your website.

Frequently Asked Questions (FAQ)

What are Open Graph tags?

Open Graph is an open standard protocol introduced by Facebook that allows web pages to become rich objects in social graphs, enabling customized preview cards on social sharing feeds.

Why is my link's preview image not showing up on Facebook?

This happens if you haven't defined the `og:image` meta tag, or if the image URL is broken. Use this generator to create correct image tags and clear Facebook's cache using their Sharing Debugger.

Which platforms support Open Graph tags?

Facebook, LinkedIn, Slack, WhatsApp, Telegram, Pinterest, and Discord all support and render Open Graph tags for shared links.

What is the best dimension for an OG image?

The recommended size for an Open Graph image is 1200 x 630 pixels. This aspect ratio (1.91:1) displays perfectly as a large, high-resolution preview card.

Do OG tags help my search engine SEO?

While Google doesn't use OG tags directly for search rankings, they boost social sharing engagement and referral traffic, which indirectly aids your site's SEO reach.

What is the difference between og:title and meta title?

The meta title is displayed in browser tabs and search engine results, while `og:title` is displayed specifically as the heading of social sharing cards on platforms like Facebook.