Meta Tag Generator

Runs in your browserSEO & Web

Write title, description and Open Graph tags; preview the link on Google, WhatsApp, Facebook, LinkedIn and X.

Search result

Page title

About 50–60 characters; Google cuts by width, not count.

Meta description

About 150–160 characters: what the page offers and why to click.

Page URL

Used for the canonical tag and og:url.

Social sharingWhatsApp, Facebook, LinkedIn and X

Site name

og:site_name, also shown above the Google result.

Share image URL

A public https:// address. 1200 × 630 px works everywhere; keep it light (under about 300 KB) for WhatsApp.

Image description (alt text)

og:image:alt, read aloud by screen readers.

Social title (optional)

Leave empty to use the page title.

Social description (optional)

Leave empty to use the meta description.

PreviewAn approximation: platforms change layouts and may rewrite titles

Your sitehttps://example.com

Your page title appears here

Your meta description appears here. Google often shows it under the title, cut to about two lines.

Apps cache previews. After changing tags, refresh them with the Facebook Sharing Debugger or LinkedIn Post Inspector.

HTML tagsPaste inside <head>

<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">

How to use, limits & privacy

About Meta Tag Generator

Write the title, description and social sharing tags for a web page, and see how the link will look on Google, WhatsApp, Facebook, LinkedIn and X while you type. The tool writes correctly escaped HTML with canonical, Open Graph and X tags that you paste into your page's <head>. You can also paste an existing page's HTML to load and fix its tags. Everything runs in your browser.

How to Use

Fill in the page details

Enter the page title, meta description and page URL. The counters show the length in characters and in pixels, which is how Google cuts titles. Click Example to see a filled-in page, or Load from HTML to start from an existing page.

Add the sharing image

Under Social sharing, enter the site name and a full https:// address of a 1200 × 630 px image. The tool loads the image to check its size and shape.

Check the previews

Switch between Google, WhatsApp, Facebook, LinkedIn and X in the Preview panel and adjust the text until every card reads well.

Copy the tags

Click Copy or Download under HTML tags and paste the tags inside the <head> of your page.

Privacy & Processing

Mode: local
Files Leave Browser: Local tool processing; review details below
Max Input Size: Device memory limits
Account Required: No
Data Stored Locally: Nothing is saved; reloading the page clears the form.
Network Processing: Assets or models may require an initial download

Everything runs in your browser and nothing is uploaded. Your browser loads the share image from the address you type (for example your own site) to show it in the previews.

Rules & Limitations

The previews are close approximations. Google may rewrite titles and descriptions, and apps change their layouts from time to time.
The share image must be a public, absolute https:// address. Relative paths such as /images/og.jpg are not written into the tags.
50–60 characters for titles and 150–160 for descriptions are guidelines only: Google cuts by pixel width (about 600 px for titles).
Apps cache previews. After you change tags, refresh them with the Facebook Sharing Debugger or LinkedIn Post Inspector.
The keywords tag is offered for other tools that read it; Google and Bing ignore it.

Top Suggestions

Writing titles and descriptions that are not cut off in Google results
Making product and offer pages show a large image when shared on WhatsApp
Checking a blog post's preview card before sharing it on LinkedIn or X
Fixing missing og:image, og:url or canonical tags on an existing page

Meta Tag Generator FAQ

How do I add meta tags to my website?

Fill in the form, click Copy and paste the tags inside the <head> section of the page, before </head>. In WordPress, Wix or Shopify, use the SEO settings of the page or an SEO plugin instead, since they write these tags for you.

Why does WhatsApp not show my image when I share a link?

Usually the og:image is missing, is a relative path, is not public, or is too heavy. Use a full https:// address of a 1200 × 630 px JPEG or PNG and keep it under about 300 KB. WhatsApp also caches previews, so test with a new link or add ?v=2 to the URL.

What is the ideal length for a title and meta description?

Aim for about 50–60 characters for the title and 150–160 for the description. Google cuts by width, so wide letters fill the space sooner; the pixel counter shows when a title is likely to be cut.

What is the difference between meta tags and Open Graph tags?

The title and meta description are read by search engines like Google. Open Graph tags (og:title, og:image and so on) are read by WhatsApp, Facebook, LinkedIn and X to build the preview card when someone shares the link.

Do I need separate Twitter (X) tags?

Mostly no. X reads og:title, og:description and og:image when its own tags are missing, so the tool adds only twitter:card and, if you enter one, twitter:site.

Is the HTML I paste uploaded anywhere?

No. Pasted HTML is read in your browser, and its scripts do not run. The only request the tool makes is to load the share image you enter, from the address you typed, so it can check its size.