Open Graph Meta Tag Generator
Create Open Graph (og:) meta tags so your pages display rich previews when shared on Facebook, LinkedIn, Discord, and other platforms. Fill in your details, preview the card, and copy the HTML. Everything runs client-side.
Meta Tag Generator
Generate HTML meta tags for SEO, Open Graph, and Twitter Cards with live preview.
Basic Meta Tags
Advanced Options
Generated Meta Tags
<!-- Primary Meta Tags --> <meta name="robots" content="index, follow" /> <meta name="theme-color" content="#ffffff" />
Paste these tags inside the <head> of your HTML document.Ctrl+Enter to copy
Live Preview
Quick reference
Title
Keep under 60 characters. Google truncates at ~60 chars in search results.
Description
Keep under 160 characters. This appears below the title in search results.
OG Image
Recommended size: 1200×630px. Use absolute URLs (https://...).
Twitter Cards
summary — small square image. summary_large_image — large banner image above title.
Canonical URL
Use when multiple URLs serve the same content to tell search engines which is the "real" page.
What are Open Graph meta tags?
Open Graph is a protocol created by Facebook that lets web pages control how they appear when shared on social platforms. By adding og:title, og:description, og:image, and og:url meta tags to your page's <head>, you define the title, summary, thumbnail, and canonical URL shown in link previews. Without these tags, platforms guess from your page content and often produce poor results.
Common use cases
Open Graph tags are essential for marketing pages, blog posts, product pages, and any content shared on social media. They ensure consistent branding across Facebook, LinkedIn, Pinterest, Slack, Discord, and iMessage link previews. They are also used by SEO tools and content aggregators to index and display page summaries.
Frequently Asked Questions
What is the recommended Open Graph image size?
Facebook recommends 1200 x 630 pixels for og:image. This size displays well across Facebook, LinkedIn, and most other platforms. Images smaller than 600 x 315 pixels may not render as large preview cards.
Do Open Graph tags affect SEO?
Open Graph tags do not directly affect search rankings, but they improve click-through rates from social media by ensuring your content looks professional and compelling when shared, which drives more traffic to your site.
Related Generate Tools
.gitignore Generator
Generate .gitignore files from 50+ templates — Node.js, Python, Java, Go, Rust, and more
Crontab Generator
Build cron expressions visually — select frequency, time, and days to generate cron schedules
Favicon Generator
Generate favicons from text or emoji — download PNGs, SVG, Apple Touch Icon, and HTML tags
Tailwind CSS Generator
Build Tailwind CSS utility classes visually with live preview and component presets