Open Graph Generator
Create Open Graph meta tags for better-looking social shares. Generate OG title, description, image, URL, site name and optional Twitter/X card metadata.
Create Open Graph Tags
Enter page details and preview social sharing metadata
Write a clear and descriptive title for social sharing.
Summarize the page content in a concise and useful way.
Use an absolute HTTPS image URL. A common sharing format is 1200 × 630 pixels.
Live Social Preview
Approximate appearance of shared content
Social preview image
Add an image URL to preview it here
Your Open Graph title will appear here
Add a description to preview how your page may appear when shared on social platforms.
This is an approximate preview. Final rendering can differ by platform, device and cached metadata.
Enter a title, description and page URL to generate Open Graph tags.
Generated Meta Tags
Paste these tags inside the <head> section of your page.
<!-- Enter your page details to generate Open Graph tags -->Live Preview
Preview title, description, domain and image instantly.
Complete OG Tags
Generate title, description, image, URL and type metadata.
Twitter/X Cards
Optionally add social card metadata for Twitter/X.
Copy & Download
Copy generated markup or download it as a text file.
Simple Process
How to Generate Open Graph Tags
Create social sharing metadata in three simple steps.
Enter Page Details
Add your title, description, page URL and social image URL.
Review the Preview
Check the approximate social sharing preview as you type.
Copy the Tags
Generate the markup and add it to your page head section.
Social Metadata Guide
What Is an Open Graph Generator?
An Open Graph generator creates metadata that describes how a web page should be represented when its URL is shared on compatible social platforms and applications. Common tags include the page title, description, image, canonical sharing URL and content type.
Instead of manually writing each meta element, you can enter page information into the generator and copy the resulting HTML markup into the head section of your page.
Basic Open Graph Tag Example
<meta property="og:title" content="Example Page Title">
<meta property="og:description" content="A short page description.">
<meta property="og:image" content="https://example.com/social.jpg">
<meta property="og:url" content="https://example.com/page/">
<meta property="og:type" content="website">Important Open Graph Tags
| Tag | Purpose | Example |
|---|---|---|
| og:title | Social sharing title | Best SEO Tools |
| og:description | Short content summary | Explore useful online SEO tools |
| og:image | Social preview image | Absolute image URL |
| og:url | Preferred sharing URL | Full page URL |
| og:type | Content object type | website or article |
Open Graph Best Practices
Use a Clear Social Title
Write a title that clearly communicates the page topic. Avoid vague wording that gives users little context about the shared content.
Write a Useful Description
Summarize the page accurately and give users a reason to understand what they will find after opening the shared link.
Use an Absolute Image URL
Provide a complete image URL including the protocol and domain so external services can locate the asset.
Match Metadata to Page Content
Keep social metadata aligned with the actual page. Titles, descriptions and images should accurately represent the destination content.
Important: Social Platforms May Cache Metadata
Updating Open Graph tags does not always update an existing social preview immediately. Some platforms cache previously fetched metadata and images.
Related SEO Tools
Explore More SEO Utilities
Meta Tag Generator
Create SEO title, description and page metadata.
Open Tool →SERP Preview
Preview title and description in a search-style result.
Open Tool →Title Length Checker
Check title character length and readability.
Open Tool →Canonical Tag Generator
Generate canonical URL markup for web pages.
Open Tool →FAQ
Open Graph Generator FAQs
Create Your Open Graph Tags
Generate clean social sharing metadata and preview your page before publishing.
Generate OG Tags →