Meta Tag Generator

Type your page details once and get clean SEO, Open Graph, and Twitter Card meta tags — with live Google and social previews updating as you type.

Page details

Fill in the fields — the previews and the generated tags update instantly.

0 / 60
0 / 155
#00b894

Live previews

How your page can appear on Google and social media.

Google search result

yourwebsite.com
Your Page Title Appears Here
Your meta description will show up here in search results and social previews.

Facebook / LinkedIn

Image preview
yourwebsite.com
Your Page Title Appears Here
Your meta description will show up here in search results and social previews.

Twitter / X

Image preview
Your Page Title Appears Here
Your meta description will show up here in search results and social previews.

Generated meta tags

Copy these into the <head> section of your page.

100% private

Everything runs in your browser. Your page details are never sent to any server.

No signup

Generate unlimited meta tags instantly — no account, no email, no strings attached.

Free forever

Every tag type included: SEO, Open Graph, Twitter Cards, canonical, and theme color.

How to use

  1. 1
    Enter your page details

    Type your title, description, canonical URL, and share image. The counters warn you before Google truncates your text.

  2. 2
    Check the live previews

    Watch the Google search result and the Facebook and Twitter cards update as you type, so you see exactly what visitors will see.

  3. 3
    Copy or download the tags

    Hit Copy tags to grab the HTML, or Download .html for a ready-made file with the tags already inside the <head>.

  4. 4
    Paste into your page

    Drop the tags inside the <head> section of your page, publish, and test the share preview with Facebook’s Sharing Debugger.

Features

Live Google SERP preview

See your title and description exactly as they would appear in search results, before you publish.

Facebook and Twitter card previews

Mockups of the Open Graph and Twitter Card share previews update in real time, including both card sizes.

Smart character counters

Title (60) and description (155) counters flag over-limit text with a warning so Google never cuts you off mid-sentence.

Complete tag set

Generates title, description, keywords, canonical, og:title, og:description, og:image, twitter:card, and theme-color in one block.

Safe escaping

Quotes and special characters are escaped automatically, so your tags never break your page’s HTML.

One-click copy and download

Copy the tags to your clipboard or download a starter .html file with the tags already placed in the <head>.

Frequently asked questions

What are meta tags?
Meta tags are snippets of HTML in a page’s <head> section that describe the page to search engines and social networks. The title tag and meta description control how your page appears in Google results; Open Graph and Twitter Card tags control the preview card when your link is shared on social media.
How long should my title tag be?
Keep it around 50–60 characters. Google typically displays the first 600 pixels of a title — anything longer gets cut off with an ellipsis. This generator’s counter warns you the moment you cross 60 characters.
How long should my meta description be?
Aim for 150–155 characters. Google usually shows about 155–160 characters of a description on desktop. Shorter is fine; longer usually gets truncated. The counter above flags anything over 155.
Do meta keywords still matter for Google?
No — Google has ignored the keywords meta tag for ranking since 2009. This generator still includes it because some smaller search engines and internal site search tools read it, but it will not help or hurt your Google rankings.
What are Open Graph tags?
Open Graph (og:) tags, created by Facebook, define the title, description, and image shown when your page is shared on Facebook, LinkedIn, WhatsApp, and most other platforms. Without them, social sites guess — and usually guess badly.
What is a Twitter Card?
A Twitter Card is the rich preview attached to links shared on X (Twitter). The “summary_large_image” card shows a big banner image; the “summary” card shows a small square thumbnail. This generator lets you pick either one.
Will this tool change my website automatically?
No. It only generates the HTML for you. Copy the tags and paste them inside the <head> of your page yourself (or hand them to your developer). Nothing on your site changes until you add them.
Is this meta tag generator really free?
Yes — free, unlimited, no signup. Everything runs locally in your browser, so there is nothing to pay for and nothing to sign up for.

Related tools

JSON Formatter and Validator

Format, validate, and beautify JSON instantly in your browser.

 Word Counter

Count words, characters, and reading time with a readability score.

 Password Generator

Create strong, random passwords with custom length and symbols.

 QR Code Generator

Turn any URL or text into a scannable QR code for free.

 PDF Toolkit

Merge, split, and compress PDF files right in your browser.
Scroll to Top