Meta & Social Preview

Preview how your page may appear in search and social shares, then generate the meta tags to match.

Metadata editor and previews

New metadata

Not checked yet

Waiting for metadata

Page metadata

For search results

0 characters

0 characters

The page’s public address. It’s only checked as text, never visited.

The address search engines should index. og:url uses it too.

Preview

Previews and fit estimates are approximations. Search engines may rewrite titles and snippets, and social platforms crop, resize and lay out cards their own way.

Social metadata

Open Graph and X

The public image address written into og:image and twitter:image. It isn’t downloaded.

Describes the image for people who can’t see it.

Preview image local only

No preview image

PNG, JPEG or WebP. Drop it here or choose one. Up to 8192 × 8192 px and 30 MB.

Shown only in these previews. It stays in your browser and is never written into the tags: the social image URL is what platforms use.

Need a social image? Open OG & Social Image Maker.

X card

Uses the social title, description and image

Card type

Summary large image shows a wide image; Summary shows a small square one. The tags use the standard twitter: names, which X reads.

Metadata check

Checks run as you add metadata.

Rule-based guidance from these previews and common practice, not an official validation by any search engine or platform.

Meta tags

No tags yet

Tags appear here as you add metadata.

Paste into the page’s <head>, replacing its existing title, description, canonical, Open Graph and Twitter tags. og:type is always “website”.

Metadata, HTML and images stay in your browser. Nothing is uploaded, and your page is never fetched.

Search previews are estimates

Search engines build every result themselves. They may show your title and meta description as written, shorten them, or replace them with text from the page, its headings or links to it. No tool can promise how a result will look.

The preview lays your text out in a desktop result about 600 px wide and a phone-sized one, then says whether it fits comfortably, sits close to the edge or is likely to be cut off. Character counts are there too, but width decides: a title of wide letters runs out of room sooner than one of narrow letters.

Open Graph and X tags

When a link is shared, Facebook, LinkedIn, messaging apps and many others read its Open Graph tags, and X reads its twitter: tags, falling back to Open Graph. Without them, each platform guesses from the page, so explicit tags make shares more predictable.

You write the metadata once. The page title and meta description carry through to the Open Graph and X tags unless you set a social title or description, and the social image URL is used for both. og:url uses the canonical URL, which defaults to the page URL. Blank fields are left out rather than filled with placeholders.

Social images

A wide image of about 1200 × 630 px suits most share cards; it’s a robust choice rather than a rule any one platform requires. Cards crop images to fit, and X’s Summary card shows a small square, so keep text and faces away from the edges.

The social image URL must be a full public address. The tool never downloads it: add a local copy as the preview image to see how it crops. Need an image? OG & Social Image Maker designs one at the right size.

Importing existing metadata

Paste a page’s HTML, or just its <head>, or choose a saved .html file. The tool reads the title, meta description, canonical link and Open Graph and X tags. When a tag appears twice, the first one wins; when the Open Graph and X values differ, the tool keeps the Open Graph value and tells you which ones differed.

The HTML is parsed in your browser as inert data: its scripts don’t run, its images, styles and frames aren’t loaded, and the page itself is never fetched.

Your metadata stays on your device

Metadata, HTML and images stay in your browser. Nothing is uploaded, and your page is never fetched. What you type, the HTML you paste or import and the preview image are handled only by your browser and are never sent to GetKineticHub for processing.

If you accept optional analytics, the tool reports only that a copy or an import finished, and whether imported HTML was pasted or came from a file. Titles, descriptions, URLs, handles, HTML, file names and images are never included.