SEO
Meta Tags / Open Graph Generator
Generate HTML meta tags for SEO, Open Graph (Facebook), and Twitter Card — with a live share-card preview.
The meta tags in a page's <head> control how it appears in search results and in the preview card when it's shared on social media or messaging apps. This tool generates a full set of SEO, Open Graph, and Twitter Card tags along with a live preview of the card.
How to use it
- Fill in the page's title, description, URL, and image — the tags generate instantly, and a preview shows how the card will look on Facebook, X (Twitter), and similar services.
- Copy the finished HTML block and paste it into the page's <head>.
- Check the title and description length — values that are too long get truncated by the search engine or social platform.
Common uses
- Setting up Open Graph for a page so the link looks polished when shared on Telegram, Slack, or social media.
- Writing a title and meta description targeting a specific search query for a new page.
- Quickly sanity-checking a page's existing meta tags through the card preview before publishing.
Things to keep in mind
Open Graph and Twitter Card are separate standards; most platforms except X read og: tags directly, so duplicating the main fields under twitter: isn't always required, but it improves compatibility.
The og:image must be reachable at an absolute URL, not a relative path — otherwise the social platform's crawler won't be able to fetch it.
Article about this tool: Meta tags: which ones actually affect search and social media
Frequently asked questions
Why do I need separate Open Graph and Twitter Card tags if they do the same thing?
Open Graph tags (og:title, og:image, etc.) are read by Facebook, LinkedIn, and most other platforms, while Twitter has its own tag set (twitter:card, twitter:title) — Twitter falls back to Open Graph tags if its own are missing, but adding both guarantees consistent previews.
What size should my og:image actually be?
1200x630 pixels is the widely recommended size — it displays correctly as a large preview card on most platforms without being cropped awkwardly, and stays under common file-size limits.
Does generating these tags send my content to a server?
No. The tags are generated entirely from what you type, directly in your browser — nothing is uploaded anywhere.
What does the canonical URL tag do?
It tells a search engine which version of a page is the primary one when the same content is reachable via multiple addresses (www vs non-www, parameters, etc.) — this helps consolidate ranking signal on one page instead of splitting it across duplicates.
What's the difference between meta robots noindex and a robots.txt disallow?
noindex in a meta tag stops already-crawled page content from being indexed, while Disallow in robots.txt stops a bot from crawling the page at all — which is exactly why noindex won't work on a page blocked in robots.txt: the search engine will never even see that tag.