utils logo UTILS
Free online tools to generate, calculate,
convert, format, encode, and play.
 

Open Graph Tags

Generate Open Graph meta tags and preview how your content appears when shared on Facebook, Twitter, LinkedIn, Discord, and more.

Page Information

0/60 characters
0/200 characters
Recommended size: 1200 x 630 pixels. Minimum: 200 x 200 pixels.

Social Preview

example.com
Your Page Title
Your page description will appear here.

Content Details

Recommended: 1200x630px for best results

Facebook Preview

EXAMPLE.COM
Your Title Here
Your description will appear here

Twitter Preview

Your Title Here
Your description will appear here
example.com

LinkedIn Preview

Your Title Here
example.com

Generated Meta Tags

About Open Graph Protocol

Open Graph is a protocol created by Facebook that enables any web page to become a rich object in a social graph. When properly implemented, your links will display with images, titles, and descriptions on social media. By adding OG meta tags to your page's <head>, you define the title, description, image, and other metadata that platforms use to render link previews.

Required Tags
  • og:title — The title of your content
  • og:type — The type of object (website, article, etc.)
  • og:image — URL to the preview image
  • og:url — The canonical URL of the page
Recommended Tags
  • og:description — A brief summary of the content
  • og:site_name — Name of the website
  • og:locale — Language and region
  • og:image:alt — Alt text for the image
Image Guidelines
  • Recommended size: 1200 x 630 pixels
  • Minimum size: 200 x 200 pixels
  • Aspect ratio: 1.91:1 for best results
  • Max file size: 8 MB (Facebook limit)
  • Format: JPG or PNG, under 5MB recommended
Platform Support
  • Facebook — Full OG support
  • LinkedIn — Uses OG tags for previews
  • Twitter — Falls back to OG when Twitter Cards missing
  • Discord — Renders OG embeds
  • Slack, iMessage — OG-based previews

Related Utils

Meta Tags Twitter Card Structured Data Keyword Density Canonical URL Checker Broken Link Checker

Feedback

Help us improve this page by providing feedback, and include your name/email if you want us to reach back. Thank you in advance.


Share with