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