Meta Tag Generator
Open Graph Meta Tags
Twitter Card Meta Tags
How to use Meta Tag Generator
- 1
Fill in the essentials
Enter your page title, description, keywords, author, and robots directive in the Essential Meta Tags section.
- 2
Add social sharing tags
Complete the Open Graph and Twitter Card fields, including titles, descriptions, and image URLs, to control how the page looks when shared.
- 3
Review the generated tags
Watch the meta tag markup build live in the output area as you type into each field.
- 4
Copy into your <head>
Click Copy Meta Tags and paste the generated HTML into the head section of your page.
The Complete Guide to HTML Meta Tags for SEO
What meta tags are and where they belong
Meta tags are HTML elements that live inside the head section of a page and describe the document to browsers, search engines, and social networks rather than to human visitors. They are never rendered on the page itself. The browser reads them before painting anything, which is why placement matters: every tag this generator produces should be pasted inside the head element, ideally high up, before any render-blocking scripts. The title element and the charset declaration in particular should appear as early as possible, because browsers must know the character encoding before they parse the rest of the markup.
Two of the most important pieces of metadata are technically not meta tags at all. The title element (title) and the canonical link (link rel="canonical") are separate elements, but they belong in the same head block and are central to how a page is understood. This tool focuses on the title, description, viewport, robots, Open Graph, and Twitter Card tags, which together cover the metadata that actually moves the needle for search and social.
The title tag: your single most important on-page signal
The title element is the strongest on-page SEO signal you control. It is what Google usually shows as the blue clickable headline in search results and what appears on the browser tab. Aim for roughly 50 to 60 characters, or about 580 pixels, so it is not truncated with an ellipsis in the results page. Put the most important keyword near the front, write for a human who is deciding whether to click, and keep each title unique across your site. Boilerplate like a brand name repeated at the start of every title wastes the most valuable real estate you have.
A common mistake is treating the title tag and the H1 heading as interchangeable. They serve different audiences: the title is for the search snippet and the tab, while the H1 is the on-page headline. They can differ, and often should, because the ideal click-through phrasing for a search result is not always the best heading for someone already on the page.
Meta description: clicks, not rankings
The meta description does not directly influence rankings, but it heavily influences click-through rate, which matters. Treat it as ad copy: summarize the page, include the primary keyword so it can be bolded when it matches the query, and add a reason to click. Keep it to about 150 to 160 characters; longer descriptions get cut off, and Google frequently rewrites descriptions that are missing, duplicated, or poorly matched to the query by pulling a snippet from the page body instead.
Because Google may ignore your description and synthesize its own, do not rely on it for critical information. Write a strong one anyway, since a compelling description that survives often outperforms an auto-generated snippet. Never stuff it with keywords; that triggers a rewrite and reads as spam to users.
The robots meta tag and crawl control
The robots meta tag tells search engines what to do once they have crawled a page. The most common values are index/noindex (whether the page may appear in results) and follow/nofollow (whether links on it should pass equity). A value like noindex, follow keeps a page out of the index while still letting crawlers traverse its links, which is useful for thin pages such as internal search results or printer-friendly variants. Other directives include noarchive, nosnippet, and max-snippet for fine control over how a result is displayed.
An important distinction: the robots meta tag controls indexing, while robots.txt controls crawling. They are not interchangeable. If you block a URL in robots.txt, Google may never see a noindex tag on that page, because it cannot crawl the page to read it, and the URL can still appear in results as a bare link. To reliably remove a page from search, leave it crawlable and apply noindex.
Viewport, charset, and the technical essentials
The viewport tag, width=device-width, initial-scale=1.0, is what makes a page mobile-responsive. Without it, mobile browsers render the page at a desktop width and shrink it, producing tiny text and a poor mobile experience. Since Google indexes the mobile version of pages first, a missing or misconfigured viewport tag is a real ranking and usability problem, not a cosmetic one. The charset declaration, almost always UTF-8, ensures special characters and emoji render correctly rather than as mojibake.
These two tags are small but non-negotiable. Set the viewport to device width, avoid disabling user scaling with maximum-scale or user-scalable=no (which harms accessibility), and declare UTF-8 encoding on every page.
Open Graph and Twitter Cards for social previews
Open Graph tags (the og: family) control how your link looks when pasted into Facebook, LinkedIn, Slack, Discord, and many other platforms. The core set is og:title, og:description, og:image, og:url, and og:type. Twitter Card tags (the twitter: family) do the same for X, with twitter:card set to summary_large_image being the most eye-catching option. Provide an og:image around 1200 by 630 pixels and always use absolute URLs for it; relative image paths are the single most common reason a preview shows no thumbnail.
Social platforms cache what they scrape, so after you change these tags you often need to re-scrape the page using the platform's debugging tool (for example, Facebook's Sharing Debugger) to clear the old preview. If a tag is missing, most platforms fall back to the standard title and description, but the result is a plainer, less clickable card.
Tags that no longer help, and common mistakes
The meta keywords tag is dead for SEO. Google confirmed years ago that it ignores meta keywords entirely, and because it openly broadcast your target terms to competitors, filling it in is at best pointless and at worst a small information leak. This generator includes a keywords field for completeness and legacy systems, but do not expect any ranking benefit from it. Other legacy tags such as meta revisit-after and meta author have no impact on Google rankings either.
The most frequent real mistakes are: duplicate titles and descriptions across many pages, titles and descriptions that exceed the display limits and get truncated, missing canonical tags on pages reachable by multiple URLs, relative URLs in og:image, and accidentally shipping a site-wide noindex left over from a staging environment. Always confirm the final rendered head with your browser's view-source or developer tools, since JavaScript frameworks sometimes inject or overwrite meta tags after the initial HTML loads.
Frequently asked questions
Which meta tags does this generator create?
What are Open Graph and Twitter Card tags for?
How long should my title and description be?
What image size should I use for OG tags?
Where do I put the generated tags?
Related tools
Keep going with these handy tools