# Meta Tag Generator - SEO, Open Graph & Twitter Card Preview

> Free SEO meta tag generator & checker: title, description, canonical, robots, Open Graph, Twitter cards, hreflang, JSON-LD, with Google and social previews.

- URL: https://qilingtools.com/en/meta-tags
- Category: Developer Tools (https://qilingtools.com/en/dev)
- Tags: [Developer](https://qilingtools.com/en/tags/dev), [Frontend](https://qilingtools.com/en/tags/frontend)
- Last updated: 2026-10-26
- Price: Free, no sign-up
- Privacy: Runs locally in the browser; files are never uploaded

Whether a page earns the click in search results, and whether it turns into a good-looking card when shared, depends largely on a few lines in its <head>. Fill in the title, description, canonical URL, share image and so on, and get a complete <head> snippet: title and meta description, canonical, robots (index/follow plus directives such as max-image-preview), Open Graph (og:type, og:image with size and alt text, og:locale), X (Twitter) card tags, hreflang alternates with x-default, favicon, Apple touch icon, manifest and theme-color, plus JSON-LD structured data templates for WebSite, Organization, Article, Product and FAQ pages. Under the title and description you see both the character count and an estimated pixel width based on the font Google uses; titles beyond about 600px and descriptions beyond about 920px get truncated, and the preview truncates them the same way. Switch between Google result, Facebook / LinkedIn, X and WeChat share card previews. You can also inspect an existing page: paste its HTML source to list every tag found and flag problems such as missing descriptions, overlong titles, relative canonical or og:image URLs, invalid hreflang codes and broken JSON-LD, then load the existing tags into the generator with one click. Everything runs locally in your browser.

## How to use

1. Fill in the title, description, canonical URL and share image, then set robots, hreflang, icons and JSON-LD as needed
2. Switch between Google, Facebook, X and WeChat previews and tune the copy using the length and pixel meters
3. Copy or download the <head> code, or switch to Inspect a page and paste HTML to find issues

## Features

- Character and pixel-width meters with Google-style truncation
- Google, Facebook / LinkedIn, X and WeChat previews
- Open Graph, Twitter cards, canonical and robots
- hreflang alternates with x-default
- WebSite, Organization, Article, Product and FAQ JSON-LD
- Inspect existing HTML and report SEO issues
- Load existing tags into the generator
- Runs locally, nothing uploaded

## FAQ

### How long should the title and meta description be?

Google truncates by pixel width, not characters: on desktop roughly 600px for titles (about 50–60 characters) and about 920px for descriptions (about 150–160 characters). The tool estimates pixel width from the Arial glyph widths Google uses, and the meter turns red when text will be cut off. Search engines may still rewrite titles or pick their own snippet.

### What size should og:image be?

Use 1200×630 pixels (1.91:1), keep the file under 5 MB and give a full https URL — many platforms cannot fetch relative URLs. X’s large image card uses the same ratio; the small summary card crops to a square, so keep key content centred.

### Does WeChat use these tags for share cards?

When a link is opened inside WeChat and shared, WeChat usually reads the page title, og:description (or description) and an image from the page as the thumbnail; official accounts and pages using the WeChat JS-SDK use the values set through the SDK instead. The WeChat preview here shows how the title and description are clipped in a card.

### Does inspecting a page fetch the URL?

No. For privacy and cross-origin reasons the tool never requests URLs on your behalf; paste the page source (Ctrl+U or ⌥⌘U in your browser) and it is parsed locally. Images in the previews are loaded directly by your browser.

## Related tools

- [JSON Formatter](https://qilingtools.com/en/json): Free online JSON formatter: beautify or minify, validate with the exact line and column of any error, browse a collapsible tree, sort keys and escape strings.
- [Base64 Encode/Decode](https://qilingtools.com/en/base64): Free online Base64 encoder and decoder: UTF-8 safe, optional URL-safe variant, convert text to Base64 and back in real time. Processed locally, never uploaded.
- [URL Encode/Decode](https://qilingtools.com/en/url-encode): Free online URL encoder and decoder with encodeURIComponent and encodeURI modes. Escapes Chinese, spaces and special characters. Real-time and local, no upload.
- [JWT Decoder](https://qilingtools.com/en/jwt): Free online JWT decoder: decode the header and payload of a JSON Web Token, show expiry and issued-at times, all locally without uploading the token.
- [Timestamp Converter](https://qilingtools.com/en/timestamp): Free online Unix timestamp converter: convert timestamps and dates, auto-detect seconds or milliseconds, and show local, UTC, ISO 8601 and relative time.
- [Hash / Checksum](https://qilingtools.com/en/hash): Free online hash calculator: SHA-1, SHA-256, SHA-384 and SHA-512 of text or any file through the browser crypto API. Files never leave your device.
- [UUID Generator](https://qilingtools.com/en/uuid): Free online UUID generator: create RFC 4122 UUID v4 in bulk with a cryptographic RNG. Options for uppercase, no hyphens and braces, with one-click copy.
- [Base Converter](https://qilingtools.com/en/base-convert): Free online number base converter: convert between binary, octal, decimal, hexadecimal and any base 2–36. Uses BigInt for huge integers, computed locally.