Meta Tag / Open Graph Generator
Fill in your page details and get ready-to-paste SEO, Open Graph, and Twitter Card tags, with a live preview.
Last updated
How to create meta tags for a web page
- Fill in the page title, description, URL, site name and preview image.
- Choose the content type and Twitter card style.
- Check the social preview, then click Copy tags and paste them into your page’s <head>.
About this tool
This generates the standard SEO title/description tags, Open Graph tags (used by Facebook, LinkedIn, and most link-unfurling tools), and Twitter Card tags, from one set of fields — Open Graph and Twitter fields fall back to your page title and description automatically when left blank, since that's how most platforms behave when a Twitter-specific tag is missing. Paste the output into your page's <head>, above any other meta tags for best compatibility.
The preview approximates how a shared link commonly renders, but every platform (Facebook, X/Twitter, LinkedIn, Slack, Discord) has its own quirks, image-size preferences, and caching behaviour — always test a real link with each platform's official debugger before publishing. Nothing you enter here is sent to a server; the entire tool runs as JavaScript in your browser tab.
Questions about meta tags
How long should a title and meta description be?
Titles of about 50–60 characters and descriptions of about 150–160 usually show in full in Google. Longer ones get cut off.
What are Open Graph tags?
Tags such as og:title and og:image that control how a link looks when shared on Facebook, LinkedIn, WhatsApp, Slack and most other apps.
What size should the preview image be?
1200 × 630 pixels works well on most platforms for a large preview.
Why isn’t my new preview showing when I share a link?
Platforms cache previews. Use their official debugging tools to refresh them after changing your tags.