Skip to main content
ddevtools
ToolsBusinessGitHub (opens in new tab)
ddevtools
All ToolsBusiness ToolsGitHub (opens in new tab)
ddevtools

Free developer utilities that run entirely in your browser. Fast, private, and always free.

Developer Tools

  • JSON Formatter
  • Base64 Encoder
  • UUID Generator
  • Hash Generator
  • URL Encoder
  • Timestamp

Business Tools

  • Margin Calculator
  • Meeting Cost
  • Salary Converter
  • Date Calculator

Built with care. Your data stays in your browser.

  1. Home
  3. OG Preview

OG Preview

Preview how your links appear on social media

Twitter / X

example.com
Your Page Title
A description of your page that will appear in link previews on social media platforms.

Facebook

EXAMPLE.COM
Your Page Title
A description of your page that will appear in link previews on social media platforms.

LinkedIn

Your Page Title
example.com

Discord

Example Site
Your Page Title
A description of your page that will appear in link previews on social media platforms.

Slack

Example Site
Your Page Title
A description of your page that will appear in link previews on social media platforms.

Recommendations

  • Title: Keep under 60-70 characters for best display
  • Description: 150-200 characters recommended
  • Image: 1200x630 pixels (1.91:1 ratio) for large cards
  • Use og:image with absolute URLs for reliable display

Related Tools

  • Meta Tag Generator - generate OG tags
  • JSON Formatter - inspect structured data
  • URL Encoder - encode URLs

Frequently Asked Questions

Is this OG Preview tool free to use?
Yes, the OG Preview tool is completely free with no limitations. Preview how your links appear on Twitter, Facebook, LinkedIn, Discord, and Slack without any registration or restrictions.
Is my data private when using this tool?
When you fetch OG tags from a URL, the request goes through our server to avoid CORS restrictions, but we do not store or log any data. When entering data manually, all processing happens locally in your browser and nothing is sent to any server.
What are Open Graph tags and why do they matter?
Open Graph (OG) tags are meta tags that control how your content appears when shared on social media. They define the title, description, and image shown in link previews. Without proper OG tags, platforms may display incorrect or missing information, reducing engagement with your shared links.
Why do different platforms show my link differently?
Each platform interprets OG tags slightly differently and has its own display formats. Twitter uses its own twitter:card tags with fallback to OG tags, Discord adds a colored border and specific layout, while LinkedIn and Facebook stick closer to the OG specification. This tool helps you see exactly how each platform will render your link.
What image size should I use for OG images?
The recommended size for OG images is 1200x630 pixels (1.91:1 aspect ratio). This size works well across most platforms. Twitter large cards work best at this ratio, while smaller thumbnails on Discord and Slack will crop the image. Always use absolute URLs for images to ensure they load correctly.