Open Graph (OG) tags are meta tags that control how your page appears when shared on social media and messaging apps. They determine the title, description, image, and URL in a share preview.
When someone shares your site on LinkedIn, Facebook, Slack, or WhatsApp, the platform reads OG tags to build a preview card. Without OG tags, platforms guess what to display � they often pick the wrong image, an irrelevant description, or no preview at all.
A clean, branded share preview increases click-through rates. For local businesses, every share is free marketing. A broken preview makes your site look unprofessional.
og:title � The title displayed in the share card. Keep it under 60 characters. It does not need to match your HTML title tag exactly, but it should be closely related.
og:description � A short summary, typically 2-4 sentences. Under 200 characters is ideal.
og:image � The image shown in the preview. Minimum size 1200x630 pixels. Use a high-quality image with your branding. Test with Facebook's Sharing Debugger.
og:url � The canonical URL of the page. This ensures shares count toward the correct URL.
og:type � The content type, usually 'website' for most pages. Articles, products, and videos have specific types.
OG tags go in the <head> section of your HTML. Most CMS platforms and SEO plugins support them natively. For WordPress, Yoast SEO and Rank Math automatically generate OG tags from your content.
Our free audit covers security, SEO, performance, mobile, design, and content.
Get your free audit