Open Graph Generator

What are Open Graph Tags?

Open Graph (OG) tags are HTML meta tags that control how your page appears when shared on social media — Facebook, LinkedIn, Discord, Slack, WhatsApp, and more. Without OG tags, social platforms will attempt to guess your page's title, description, and image, often with poor results.

Essential Open Graph Tags

• og:title: The title displayed in the social share card. Keep under 60 characters.
• og:description: A brief description of the page. Keep under 155 characters.
• og:image: The image shown in the share preview. Use 1200 x 630 pixels for optimal display across platforms.
• og:url: The canonical URL of the page.
• og:type: The type of content — usually "website" or "article".
• og:site_name: Your website's name.

OG Image Best Practices

• Use 1200 x 630 pixels (1.91:1 ratio) for best display across all platforms
• Keep important text in the center — some platforms crop edges
• Use high contrast and readable fonts
• File size under 1MB for fast loading
• Use JPEG or PNG format