Meta Tag Generator

Fill in a few fields to generate SEO, Open Graph and Twitter Card meta tags, with a live Google and social preview so you can see exactly how your link will look before you publish.

Free SEO Tool

Meta Tag Generator

Fill in a few fields to generate SEO, Open Graph and Twitter Card meta tags, with a live Google and social preview so you can see exactly how your link will look before you publish.

Page details

Page type presets
0 / 60
Shown in the browser tab and as the blue link in search results.
0 / 160
Shown under the title in search results.
The preferred address for this page. Prevents duplicate-content issues.
Defaults to the page title above if left empty.
Defaults to the meta description above if left empty.
Format like en_US, fr_FR, de_DE. Auto-filled from the language field below.
Falls back to OG description, then meta description.
Falls back to the OG image if left empty.
Google and Bing have both publicly confirmed this tag is ignored for ranking. Some older tools and clients still expect to see it, so it's included here, but don't expect it to affect SEO.
Live preview
example.com › tools › cpc-calculator
Your page title will appear here
Your meta description will appear here once you start typing.
1200 × 630 image preview
example.com
Your page title will appear here
Your meta description will appear here.
Generated code 0 tags
Want your whole site's on-page SEO handled properly? Get an SEO review

All generation happens locally in your browser. Nothing you enter is sent anywhere. Preview cards are close approximations, actual rendering can vary slightly by platform and changes to their own preview algorithms.

Want this page to rank higher?

Our SEO team handles keyword research, on-page fixes and content that brings in qualified search traffic.

01Overview

What are meta tags and why do they matter?

Meta tags are short pieces of HTML in the head of a page. Visitors do not see them on the page itself, but search engines and social networks read them to decide how your page appears in results and when someone shares your link.

This free meta tag generator builds the full set from one form: the title and meta description for Google, a canonical URL to prevent duplicate content, Open Graph tags for Facebook, LinkedIn, WhatsApp and Discord, and Twitter Card tags for X. Live previews show exactly how the link will look before you publish.

Page type presets for blog posts, landing pages, products, homepages, SaaS apps and portfolios fill in sensible defaults so you only edit what matters.

Quick answer

Every page needs a unique title tag, a meta description, a canonical URL and Open Graph tags (og:title, og:description, og:image, og:url). Fill in the form above and copy the ready-to-paste HTML into your page head or SEO plugin.

  • Free, no sign-up
  • SEO, Open Graph and Twitter
  • Live Google and social preview
  • Copy-paste HTML
02How to use

How to use the Meta Tag Generator

Fill in the basics once. Social tags default to your SEO values unless you override them.

  1. Pick a page type preset

    Blog post, landing page, product, homepage, SaaS or portfolio sets sensible defaults.

  2. Write title and description

    Character counters keep you inside the limits Google displays.

  3. Add a share image

    Use a 1200 x 630 pixel image so links look good on every social network.

  4. Copy the HTML

    Paste the tags inside the head of your page, or copy values into Yoast, Rank Math or your CMS.

03How it works

The meta tags this tool generates

A complete, valid set covering search and social sharing.

How the link looks when shared
Oak & Hide
oakandhide.comHandmade Leather Wallets | Oak & HideSlim, hand-stitched wallets made to last a lifetime.

Built from og:image, og:title, og:description and og:url. Without them, platforms guess, and often get it wrong.

Example output<title>Handmade Leather Wallets | Oak & Hide</title> <meta name="description" content="Slim, hand-stitched wallets..."> <link rel="canonical" href="https://example.com/wallets/"> <meta property="og:image" content="https://example.com/og.jpg"> <meta name="twitter:card" content="summary_large_image">

Meta keywords are ignored by Google, so this tool does not generate them.

Worked example

What happens when a page is shared without and with Open Graph tags.

Without og:image
Random or no image
Without og:title
Platform guesses a title
With full OG tags
Large image, clean title
Result
More clicks from shares
Links with a proper image and title look trustworthy and get clicked far more often in social feeds and chat apps.
04Reference

Essential meta tags explained

These are the tags worth setting on every page.

TagWhat it doesRecommended
titleBlue link in Google, browser tab text50 to 60 characters, unique per page
meta descriptionSnippet text under the title150 to 160 characters
link rel=canonicalTells Google the preferred URLSelf-referencing on most pages
meta robotsControls indexing and link followingOnly set when you need noindex
og:title, og:descriptionTitle and text on social sharesCan differ slightly from SEO tags
og:imagePreview image on social shares1200 x 630 px, under 5 MB
twitter:cardCard layout on Xsummary_large_image
meta viewportMobile scalingwidth=device-width, initial-scale=1
05Tips

Meta tag best practices

Small details make the difference between a link that gets ignored and one that gets clicked.

Do this

  • One page, one titleUnique titles and descriptions help Google understand which page to rank for which search.
  • Design a share imageA branded 1200 x 630 image with a short headline outperforms a random photo.
  • Use absolute URLsog:image and canonical must start with https://, otherwise many platforms ignore them.
  • Refresh social cachesAfter changing tags, use each platform's sharing debugger to clear the old preview.

Meta tag mistakes to avoid

  • Copying the same tags site-wideTheme defaults often repeat the homepage title on every page.
  • Canonical pointing to the wrong pageA bad canonical can remove a page from Google entirely.
  • Tiny or missing share imagesImages under about 600 px wide may show as a small thumbnail or not at all.
  • Leaving noindex on after launchStaging sites often go live with noindex still set. Check before launch.
06FAQ

Frequently asked questions

What meta tags are important for SEO?

The title tag, meta description, canonical link and, when needed, meta robots. Open Graph and Twitter tags matter for how your links look when shared.

Where do I put meta tags?

Inside the head section of your HTML. On WordPress, enter the values in Yoast SEO, Rank Math or your theme's SEO settings instead of editing code.

What size should an Open Graph image be?

1200 x 630 pixels is the recommended size and works across Facebook, LinkedIn, WhatsApp and X.

Do meta keywords still matter?

No. Google has ignored the meta keywords tag for years, so it is not worth adding.

Why does my old image still show when I share a link?

Social networks cache previews. Use the Facebook Sharing Debugger or LinkedIn Post Inspector to refresh it.

What is a canonical tag?

It tells search engines which URL is the main version of a page when the same content is reachable at several addresses.

The Big Growth team

Want your SEO handled properly?

Our team runs technical SEO, on-page optimisation and content for businesses worldwide, with monthly reporting you can actually read. Explore our SEO services.