Tool Web

OG & Meta Preview

Enter page information directly and compare search results and social share cards on one screen.

Enter meta information

Use the title, description, canonical, and OG values from the actual page.

Paste existing meta tags

The pasted text is never executed; only allowed title, description, canonical, Open Graph, and Twitter Card fields are read.

0 / 120

Long titles may be truncated depending on the platform.

0 / 320

Search engines and social platforms may choose different text or truncate it depending on context.

Only http or https URLs are allowed; URLs containing credentials are rejected.

Used only in generated tags. This tool does not request or display the remote image.

PNG, JPEG, WebP, GIF · Up to 5 MB. Used only for on-screen previews and never included in tags.

Preview by platform

Actual rendering may vary by platform, device, crawl status, and experiments.

Google

Example Toolsexample.com

X

1200 × 630
example.com

Facebook

1200 × 630
example.com

LinkedIn

1200 × 630
example.com

Meta tag draft

This HTML was generated from the current input. Review it against your site template and actual content before use.

Items to review

    How to use and notes

    1. Enter the page title, description, canonical URL, and site name.
    2. Use the OG image URL only to generate tags, and safely preview the card image with a selected local file.
    3. Compare truncation and information order across the four platforms, then copy the generated tags.
    4. After deployment, verify the actual crawl result with each platform's official inspection tool.

    This preview is an approximation to help you understand the layout. It does not guarantee the actual UI or visibility on Google, X, Facebook, or LinkedIn.

    After organizing your meta tags, use HTML Preview to check the page, then use Favicon Generator to prepare a browser icon, and finally use UTM URL Builder to add campaign values to your share links.