Free Meta Tag Generator — SEO Title, Description & OG Tags

Generate all the meta tags your page needs in one place — SEO title, meta description, canonical URL, Open Graph tags for Facebook and LinkedIn, and Twitter Card tags. Fill in the form below, see a live Google search preview, and copy the finished HTML straight into your <head> section.

Google search preview

Your Page Title
yourwebsite.com › page
Your meta description will appear here. Write 150–160 characters to maximise click-through rate from Google search results.

Basic SEO

0 / 60
Aim for 50–60 characters. Google truncates titles beyond ~60 chars.
0 / 160
Aim for 150–160 characters. Does not affect rankings but improves click-through rate.
The preferred URL for this page. Prevents duplicate content issues.

Open Graph — Facebook & LinkedIn

Defaults to your page title. Can be slightly longer for social (up to 95 chars).
Recommended: 1200×630 px. Shown when your page is shared on Facebook and LinkedIn.

Twitter / X Card

Optional. Your brand’s Twitter/X username.

Generated Meta Tags — paste into your <head>

How to Use the Meta Tag Generator

  1. Fill in your page title and meta description — the live Google preview updates as you type so you can see exactly how your result will look in search.
  2. Add your canonical URL — this tells Google which version of the page is the authoritative one, preventing duplicate content penalties.
  3. Set the Robots rule — leave it as “index, follow” for all public pages. Use “noindex” for thank-you pages, staging environments, or admin pages.
  4. Fill in the Open Graph fields — OG Title and OG Description auto-sync from your basic SEO fields but you can override them. Add an OG Image (1200×630 px) to control how your page looks when shared on Facebook and LinkedIn.
  5. Set a Twitter Card type — “summary_large_image” shows a large image preview in tweets and is recommended for most pages.
  6. Click “Copy All Tags” and paste the code inside the <head> section of your page’s HTML, or into the “Header Scripts” field in your WordPress SEO plugin.

What Each Meta Tag Does

Title tag

The <title> tag is the blue clickable headline shown in Google search results. It is the most important on-page SEO element. Include your primary keyword near the front, keep it under 60 characters, and make it compelling enough to earn the click.

Meta description

The meta description appears as the grey text beneath your title in search results. It does not directly affect rankings, but a well-written 150–160 character description significantly improves click-through rate — more clicks signal to Google that your result is relevant, which can indirectly boost rankings.

Canonical URL

The canonical tag tells search engines which URL is the “master” version of a page. This is important when the same content can be accessed via multiple URLs (e.g. with and without trailing slashes, with query strings, or via HTTP and HTTPS). Without it, Google may split ranking signals across duplicate URLs.

Open Graph tags

Open Graph (OG) tags control how your page appears when shared on Facebook, LinkedIn, and other social platforms. Without OG tags, those platforms guess what to display — often pulling the wrong image or text. Setting a 1200×630 px OG image and a clear OG title ensures every share looks professional.

Twitter Card tags

Twitter Card tags control the preview shown when your URL is shared on Twitter/X. The “summary_large_image” card type displays a large image above the tweet text, which significantly increases engagement compared to the small thumbnail format.

Where to Paste the Generated Tags in WordPress

  • Yoast SEO — go to the page editor, scroll to the Yoast SEO box, and enter your title and description in the “Google preview” fields. For OG and Twitter tags, check the “Social” tab in Yoast settings.
  • RankMath — open the RankMath panel in the page editor and fill in the General, Social, and Advanced tabs. RankMath generates the tags automatically from your inputs.
  • Manual / custom themes — paste the full generated code block inside the <head> section of your page template, or use a plugin like “Header and Footer Scripts” to inject it per page.

After generating your meta tags, use our Word & Character Counter to check your content length, or our Clear Text Format Tool to clean up pasted copy.

Frequently Asked Questions

What is a meta tag generator?

A meta tag generator creates the HTML code for all the meta tags a page needs — including the title tag, meta description, canonical URL, Open Graph tags, and Twitter Card tags — based on the information you enter, without requiring you to write the code manually.

Do meta tags affect SEO?

The title tag directly affects SEO — Google uses it as a ranking signal and displays it in search results. The meta description does not directly affect rankings but improves click-through rate, which is an indirect ranking factor. Canonical tags prevent duplicate content issues. Open Graph and Twitter tags do not affect Google rankings but influence social traffic.

What is the ideal meta description length?

Google displays approximately 150–160 characters of the meta description in desktop search results and roughly 120 characters on mobile. Write descriptions between 150–155 characters to avoid truncation on both. The bar in this tool turns orange at 80% and red when you exceed the limit.

What size should my OG image be?

The recommended Open Graph image size is 1200×630 pixels at a minimum file size of under 8MB. This ratio ensures the image displays correctly as a landscape preview on Facebook, LinkedIn, and Twitter without cropping. Use JPEG for photos and PNG for graphics with text or logos.

Is the Meta Tag Generator free?

Yes, completely free with unlimited use and no account required.

Explore more free tools: Word & Character Counter, Color Scheme Generator, Image Compressor, and Text Case Converter.