Get a Free Consultation

Meta Tag Generator

Write your SEO title and meta description, then copy clean HTML for your page <head>, including canonical, robots, Open Graph and Twitter Card tags. Free, no sign-up, and nothing leaves your browser.

Updated Live Google and social previews Copy or download as .html

Your page details

Jump to your meta tags
1Search result
2Social sharing Open Graph and Twitter

Use 1200 × 630 px. With an image, the Twitter card becomes summary_large_image.

3Indexing

Leave on index, follow for any page you want in search results.

More details: language, author, theme colour and Open Graph type

What are meta tags?

Meta tags are snippets of HTML in a page’s <head> that describe the page to search engines and social platforms. The title tag and meta description shape how the page looks in search results, while Open Graph and Twitter tags control the card shown when it is shared.

Visitors never see meta tags on the page itself, but they see the results. A clear title and description can lift your click-through rate, and a good share image makes links look trustworthy on LinkedIn, Facebook and X.

Google rewrites titles and descriptions when it thinks another snippet fits a search better, so treat your tags as a strong suggestion, not a guarantee.

Meta tags example

<title>Free SEO Tools | Acme Digital</title>
<meta name="description"
  content="Free tools to audit, plan and
  grow your search traffic." />
<link rel="canonical"
  href="https://www.example.com/tools/" />
<meta name="robots"
  content="index, follow" />

<meta property="og:type" content="website" />
<meta property="og:title"
  content="Free SEO Tools | Acme Digital" />
<meta property="og:image"
  content="https://www.example.com/og.jpg" />
<meta name="twitter:card"
  content="summary_large_image" />

Which meta tags should every page have?

Every indexable page needs a unique title and description. The rest depend on how the page is shared and whether duplicates exist.

Recommended lengths are guidelines. Google truncates by pixel width, not character count.
TagWhat it doesGuidelinePriority
titleThe clickable headline in search results and browser tabsAbout 50 to 60 charactersAlways include
descriptionThe summary shown under the title in search resultsAbout 120 to 160 charactersAlways include
canonicalTells search engines which URL is the main versionOne absolute URLAlways include
robotsControls indexing and link followingDefault is index, followWhen you need control
og:title, og:description, og:imageThe card shown on Facebook, LinkedIn and most chat appsImage 1200 × 630 pxStrongly recommended
twitter:cardSets the card style on Xsummary_large_imageRecommended
theme-color, authorBrowser UI colour and attributionHex colour, plain nameIf it applies

How do you add meta tags to a website?

The generator writes the code. These four steps take you from a blank form to live tags.

  1. Write your snippet

    Add a unique title and description for the page.

  2. Add the URL and image

    Enter the page URL, canonical and a share image.

  3. Copy the code

    Copy the tags, or download them as an HTML file.

  4. Paste and test

    Add them to the page head, then check the previews.

Use this on one page at a time. Most SEO plugins already output a title and description, so edit the plugin’s fields instead of adding a second set, because duplicate tags can confuse crawlers.

Where do you paste meta tags on popular platforms?

Most platforms have a field for each page’s tags. Use the code box only when they do not.

WordPress

Use the SEO plugin’s title and description fields on the page editor, or a header-scripts plugin such as WPCode for the full block.

Shopify

Edit the page’s search engine listing, or paste the tags into theme.liquid before the closing head tag.

Wix

Open the page’s SEO settings for the title and description. Add the rest through Settings, then Custom Code.

Custom HTML

Place the tags between the opening and closing <head> tags of the page.

Meta tag questions, answered

Short answers on length, placement and what meta tags can do.

What is a meta tag generator?

A meta tag generator turns your page title, description, URL and share image into ready-to-paste HTML tags. It saves you from hand-writing syntax and shows how the page will look in Google and on social platforms.

How long should a title tag be?

Aim for about 50 to 60 characters. Google truncates titles by pixel width, so wide letters take more space. Put the main keyword near the start.

How long should a meta description be?

Aim for about 120 to 160 characters. Longer descriptions are often cut off on mobile. Write a specific summary that matches what the page delivers.

Does the meta description affect rankings?

Google says the meta description is not a ranking factor. It can still raise clicks, because it is often the text shown under your title in results.

What is a canonical tag?

A canonical tag names the preferred URL for a page. It helps search engines consolidate duplicates, such as versions with tracking parameters, into one main URL.

What do Open Graph tags do?

Open Graph tags set the title, description and image shown when a page is shared on Facebook, LinkedIn and many messaging apps. Without them, platforms guess from the page and often pick poorly.

Do I need Twitter Card tags?

X falls back to Open Graph tags when Twitter tags are missing. Adding twitter:card still lets you pick the large-image card, so it is worth including.

When should I use noindex?

Use noindex for pages you do not want in search results, such as thank-you pages, internal search results or staging copies. Do not use it on pages you want to rank.

Is this meta tag generator free?

Yes. It is completely free, with no sign-up and no limit. Everything runs in your browser, so what you type is never uploaded to a server.

Need meta tags written for every page?

Search Savvy’s SEO team audits, writes and monitors titles, descriptions and technical tags across your whole site.

See our SEO services
5 ★★★★★ 9 Google reviews