OpenGraph Preview Tool
See exactly how your page looks when shared across Facebook, LinkedIn, Discord, and Slack — before you post.
📖 How to Use the OpenGraph Preview Tool
Enter Your Page Details
Fill in your page title, description, image URL, and site name in the fields above.
Choose a Platform
Click Facebook, LinkedIn, Discord, or Slack to see how your link will appear on each platform.
Copy the Meta Tags
Hit "Copy Meta Tags" to get the ready-to-paste HTML code for your page's <head>.
Add to Your Site
Paste the generated tags inside your HTML <head> and deploy. Share your link to test live.
💡 About OpenGraph Tags
OpenGraph (OG) is an internet protocol created by Facebook that allows any web page to become a rich object in a social graph. When you share a URL on Facebook, LinkedIn, Discord, Slack, or most messaging apps, the platform reads your page's OG meta tags to generate a rich preview card — complete with title, description, and image.
Without proper OG tags, platforms fall back to guessing your content, often producing ugly or misleading previews. Correct OG metadata can dramatically increase click-through rates and engagement when your links are shared.
Key tags to include:
- og:title — The title shown in the card (ideally 60–90 characters)
- og:description — A concise summary (ideally 120–160 characters)
- og:image — Your card image; use at least 1200×630px for best results
- og:url — The canonical URL of your page
- og:type — Content type: website, article, product, etc.
- og:site_name — Your brand or website name