Meta Tag Generator Online: Create Perfect SEO and Social Tags in Minutes
Our meta tag generator online turns a few simple fields into clean, valid HTML for your page’s <head>: the title tag, meta description, robots directives, canonical URL, Open Graph tags for Facebook and LinkedIn, and X (Twitter) card tags. It checks title and description length in pixels as you type, escapes special characters so nothing breaks, and tells you what to fix before you copy the code.
This guide explains which meta tags matter for SEO in 2026, which ones you can ignore, how to write each one well and how to add the generated code to WordPress, Shopify or a custom site.
Key takeaways
- The title tag, meta description, robots, canonical and viewport tags do the heavy lifting for SEO.
- Open Graph and X card tags don’t affect rankings, but they control how your links look when shared.
- The meta keywords tag is ignored by Google and doesn’t need to be added.
- Every page needs its own title, description and canonical URL.
What are meta tags?
Meta tags are snippets of HTML in the <head> section of a page. Visitors don’t see them on the page itself, but search engines, browsers and social networks read them to understand and display the page. Google lists the tags it supports in its documentation on meta tags and attributes that Google supports.
Meta tags vs other head elements
Strictly speaking, the title is a <title> element and the canonical is a <link> element, not meta tags. In everyday SEO, though, “meta tags” means all the head elements that influence how a page is indexed and displayed, and our generator creates all of them together.
Why a generator helps
Hand-writing meta tags is easy to get wrong: a missing quote mark, an ampersand that isn’t encoded, a relative canonical URL or an image path that only works on your computer. A generator removes those mistakes and keeps the tags consistent across pages.
How to use our meta tag generator online
- Enter the page title. The meter shows its width against Google’s roughly 600-pixel limit.
- Write the meta description, aiming for 120–155 characters.
- Add the canonical URL, the full address of the preferred version of the page.
- Choose robots settings: index or noindex, follow or nofollow, and large image previews.
- Fill in the sharing details: page type, site name, language, share image, image alt text and your X username.
- Review the suggestions, apply any one-click fixes, then copy or download the code.
The essential SEO meta tags explained
Title tag
The title is the strongest on-page signal you control and the headline people see in search results. Make it unique, descriptive and focused on the page’s main topic.
Best practice
- About 50–60 characters, or roughly 600 pixels.
- Main keyword near the start.
- Brand at the end, separated by a pipe or dash.
Example
<title>WooCommerce Development Services | SEO Return</title>Meta description
The description summarises the page for searchers. It isn’t a ranking factor, but it shapes whether people click. Google may show it as the snippet when it matches the search well; see Google’s guidance on writing good meta descriptions.
<meta name="description" content="WooCommerce development services for custom stores, plugins and speed optimisation. Get a fixed-price quote.">Robots meta tag
The robots tag tells search engines whether to index the page and follow its links. Most pages should be indexable, so the default index, follow is right. Use noindex only for pages that should never appear in search, such as thank-you pages or internal search results.
Useful robots values
| Value | What it does |
|---|---|
noindex | Keeps the page out of search results |
nofollow | Tells crawlers not to follow any links on the page |
max-image-preview:large | Allows large image previews in Search and Discover |
nosnippet | Prevents text snippets, including in AI Overviews |
max-snippet:-1 | Allows snippets of any length |
Read the full list in Google’s robots meta tag specification.
Canonical tag
The canonical tag names the preferred URL when the same content is available at several addresses, such as with and without tracking parameters. Always use a full, absolute URL with https://.
<link rel="canonical" href="https://example.com/services/woocommerce/">Viewport and charset
The viewport tag makes pages display correctly on phones, and the charset declaration prevents garbled characters. Most themes add both automatically; if yours doesn’t, add them at the top of the head.
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">Social meta tags: Open Graph and X cards
When someone shares your link on Facebook, LinkedIn, WhatsApp, Slack or X, those platforms read Open Graph tags to build the preview card. Without them, they guess, often picking the wrong image or text. The tags are defined by the Open Graph protocol.
The Open Graph tags you need
og:title: the headline for the share card, which can be a little more conversational than your SEO title.og:description: one or two sentences that make people want to click.og:image: a full URL to an image, ideally 1200 × 630 pixels.og:url: the canonical URL of the page.og:type:websitefor most pages andarticlefor blog posts.og:site_name: your brand name.
X (Twitter) card tags
X reads Open Graph tags as a fallback, but the twitter:card tag controls the card size. Our generator sets summary_large_image automatically when you add a share image.
Choosing a share image
Use a 1200 × 630 px JPG or PNG under 5 MB, keep text and logos in the centre because some platforms crop the edges, and avoid SVG, which Facebook doesn’t support. Check the result with our OG tag checker.
Meta tags you don’t need
Meta keywords
Google has ignored the meta keywords tag for ranking for many years, and it can reveal your keyword strategy to competitors. Leave it out.
Revisit-after, rating and distribution
Tags such as revisit-after aren’t used by major search engines. Search engines decide how often to crawl based on how often your content changes and how important it is.
Duplicate or conflicting tags
Two title tags, two canonical tags or two robots tags confuse search engines. This usually happens when a theme and an SEO plugin both output the same tag. Our free SEO checker flags duplicates.
Common meta tag mistakes and how to fix them
Relative or parameterised canonical URLs
A canonical like /page/ or one containing ?utm_source= sends mixed signals. Use the clean, absolute HTTPS URL. The generator can remove tracking parameters in one click.
Using noindex and canonical together
Noindex says “don’t show this page”; canonical says “show that other page instead”. For duplicate pages, use the canonical alone. Reserve noindex for pages that should never appear.
Page-wide nofollow
A nofollow robots tag applies to every link on the page, including your own navigation. If you only want to qualify a few links, add rel="nofollow", rel="sponsored" or rel="ugc" to those links instead, as described in Google’s guidance on qualifying outbound links.
Unescaped characters
Quotes and ampersands inside a content attribute can break your HTML. Our generator encodes them automatically.
How to add meta tags to your website
WordPress
With Yoast SEO or Rank Math, you don’t paste raw code. Copy the values into the plugin fields: SEO title, meta description, canonical URL (under Advanced) and the social tab for Open Graph images. The plugin outputs the tags for you.
Shopify
Edit the product, collection or page and open Search engine listing to set the title and description. Social image tags come from your theme settings and featured images.
Static or custom-built sites
Paste the generated code inside the <head> of each page, or into the template that renders your head section, replacing values with page-specific variables.
Check your work
- View the page source and search for
<title>to confirm only one exists. - Run the page through our SEO analyzer.
- Use the Facebook Sharing Debugger to refresh cached previews.
Meta tags for different types of page
The same set of tags applies to every page, but the best values change with the page’s purpose. Use the meta tag generator online to create a version for each template on your site, then reuse the pattern.
Home page
Use og:type website, a title that says what your business does in customers’ words, and a share image with your logo and a short brand line. Make sure the canonical is your preferred domain version, for example with or without www, matching your redirects.
Blog posts and articles
Set og:type to article, use the headline as the Open Graph title and pick a share image designed for social feeds rather than the first image in the post. Article schema and visible author and date information support trust; our free schema markup generator builds the JSON-LD.
Product and service pages
Lead the title with the product or service name, and use the description for the main benefit and a clear next step. For products, an image of the product itself on a clean background tends to work best in share previews.
Pages that should stay out of search
Thank-you pages, internal search results, login and cart pages usually don’t need to rank. Set robots to noindex, follow so search engines skip the page but still follow its links. Don’t also block these pages in robots.txt, or crawlers won’t see the noindex tag.
Why use a meta tag generator online?
You can write meta tags by hand, but a meta tag generator online is faster and safer, especially when you’re not a developer or you’re creating tags for many pages.
Fewer mistakes
The generator encodes special characters, builds absolute URLs, pairs the right X card type with your image and never forgets a closing quote. Small syntax errors in the head can cause browsers and crawlers to ignore tags without any visible warning.
Live length checks
Instead of guessing, you see the pixel width of your title and the length of your description as you type, with warnings before Google would truncate them.
Consistent output
Every page gets the same complete set of tags in the same order, which makes audits and handovers easier. Developers can copy the output into a template; content editors can copy values into their CMS.
When to use a plugin instead
On WordPress, an SEO plugin should manage tags for every page automatically. Use the generator to plan and test values, then enter them in the plugin so you don’t create duplicates.
Meta tags and AI search
AI Overviews, ChatGPT search and Perplexity read the same signals as traditional search. Clear, accurate titles and descriptions help them understand what a page offers, and permissive robots settings (no nosnippet) allow your text to be quoted. Consistent og:site_name and Organization schema help AI systems attribute content to your brand. For more on visibility in AI answers, see our generative engine optimization services.
Meta tag checklist before you publish
- One unique title, about 600 px wide, keyword first.
- One unique meta description, 120–155 characters, with a call to action.
- An absolute HTTPS canonical URL without tracking parameters.
- Robots set to
index, followunless the page should stay hidden. - Viewport and charset present.
- Open Graph title, description, URL, type, site name and a 1200 × 630 image.
- A
twitter:cardtag. - No duplicate tags from your theme and plugins.
Related free SEO tools
- SERP preview tool: see your snippet on desktop and mobile.
- OG tag checker: test social previews on a live URL.
- Free schema markup generator: add JSON-LD structured data.
- URL slug generator: create clean, keyword-friendly URLs.
- Free SEO checker: audit everything on the page at once.
Ready to build your tags? Open the meta tag generator above and copy clean code in under a minute.