Open Graph Preview

SEO

Preview how your page looks when shared on social media.

ttb run og-preview

og:url

og:image

og:title

og:description

Twitter / X Preview

TinyToolbox.co | Free Developer Tools

50+ free online tools for developers, designers, and creators. No login required.

www.tinytoolbox.co

Facebook Preview

www.tinytoolbox.co

TinyToolbox.co | Free Developer Tools

50+ free online tools for developers, designers, and creators. No login required.

Discord Preview

TinyToolbox.co | Free Developer Tools

50+ free online tools for developers, designers, and creators. No login required.

分享此工具：

如何使用 Open Graph Preview

Enter a URL or manually input your Open Graph meta tags (og:title, og:description, og:image). The tool renders a pixel-perfect preview of how your link will appear when shared on Facebook, Twitter/X, LinkedIn, Discord, and Slack. Verify your meta tags look correct before sharing.

Enter your parameters

Configure the inputs for the Og Preview according to your specific needs.

View real-time results

The utility instantly processes your request and displays the calculated outputs directly in your browser.

Copy or Download

Click the copy icon next to the final output to instantly grab the result, or export it if applicable.

常见问题

What are Open Graph tags?+

Open Graph (OG) tags are HTML meta tags that control how your page appears when shared on social media. They specify the title, description, image, and URL that social platforms display in link preview cards.

What image size should I use for og:image?+

The recommended size is 1200×630 pixels (1.91:1 aspect ratio). This works well across Facebook, Twitter/X, LinkedIn, and Slack. Keep important content centered and avoid text near the edges, as different platforms crop differently.

Open Graph Preview

如何使用 Open Graph Preview

Enter your parameters

View real-time results

Copy or Download

常见问题

更多 SEO 工具

Sitemap Extractor

robots.txt Validator

Meta Tag Generator

Robots.txt Generator