USEFUL TOOLS. LESS HASSLE.Generate Open Graph Tags
Create essential OG properties, including title, description, image, URL, and content type.
SEO TOOL / SOCIAL METADATA
Free Open Graph Generator
Create Open Graph meta tags for your website and control how your pages appear when shared on social media. Generate metadata for titles, descriptions, images, URLs, and social sharing previews in seconds.
Enter your webpage information, customize your social sharing metadata, and generate ready-to-use Open Graph and Twitter/X Card tags without writing HTML manually.
✓ Free online tool. No registration required.
Create Your Social Sharing Meta Tags
ADD PAGE DETAILS · CUSTOMIZE SOCIAL CARDS · GENERATE HTML TAGS
Social sharing preview
Enter a title, page URL and image to generate your Open Graph tags.
OPEN GRAPH GENERATOR WORKSPACEMOSANKIT / SEO & WEBSITE TOOLS
SOCIAL SHARING BASICS
What Are Open Graph Tags?
Open Graph tags are metadata properties added to a webpage's HTML to control how its content is presented when shared on social platforms and messaging services that support the Open Graph protocol.
These tags provide information such as the page title, description, image, URL, and content type.
For example, when someone shares a webpage, social platforms may use its Open Graph metadata to create a preview containing an image, title, and description.
Adding Open Graph tags helps provide consistent and relevant social sharing information, but the final preview may vary depending on the platform and its own rules.
GENERATOR FEATURES
Key Features of MoSanKit Open Graph Generator
Create Twitter/X Card Tags
Generate additional metadata for Twitter/X sharing previews.
Preview Social Sharing
Review how your title, description, and image may appear in a social sharing card.
Customize Metadata
Set different titles, descriptions, and images for social sharing when needed.
Copy Ready-to-Use HTML
Generate properly formatted meta tags that can be added to your webpage.
Free and Easy to Use
Create social sharing metadata without coding or installing additional tools.
HOW IT WORKS
How to Generate Open Graph Tags
01 / OPEN
Open the Generator
Go to the MoSanKit Open Graph Generator.
02 / DETAILS
Enter Page Details
Add your webpage title and description.
03 / URLS
Add Page and Image URLs
Enter the canonical page URL and social sharing image URL.
04 / TYPE
Select Content Type
Choose the appropriate Open Graph content type.
05 / CUSTOMIZE
Configure Twitter/X Cards
Set optional Twitter/X Card metadata and review the generated tags and preview.
06 / ADD
Copy the HTML
Copy the generated code and add it to your webpage's head section.
HTML EXAMPLE
Example Open Graph Tags
Here is an example of Open Graph metadata for a website. Replace the example information with your actual webpage details.
OPEN GRAPH META TAGSHTML
<meta property="og:title" content="Example Website">
<meta property="og:description" content="Discover useful resources and services.">
<meta property="og:type" content="website">
<meta property="og:url" content="https://example.com/">
<meta property="og:image" content="https://example.com/social-image.jpg">
<meta property="og:site_name" content="Example Website">TWITTER/X CARD META TAGSHTML
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Example Website">
<meta name="twitter:description" content="Discover useful resources and services.">
<meta name="twitter:image" content="https://example.com/social-image.jpg">WHO IT'S FOR
Who Can Use This Tool?
Website OwnersCustomize how website pages appear when shared.
SEO SpecialistsConfigure and review social sharing metadata.
Content CreatorsPrepare social previews for articles and blog posts.
Web DevelopersGenerate Open Graph and Twitter/X Card HTML tags.
Digital Marketing AgenciesCreate consistent social metadata for client websites.
GOOD TO KNOW
A few things, answered.
Quick answers about Open Graph metadata and social sharing previews.
An Open Graph generator is an online tool that creates social sharing meta tags for webpages. It helps define the title, description, image, URL, and content type used in social previews.
Yes. You can generate Open Graph and Twitter/X Card tags for free without creating an account.
Commonly used properties include og:title, og:description, og:type, og:url, and og:image.
An OG image is the image associated with a webpage when it is shared on social platforms that support Open Graph metadata. It is commonly used in social sharing previews.
A 1200 × 630 pixel image with an approximate 1.91:1 aspect ratio is a widely used choice for social sharing previews. Individual platforms may apply their own image requirements and cropping.
Open Graph tags are primarily intended for social sharing previews. They are not a direct Google ranking factor.
Open Graph tags provide general social sharing metadata, while Twitter/X Card tags provide additional instructions for Twitter/X previews. Twitter/X can also use Open Graph information when specific card metadata is unavailable.
Add Open Graph meta tags inside the HTML head section of the relevant webpage.
Yes. You can specify different image URLs using og:image and twitter:image, provided the platform supports the selected metadata.
Social platforms may cache previously retrieved metadata. After updating your tags, use the relevant platform's sharing debugger or preview tool to refresh or inspect the cached information.
KEEP OPTIMIZING
Explore More Free SEO Tools
Meta Tag GeneratorCreate SEO titles, descriptions, and other metadata.
Meta Tag CheckerInspect existing metadata on webpages.
Schema Markup GeneratorGenerate structured data for your website.
Schema ValidatorValidate structured data markup.
XML Sitemap GeneratorCreate XML sitemaps for search engines.
Create Better Social
Sharing Previews.
Generate Open Graph and Twitter/X Card tags for your webpages. Customize your social metadata and prepare your pages for sharing.