Generator 🔒 Runs in your browser — no data sent to servers

Meta Tag Generator

Create SEO meta tags, Open Graph and X card tags, and preview how the page looks on Google and in social shares.

Page title Description Page address (canonical URL) Share image URL1200 × 630 pixels works everywhere; use a full address starting with https://.

Site name Content type

X card X account

Language and region Browser colour

Allow indexing Follow links Add theme colour

Google result

◎

X (Twitter)

HTML for the <head>

Paste it inside the <head> of the page.

How to Use

1. Fill in the Page title, Description, Page address and Share image URL.
2. Watch the character counters and the Google, Facebook and X previews update as you type.
3. Add the Site name, Content type, X card style and X account if you have one.
4. Copy the HTML and paste it inside the head of your page.

To start from an existing page, use Read tags from HTML and paste its source. Nothing is sent anywhere; only the share image is loaded from its own address for the preview.

Frequently Asked Questions

How long should a title and description be?

Keep titles under about 60 characters and descriptions under about 155, or search results cut them off. The counters turn orange and red as you approach and pass those limits.

What size should the share image be?

1200 by 630 pixels, at least 600 by 315. That ratio works for Facebook, LinkedIn, WhatsApp and the large X card.

Do I need both Open Graph and Twitter tags?

X reads Open Graph tags when its own are missing, but twitter:card has no Open Graph equivalent and decides between the large and small card, so it is worth including.

Why does Facebook still show my old image?

Social networks cache link previews. After changing the tags, ask the network to re-read the page, for example with the Facebook Sharing Debugger.

Does Google use the meta description?

Often, but not always. Google may show a different snippet from the page when it matches the search better; a clear, accurate description makes it more likely to be used.

Meta Tag Generator - SEO, Open Graph and X Card Tags with Live Previews

Updated September 30, 2026 · By Saman

The title and description in a page's head decide how it looks in Google, and the Open Graph and X tags decide how a shared link looks on Facebook, LinkedIn, WhatsApp, Slack and X. This tool writes all of them from one short form and shows the three previews as you type, so you can see a title being cut off before your readers do.

Nothing is sent to a server. The only request the page makes is to load your share image from its own address, to show it in the previews.

How to use it

Fill in the Page title, Description, Page address (canonical URL) and Share image URL.
Watch the counters and the Google, Facebook and X previews.
Choose the Content type, the X card style and, if you have one, the X account.
Press Copy and paste the code inside the page's <head>.

To improve an existing page, press Read tags from HTML, paste the page source and press Fill in. The pasted HTML is only read, never run.

What each tag does

Tag	Used by	Tip
`<title>`	Browser tab, Google result	About 50 to 60 characters; put the words people search for first
`meta description`	Google snippet	About 120 to 155 characters that say what the page gives the reader
`link rel="canonical"`	Google	The one address that should rank when several URLs show the same page
`og:title`, `og:description`	Facebook, LinkedIn, WhatsApp, Slack	Can be shorter and catchier than the search title
`og:image`	All share previews	1200 × 630 pixels, a full https:// address, under about 5 MB
`twitter:card`	X	`summary_large_image` for a wide picture, `summary` for a small square
`meta robots`	Search engines	Only added when you turn off indexing or link following

Length limits

Google cuts titles by width, at roughly 580 pixels, which is about 60 characters of ordinary text; wide letters such as W and M use the room up sooner. Descriptions are usually cut after about 155 to 160 characters on desktop and fewer on phones. The counters turn orange when you pass the comfortable length and red when the text will almost certainly be cut.

After you publish

Social networks keep a cached copy of each link's preview. Use the Facebook Sharing Debugger or LinkedIn Post Inspector to make them read the new tags.
Google chooses its own snippet when the page text matches a search better than your description, and may rewrite titles that do not describe the page.
Each page should have its own title and description; repeating the same ones across a site makes the results look alike.

Related tools

To make a share image in the right format and size, use the image converter. To escape special characters in HTML by hand, use the HTML entity encoder. The task pages open this tool on one preview: Open Graph generator, Twitter card generator and Google search preview.

Guides

Open Graph Tags: How to Control Link Previews When a link is shared on Facebook, LinkedIn, WhatsApp, Slack or X, a few lines in the page's head decide which title, text and picture people see.