What are Open Graph meta tags?

Open Graph (og:) tags are meta tags that control how your page appears when shared on social platforms like Facebook, LinkedIn, and Slack: defining the title, description, image, and type displayed in link previews.

What image size should I use for Open Graph?

The recommended og:image size is 1200×630 pixels. This gives a 1.91:1 aspect ratio that displays well on most platforms without cropping.

What is the difference between og:type website and article?

og:type website is the default for homepages and general pages. og:type article adds support for article:published_time and article:author properties, useful for blog posts and news articles.

What is a Twitter Card?

Twitter Card tags (twitter:card, twitter:title, etc.) control how your link appears in tweets. summary_large_image is the most common card type, showing a large image above the title and description.

Do Open Graph tags affect SEO?

Open Graph tags do not directly affect Google rankings, but they influence click-through rates from social media by making link previews more visually appealing and informative.

Where do I add these meta tags?

Place all meta tags inside the section of your HTML, before the closing tag. In Next.js, use the metadata export or next/head component.

Can I preview how my link will look on social media?

Yes. The tool includes a live social preview card that simulates how your title, description, and image will appear when the link is shared.

Is this tool free with no limits?

Yes. The generator runs entirely in your browser with no usage limits, no account, and no API calls.

Open Graph & Twitter Card Generator

Generate social sharing meta tags for Facebook, LinkedIn, and Twitter/X.

og:title

og:description

og:url

og:image

og:type

og:site_name

og:locale

Social Preview

No image URL provided

Title will appear here

Description will appear here when filled in.

<meta property="og:type" content="website">
<meta property="og:locale" content="en_US">

Open Graph meta tag generator free: build perfect social share previews

When someone shares your page on Facebook, LinkedIn, Twitter, or Slack, the platform reads your Open Graph meta tags to decide what title, description, and image to display in the link preview. Without these tags: or with poorly configured ones: social shares show generic, unappealing snippets that earn far fewer clicks. This free og: tag generator makes it simple to produce correct, complete social meta tags without remembering syntax.

Fill in the fields and watch the live preview card update in real time. Toggle between Open Graph and Twitter Card modes to generate both sets of tags in one session. Once done, copy the tags directly from the code panel and paste them into your HTML head. The generator supports all og:type options including article, product, video, and book, and generates the additional article: properties for published_time and author when relevant.

Step-by-step guide

1
Select Open Graph or Twitter Card
Use the tab switcher to generate og: tags for Facebook/LinkedIn or twitter: tags for Twitter/X.
2
Fill in the title and description
Enter your page title and description. Character limits are shown: stay under 60 for title and 160 for description.
3
Add image and URL
Provide an image URL (minimum 1200×630px recommended) and your canonical page URL.
4
Configure type and locale
Set the og:type (website, article, product, etc.) and locale code (e.g. en_US) for correct platform rendering.
5
Copy the generated tags
Click Copy OG Tags, Copy Twitter Tags, or Copy All Tags and paste them into your HTML head section.

Related Tools

📝

Word Counter

Live word, character, sentence, and paragraph counts. Reading time, speaking time, top word frequency, and more.

🔡

Case Converter

Instantly convert text to UPPERCASE, lowercase, Title Case, Sentence case, camelCase, PascalCase, snake_case, and kebab-case.

🔗

Slug Generator

Convert any text to URL-safe slugs with custom separators, case options, accent transliteration, and max length control.

🔤

Text Sorter

Sort lines alphabetically, by length, randomly, or in reverse. Remove duplicates, trim whitespace, and eliminate empty lines.

Frequently Asked Questions

What are Open Graph meta tags?: Open Graph (og:) tags are meta tags that control how your page appears when shared on social platforms like Facebook, LinkedIn, and Slack: defining the title, description, image, and type displayed in link previews.
What image size should I use for Open Graph?: The recommended og:image size is 1200×630 pixels. This gives a 1.91:1 aspect ratio that displays well on most platforms without cropping.
What is the difference between og:type website and article?: og:type website is the default for homepages and general pages. og:type article adds support for article:published_time and article:author properties, useful for blog posts and news articles.
What is a Twitter Card?: Twitter Card tags (twitter:card, twitter:title, etc.) control how your link appears in tweets. summary_large_image is the most common card type, showing a large image above the title and description.
Do Open Graph tags affect SEO?: Open Graph tags do not directly affect Google rankings, but they influence click-through rates from social media by making link previews more visually appealing and informative.
Where do I add these meta tags?: Place all meta tags inside the <head> section of your HTML, before the closing </head> tag. In Next.js, use the metadata export or next/head component.
Can I preview how my link will look on social media?: Yes. The tool includes a live social preview card that simulates how your title, description, and image will appear when the link is shared.
Is this tool free with no limits?: Yes. The generator runs entirely in your browser with no usage limits, no account, and no API calls.

AlteredIdea vs alternatives

vs Google Docs / Word: Purpose-built tool, instant results, no account.

vs browser extensions: No install, no permissions, works on any device.

vs paid SEO tools: Completely free, unlimited use.

Share:Share on X Share on LinkedIn