Meta Tag Generator
Generate SEO, Open Graph, and Twitter Card meta tags for your page's <head>.
How to use Meta Tag Generator
- Fill in your page's title, description, URL, and other details.
- The generated meta tags update instantly, along with a preview of how the title and description might appear in search results.
- Copy the generated HTML and paste it into your page's <head> section.
About this tool
The Meta Tag Generator builds the standard block of tags a web page needs for good SEO and social sharing previews: the title tag, meta description, canonical link, Open Graph tags (used by Facebook, LinkedIn, and most link previews), and Twitter Card tags. Fill in your page details and copy the generated HTML straight into your page's <head>. All generation runs instantly in your browser — nothing is uploaded or sent to a server.
Frequently Asked Questions
What's the ideal length for a title and description?
Search engines typically display around 50-60 characters of a title and 150-160 characters of a description before truncating with an ellipsis — this tool shows a character count so you can stay within those limits.
What are Open Graph tags for?
Open Graph tags (prefixed og:) control how your page appears when shared as a link preview on platforms like Facebook, LinkedIn, Slack, and Discord — the title, description, and image shown all come from these tags rather than the page's visible content.
Do I need Twitter Card tags if I already have Open Graph tags?
X (formerly Twitter) primarily uses its own twitter: tags for link previews, falling back to Open Graph tags for fields it doesn't find. Including both ensures a consistent, deliberate preview across platforms rather than relying on fallback behavior.