Meta Tag Generator
Fill in a title, description and share image to generate SEO, Open Graph and Twitter card tags, with search result and social card previews.
Basic SEO
0 characters, width 0/60 (CJK counts as 2)
0 characters, width 0, aim for 70–160 (CJK counts as 2)
The page’s official URL, also used for og:url
Open Graph (Facebook, LinkedIn and other link previews)
Leave empty to use the page title
Leave empty to use the page description
1200 × 630 pixels recommended, absolute URL; the preview never loads it
e.g. zh_TW or en_US
Twitter/X card
e.g. @example
e.g. @example
Checks
Search result preview
example.com
(No title)
(No description)
Social card preview
EXAMPLE.COM
(No title)
(No description)
Previews are approximate; each platform and device shows them differently. The image is never downloaded; only its URL is shown.
How to use
- Enter the page title, description and canonical URL; each field shows its length and width (CJK characters count as two columns).
- In Open Graph, add the share image URL, site name and locale. Leave the share title and description empty to reuse the page’s.
- Choose a Twitter/X card type and add account handles if you have them.
- “Checks” flags missing or overlong fields, next to previews of a search result and a social card.
- Copy the generated HTML and paste it into the page’s <head>.
FAQ
How long should the title and description be?
Google truncates by display width, not by character count. A common guideline is about 60 columns for the title and 70–160 for the description; CJK characters, full-width forms and emoji count as two. Actual display varies by device.
Why doesn’t the preview show my image?
To protect your privacy this tool never requests any URL, so it shows the image URL in a placeholder instead. Once the page is live, check the image with a platform tool such as Facebook’s Sharing Debugger.
What does og:image need?
A full https:// URL; relative paths do not work. 1200 × 630 pixels (about 1.91:1) is the usual size. Keep the file small and important text near the center, since platforms crop differently.
I updated my OG tags but shares still show the old ones. Why?
Platforms such as Facebook, LinkedIn and Slack cache link previews. Use the platform’s debugging tool to fetch the page again, or add a parameter such as ?v=2 so it is treated as a new URL.
Do I still need meta keywords?
No. Google and other major search engines ignore the keywords tag, so this tool does not generate it. A clear title, description and page content matter far more.
Is what I type uploaded?
No. The tags and previews are generated in your browser and are never stored or sent to a server.
Related tools
URL Parser
Break a URL into scheme, host, port, path, query parameters and fragment, with IDN support and an editor that rebuilds the URL.HTML Entities
Escape < > & and other characters as HTML entities or decode them back. Supports all 2,125 named and numeric references, with a quick reference.Markdown Preview
Preview Markdown live with GitHub Flavored tables, task lists and strikethrough, then copy the HTML or download .html and .md files.Slug Generator
Turn titles into URL slugs: strip accents, choose the separator and maximum length, and keep or drop Chinese characters.