SOCIAL MEDIA OPTIMIZER v7.0

Free Open Graph Generator

Construct perfect Open Graph and Twitter Card meta tags in real-time. Optimize lengths, simulate exactly how your links will appear on social networks, and export clean HTML instantly.

Real-Time Tag Builder
Facebook & X Previews
Smart Fallbacks
Instant HTML Export

Recent Configurations

{{ item.title }}
{{ item.date }}

Real-time Generation

HTML code is generated and syntax-highlighted instantly as you type, ensuring you never have to wait or refresh.

Live Social Previews

Simulates exactly how your configured tags will appear on Facebook, LinkedIn, and Twitter (X).

Length Optimization

Visual progress bars guide your text lengths. Keep titles under 90 characters and descriptions under 200.

Smart Fallbacks

Leave Twitter-specific fields blank, and the generator intelligently falls back to your base Open Graph data.

Auto-Fetch Extractor

Don't want to start from scratch? Paste a URL and the tool will securely fetch and parse its existing Open Graph tags.

100% Private Generation

Your data is never stored on a server during editing. The entire code generation engine runs securely locally.

  • {{ step.title }}

Fetch Failed

{{ errorMessage }}

Tags Generated
{{ generatedTags.count }}
Title Chars
{{ titleCount }}
Desc Chars
{{ descCount }}
Image Status
{{ imgStatus.txt === 'Present' ? t('seo.ogGen.present', 'Present') : t('seo.ogGen.missing', 'Missing') }}

Configure Open Graph tags to control how your content appears on Facebook, LinkedIn, Pinterest, and messaging platforms.

OG:Title {{ titleCount }} / 90
Keep it between 60-90 characters.
OG:Description {{ descCount }} / 200
OG:Image URL
Recommended size: 1200 x 630 pixels.
OG:URL
OG:Type
{{ form.ogType === 'website' ? t('seo.ogGen.typeWebsite', 'Website') : (form.ogType === 'article' ? t('seo.ogGen.typeArticle', 'Article') : (form.ogType === 'profile' ? t('seo.ogGen.typeProfile', 'Profile') : (form.ogType === 'video.other' ? t('seo.ogGen.typeVideo', 'Video') : t('seo.ogGen.typeWebsite', 'Website')))) }}
Website
Article
Profile
Video
OG:Site_Name (Optional)

Twitter has its own specific tags. If left empty, the generator will fallback to use the Open Graph data automatically.

Twitter Card Type
{{ form.twCard === 'summary_large_image' ? t('seo.ogGen.twCardLarge', 'Summary Large Image (Recommended)') : (form.twCard === 'summary' ? t('seo.ogGen.twCardSmall', 'Summary (Small Image)') : t('seo.ogGen.twCardLarge', 'Summary Large Image')) }}
Summary Large Image (Recommended)
Summary (Small Image)
Twitter:Site (@username)
Twitter:Creator

The fields below are optional. If left blank, Twitter will use the OG values.

Twitter:Title
Twitter:Description
Twitter:Image URL

Copy and paste this into the <head> of your HTML.

Recommended for you

Tool Title

Tool Description

{{ isOutOfCredits ? t('quota.outOfCredits', 'Out of Credits!') : t('quota.title', 'Your Quota') }}

{{ t('global.loading', 'Fetching quota data...') }}

{{ badgeText }}
{{ quotaData.usedPlan.toLocaleString() }}
{{ t('quota.consumption', 'Consumption') }} / {{ quotaData.totalPlan.toLocaleString() }}

{{ descText }}