Fill in your page details to generate SEO and social meta tags — the code is built locally in your browser, with nothing uploaded.
How it works
- Open Graph tags control how your page appears when shared on Facebook, LinkedIn, and most chat apps. Twitter Card tags control the preview on X/Twitter specifically.
- Length guidance: keep titles under ~60 characters and descriptions under ~160 — the counters turn red past those points, since search engines truncate longer text.
- Robots directives tell crawlers whether to index the page and follow its links — use "noindex" for pages you don't want appearing in search results.
- The previews above are approximations of how Google and social platforms typically render your page — actual display varies by platform.
About the meta tag generator
Meta tags are small pieces of HTML in a page's <head> that tell search engines and social networks how to describe your page. This generator builds the common ones — title, description, and Open Graph and Twitter Card tags — from a simple form, so you can paste them straight into your site.
Good meta tags decide how your page appears in Google results and when someone shares your link on social media. Getting them right is one of the cheapest ways to improve click-through.
Common uses
- Setting the title and description that show up in search results.
- Controlling the preview image and text when a page is shared on social media.
- Adding the tags a new site needs before launch.
- Checking that an existing page's tags are a sensible length.
Use it carefully
Meta tags describe your page — they don't change its content, and search engines may rewrite your description if it doesn't match what's on the page. Keep titles around 60 characters and descriptions around 155 so they aren't cut off, write them for people rather than stuffing keywords, and make sure they honestly reflect the page.
Understanding your results
The output is a block of HTML tags ready to paste into your page's head. You'll see the standard title and description tags plus Open Graph and Twitter Card tags that control how the page looks when shared.
Watch the length hints: titles beyond about 60 characters and descriptions beyond about 155 get cut off in search results, so shorter, clearer text usually performs better.
Will these tags improve my ranking?
Good titles and descriptions improve how often people click your result, which helps indirectly. They aren't a direct ranking trick, and keyword-stuffing them can hurt.
Where do I put the generated tags?
Inside the <head> section of your page's HTML, before the closing </head>.
Do I need both Open Graph and Twitter tags?
Open Graph covers most platforms including Facebook and LinkedIn. Twitter/X reads its own tags, so including both gives you the best previews everywhere.
Metadata made pages understandable beyond visible text
HTML metadata provides information about a document that is not necessarily rendered as page content. Search engines, browsers and sharing services can use selected metadata for titles, descriptions and previews.
A description is a hint, not a guarantee
Search engines may use a supplied meta description, but they can choose a different snippet when another part of the page better matches a query.