Shiklo Tools
PDF40
Image20
Calculators & Converters25
Text & Writing13
Developer26
Video14
Audio14
Document14
Data & Spreadsheet12
Web & SEO9
OCR & Scanning5
Archive & File12
Security & Privacy23
Health & Medical29
QR & Barcode5

Meta Tag Generator

Generate the title, meta description, canonical, robots, Open Graph and Twitter / X tags for a page, with Google and social previews.

Meta tags tell search engines and social networks what a page is about and how to show it. The Meta Tag Generator writes them for you: fill in the page title, description, address and share image, and copy ready-made HTML for the head of your page, including the canonical link, the robots directive, Open Graph tags for Facebook, LinkedIn, WhatsApp and Slack, and Twitter / X card tags.

While you type, length meters measure the title and description in pixels, the way search results cut them, and two previews show roughly how the page will look in Google and when shared on social media. Special characters are escaped correctly, and warnings point out common mistakes such as a relative image address.

How to use Meta Tag Generator

  1. Write the page title and meta description and watch the length meters.
  2. Add the page address, the share image URL, the site name and optionally your X account.
  3. Choose the page type, the X card size and whether search engines may index the page.
  4. Check the previews, then copy the HTML into the head section of your page.

Features

  • Title, meta description, canonical and robots tags.
  • Open Graph: title, description, type, URL, image, image alt, site name, locale.
  • Twitter / X card: large image or summary, with your account.
  • Pixel-based length meters for title and description.
  • Google result and social card previews.
  • Warnings for relative or http image links and noindex.
  • Correct HTML escaping of quotes, ampersands and angle brackets.
  • Optional charset and viewport tags for a new page.

Recommended lengths

Search engines cut titles and descriptions by width in pixels rather than by a fixed number of characters, so a title full of wide letters like W and M is cut sooner than one with narrow letters. The meters measure your text in the font Google uses and give a character count as well.

TagAim forCut off around
Title30–60 characters580 pixels on desktop
Meta description70–160 characters920 pixels (about two lines)
og:titleSame as the title, or shorter and punchierTwo lines in most feeds
og:image1200 × 630 pixels, under 5 MBCropped to 1.91:1 on most networks

Which tags matter for SEO

The title tag is one of the strongest signals of what a page is about and is usually shown as the clickable headline in search results. The meta description doesn't affect ranking directly, but a clear, specific description is often shown under the title and makes people more likely to click. The canonical link tells search engines which address is the main one when the same content can be reached at several URLs. The robots tag can keep a page out of search results with noindex. The old keywords meta tag is ignored by Google and Bing, so it is not generated.

Open Graph and X cards

When someone shares your link on Facebook, LinkedIn, WhatsApp, Slack, Discord or iMessage, the app reads the Open Graph tags to build the preview card: og:title, og:description, og:image and og:url. X (Twitter) reads its own twitter:card tags and falls back to Open Graph for anything missing. Without these tags, apps guess from the page and often pick the wrong image or no image at all. The share image must be a full https address; a relative path like /images/share.jpg does not work.

Testing your tags

After publishing, check the live page with the networks' own tools: the Facebook Sharing Debugger and the LinkedIn Post Inspector show exactly what they read and let you refresh their cached copy, and Google Search Console's URL Inspection shows how Google sees the page. Social networks cache previews, so after changing an image you may need to ask them to scrape the page again.

Frequently asked questions

Where do I put these meta tags?

Inside the head section of the page's HTML, before the closing head tag. In WordPress, Shopify or similar systems, use the SEO fields or an SEO plugin instead of editing HTML.

How long should a meta description be?

About 70 to 160 characters. Longer descriptions are usually cut off with an ellipsis in search results.

Does Google always show my meta description?

No. Google may write its own snippet from the page when it thinks that matches the search better, but a good description is used often.

What size should the share image be?

1200 × 630 pixels (1.91:1) works on Facebook, LinkedIn and X. Keep important content away from the edges, as some apps crop it.

Do I need both Open Graph and Twitter tags?

Open Graph covers most apps. X can use Open Graph too, but adding twitter:card lets you choose the large-image card.

What does noindex do?

It asks search engines not to show the page in results. Use it for thank-you pages, internal search results or staging sites, never for pages you want found.

Is the meta keywords tag still useful?

No. Google and Bing ignore it, so this generator leaves it out.

Related tools