Generate SEO-ready HTML meta tags for websites, landing pages, ecommerce stores, blogs, and SaaS products in seconds.
Suggestions
Page title is empty. Add a title to improve SEO.
Meta description is missing. Descriptions improve click-through rates from search results.
Canonical URL is not set. Add one to prevent duplicate content issues.
Open Graph image is missing. Social platforms require an image for rich link previews.
<meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="robots" content="index,follow" /> <meta http-equiv="content-language" content="en" />
Approximate appearance in search engine results
Your Page Title
https://example.com/your-page
Your meta description will appear here. Write a compelling summary that encourages users to click through from search results.
No account needed
Generate complete HTML meta tags instantly. No sign-up or installation required.
Live updating output
The generated code and SERP preview update instantly as you type - no button to click.
Copy or download
Paste tags directly into your HTML or download the output as an HTML or TXT file.
No software, no account, no waiting. Generate production-ready meta tags directly in your browser.
Enter your page title, description, canonical URL, and author name. Add your Open Graph and Twitter Card details if you want social previews.
Watch the generated HTML and SERP preview update instantly as you type. Fix any warnings about title length or missing fields before copying.
Click Copy to paste the tags into your HTML editor, or download the
output as an HTML or TXT file. Paste the tags inside the
<head> section
of your page.
A quick reference for the most important meta tags and what each one does.
| Tag | Purpose |
|---|---|
| Title | Displayed as the clickable headline in search results |
| Description | The summary shown below the title in search results |
| Canonical | Tells search engines the preferred URL for this content |
| Robots | Controls whether the page is indexed and links followed |
| og:title | Headline shown when shared on social platforms |
| og:image | Image shown in social share preview cards |
| twitter:card | Sets the Twitter card display format |
| Viewport | Makes the page render correctly on mobile devices |
Meta tags are HTML elements placed inside the <head> section of a webpage. They carry structured information about the
page - its title, description, language, preferred URL, and how search
engines should treat it - without being visible in the browser window
itself.
Search engines read meta tags to understand what a page is about and how to display it in results. Social platforms read Open Graph and Twitter Card tags to build rich preview cards when someone shares a link. Browsers use charset and viewport tags to render the page correctly across devices.
Well-written meta tags will not guarantee high rankings on their own, but they are a foundational part of on-page SEO. A clear title and compelling description can meaningfully improve your click-through rate from search results - which signals relevance back to search engines over time.
Write unique titles and descriptions for every page
Duplicate metadata across your site dilutes your SEO signal and confuses users comparing results in a search listing.
Keep titles under 60 characters
Longer titles get truncated in most search engine results pages. Front-load the most important keywords and brand name.
Make descriptions compelling, not just descriptive
Think of the description as ad copy for your page. Include a benefit or a call to action that encourages the click.
Always include a canonical URL
Even if your page has only one URL today, a canonical tag prevents future duplicate content problems as your site grows.
Set Open Graph tags on every page you expect to be shared
Without OG tags, social platforms pick arbitrary images and text from your page - often with poor results.
Avoid keyword stuffing in any meta field
Cramming keywords into titles or descriptions makes them less readable and can be treated as a spam signal by search engines.
These are the most frequently seen meta tag errors and how to fix them.
Write a unique description for every important page. Without one, search engines pick arbitrary text from the page body.
Each page needs a distinct title that accurately reflects its specific content. Duplicate titles confuse both users and search engines.
Add a canonical URL to every page, even if it has only one address. This prevents problems caused by URL parameters and future site changes.
Check your robots meta tags carefully. A noindex directive placed by mistake can remove important pages from search results without warning.
Always provide an og:image. Pages shared without one generate low-quality previews and typically receive far fewer clicks on social platforms.
Titles beyond 60 characters and descriptions beyond 160 characters get cut off in most search results. Review character counts before publishing.
Meta tags matter for any website that wants to appear in search results or be shared on social media.
Generate a complete, accurate meta tag block for new pages without manually looking up every tag format. Paste it into your HTML template and customize as needed.
Quickly draft and review meta tags for client pages. Use the SERP preview to check how titles and descriptions will appear in Google before the page goes live.
Create optimized metadata for product pages, category pages, and landing pages. Better titles and descriptions lead to higher click-through rates and more organic sales.
Set compelling meta descriptions for every post to improve how articles appear in search results. Add Open Graph tags to control how posts look when shared across social channels.
Generate consistent metadata across campaign landing pages. Use the social preview to ensure share cards look polished when promoting content on LinkedIn, Facebook, and Twitter.
Apply thorough metadata to marketing pages, feature pages, and pricing pages. Proper tags help each page rank for its own keywords rather than competing with other pages on the same site.
Core SEO meta tags
Facebook, LinkedIn, and more
Rich tweet link previews
Crawl control and deduplication
Common questions about meta tags, SEO metadata, Open Graph, Twitter Cards, and how to use this generator.
Meta tags are snippets of HTML placed inside the <head> section of a webpage. They communicate page-level information to browsers, search engines, and social platforms - things like the page title, a brief description, the preferred URL, and how the page should be indexed. Visitors never see meta tags directly, but they influence how your page appears in search results and when shared on social media.
Major search engines including Google stopped using the keywords meta tag as a ranking signal many years ago. Including keywords in this field causes no harm, but it will not improve your search rankings. Focus your SEO efforts on writing an accurate title and a compelling meta description instead - those are the fields that actually influence click-through rates from search results.
A canonical tag tells search engines which URL is the definitive version of a page when the same content is accessible at multiple addresses. For example, a product page might be reachable via several URLs depending on filters, sorting, or tracking parameters. Without a canonical tag, search engines may split ranking signals across those variations. Setting a canonical URL consolidates those signals onto the address you actually want to rank.
Open Graph tags are a set of meta properties originally created by Facebook and now supported by most social platforms. When someone shares a link on Facebook, LinkedIn, Slack, or a messaging app, the platform reads these tags to build a rich preview card - including the image, title, and description. Without Open Graph tags, the platform may guess which content to show, often with poor results.
Search engines may substitute your meta description with text pulled directly from the page body if they decide it better matches what the user searched for. This happens more often when your description is too short, too generic, or does not closely reflect the actual page content. Writing a specific, keyword-relevant description for each page reduces how often search engines override it, but it is never guaranteed.
For most public pages, use index,follow - this allows search engines to index the page and follow links on it. Use noindex for thin pages, thank-you pages, and internal search results that should not appear in search results. Use nofollow when you want the page indexed but do not want link equity passed through its outbound links. Avoid using noindex,nofollow on important pages by accident, as this will remove them from search results.
Titles typically display up to around 60 characters in Google search results before being truncated. There is no hard pixel limit, but keeping your title concise and front-loading important keywords gives you the best chance of showing the full title to searchers. Very short titles waste ranking opportunity; very long titles get cut off. Aim for 50-60 characters that clearly describe what the page covers.
Twitter Card tags do not directly affect search engine rankings. Their purpose is to improve how your links look when shared on Twitter and X - a well-formatted card with a large image and clear title typically gets more clicks and engagement than a plain text link. More clicks and shares can lead to more backlinks over time, which does benefit SEO indirectly. It is a worthwhile addition to any page you expect to be shared on social media.
Without a viewport meta tag, mobile browsers will render your page at a desktop width and then scale it down, making text tiny and links hard to tap. This creates a poor user experience on smartphones and tablets. Google also uses mobile-friendliness as a ranking factor, so a missing viewport tag can negatively affect your search visibility on mobile devices. This generator always includes the standard viewport tag in its output.
No. Duplicate meta descriptions across your site are a common mistake. Search engines may flag them as a quality issue, and users searching for different pages will see identical descriptions that may not accurately describe what each page contains. Write a unique, accurate description for every important page. For large sites with thousands of pages, prioritize writing unique descriptions for your highest-traffic and most commercially valuable pages first.