Fill in a few fields to generate SEO meta tags, Open Graph tags, and Twitter Card tags, complete with a live Google search preview and social share card. Copy the ready-to-use HTML straight into your page's <head>.
Start generating tags0
0
0
This tool builds a complete, copy-paste-ready block of SEO meta tags, Open Graph tags, and Twitter Card tags from a handful of fields. It also renders a live preview of how the page might appear in Google search results and when shared on social platforms, so you can catch a too-long title or a missing preview image before publishing.
See how your title and description will look and get truncated in search results.
Preview the Open Graph image, title, and description as they appear when shared.
Live counters warn you when a title or description is likely to be truncated.
Tags are assembled locally in your browser. Nothing you type is uploaded.
Copy the full HTML block or download it as a ready-to-use file.
Covers both protocols so links look right on Facebook, LinkedIn, and X.
| Field | Example value | Generated tag |
|---|---|---|
| Page title | Free Online Tools | <title>Free Online Tools</title> |
| Meta description | Handy free web tools. | <meta name="description" content="Handy free web tools."> |
| Image URL | https://example.com/og.jpg | <meta property="og:image" content="https://example.com/og.jpg"> |
Meta tags are snippets of HTML in a page's head that describe its content to search engines and social platforms. A good title and description can improve click-through rate from search results even without changing rankings directly.
A title tag is usually safe under about 60 characters, and a meta description under about 160 characters, since search engines truncate longer text in results. This tool shows a live character count for both.
Open Graph tags control how a page appears when shared on Facebook, LinkedIn, WhatsApp, and other platforms that support the Open Graph protocol, including the preview image, title, and description.
X (formerly Twitter) reads Twitter Card tags first and falls back to Open Graph tags if they are missing, so adding both gives you more control over how the link preview looks on X specifically.
Google has confirmed it does not use the meta keywords tag for ranking. This tool still includes it as optional output since some smaller search engines and internal site search tools may reference it.
No. The HTML is assembled entirely in your browser using client-side JavaScript. Nothing you type is sent to a server.
Paste the generated block inside the <head> section of your HTML page, ideally near the top so search engines and social crawlers can read it quickly.