Open Graph Generator – Create Meta Tags for Social Sharing
About the Open Graph Generator
The Open Graph Generator builds a complete set of meta tags for Facebook, Twitter, and other platforms, with a live preview card that updates as you type. It supports over twenty content types, from articles and products to videos, music, restaurants, and places, each with its own set of type-specific fields like publish dates, price, or duration.
It’s built for site owners and marketers who want their pages to display correctly whenever they’re shared, without hunting through Open Graph documentation for the right property names. Once you’ve generated your tags, the Open Graph Preview Checker lets you verify a live page matches what you built here, and the Schema Markup Generator is worth pairing with it for structured data that helps search engines understand the same content.
Our team tested this generator across every content type, including multiple images per page and all type-specific field combinations, to confirm the generated markup matches the official Open Graph and Twitter Card specifications.
How to Use the Open Graph Generator
- Fill in the required Page Title, Description, Page URL, and Content Type.
- Add one or more Image URLs, plus optional width, height, and image type.
- Fill in any fields specific to your chosen content type, such as Article, Product, or Video.
- Set your Twitter Card Type and social handles in the Twitter & Facebook section.
- Review the Live Preview, then click Copy Code or Download .html to save your meta tags.
Example Usage
Input: Title: “10 SEO Tips for 2026”, Type: Article, Image: cover.jpg, Author: Jane Doe
Output:
<meta property=”og:type” content=”article” />
<meta property=”og:title” content=”10 SEO Tips for 2026″ />
<meta property=”article:author” content=”Jane Doe” />
Selecting Article automatically reveals extra fields like published time, section, and tags, so you don’t need to remember which property names apply to which content type. Once your tags are live, the Sitemap Generator helps make sure the same page gets discovered and indexed alongside your social sharing setup.
Frequently Asked Questions
Yes, clicking “Add Another Image” lets you include multiple og:image tags, and platforms will typically use the first one or let users choose from several in their preview.
Summary shows a small thumbnail with text, Summary Large Image shows a full-width image above the text, and App or Player types are used for linking directly to mobile apps or embedded media players.
No, all type-specific fields are optional; only Page Title, Description, URL, and Content Type are required, and any type-specific field you leave blank is simply omitted from the generated code.
The generated meta tags should be placed inside the
section of the HTML page you want to control the social preview for.Yes, it’s completely free with no signup required.
