Open Graph Tags: Make Your Links Look Good When Shared
Preview how your page looks when shared on Facebook, Twitter, LinkedIn, and iMessage. Fix ugly link previews.
Try it now - free
Use BriskTool's free tool for this task
You share your website link on Facebook and it shows a random image, the wrong title, and a description from your footer. Or worse, no preview at all. Open Graph tags fix this.
What Are Open Graph Tags?
They're HTML meta tags that tell social platforms what to display when someone shares your link. Title, description, and image. Without them, platforms guess (and guess badly).
Preview Your Tags
The Open Graph Preview shows you exactly how your page looks when shared on Facebook, Twitter, LinkedIn, and iMessage. See the actual preview card before you share.
The Essential Tags
<meta property="og:title" content="Your Page Title" />
<meta property="og:description" content="A compelling description" />
<meta property="og:image" content="https://yoursite.com/image.jpg" />
<meta property="og:url" content="https://yoursite.com/page" />Image Tips
The OG image should be 1200 x 630 pixels. That's the size that works across all platforms. Smaller images get cropped or display as tiny thumbnails. Use a clear, eye-catching image with readable text. Remember that it displays at roughly 600px wide in most feeds, so small text will be illegible.
Use the Meta Tag Generator to create all your OG tags at once with the correct format.