Skip to content
Glossary / On-Page SEO / Open Graph Meta Tags

Open Graph Meta Tags

Definition

Open Graph meta tags are HTML elements that control how your content appears when shared on social platforms like Facebook, LinkedIn, and Slack. These tags specify the title, description, image, and other metadata that social networks display in link previews, helping you control your brand presentation and improve click-through rates from social shares.

Key Points
01

Control Your Social Sharing Appearance

Open Graph tags let you define exactly how pages look when shared, preventing social platforms from auto-generating poor or misleading previews that hurt click-through rates.

02

Improve Click-Through Rates from Social

Well-optimized OG tags with compelling titles and eye-catching images increase engagement when your content is shared, driving more qualified traffic back to your site.

03

Different Content for Search vs. Social

Open Graph titles and descriptions can differ from your meta tags, allowing you to optimize separately for search rankings and social engagement without compromise.

04

Essential Tags Drive Results

Focus on og:title, og:description, og:image, and og:type as your core tags. These four properties control the majority of how your content displays across social platforms.

05

Image Dimensions Matter for Display

Social platforms have specific size requirements—Facebook recommends 1200x630 pixels for og:image. Images that don't meet specs may display cropped or distorted, reducing shareability.

06

Ecommerce Products Need Additional Tags

Product pages benefit from og:type="product" plus additional tags like product:price and product:availability, helping ecommerce sites display richer information when products are shared.

Frequently Asked Questions
What's the difference between Open Graph tags and meta descriptions?

Open Graph tags control social sharing appearance while meta descriptions affect search results. They serve different platforms and can have different content optimized for each context.

Do Open Graph tags directly impact SEO rankings?

Open Graph tags don't directly influence search rankings, but they improve social engagement and traffic quality. More shares and clicks from social can indirectly benefit your overall visibility.

Which Open Graph image size works best?

Use 1200x630 pixels for og:image—this size works across Facebook, LinkedIn, and Twitter. Smaller images may appear blurry or get rejected, while larger files slow page load unnecessarily.

How do I test if my Open Graph tags are working correctly?

Use Facebook's Sharing Debugger or LinkedIn's Post Inspector to preview how your tags display. These tools show exactly what social platforms see and identify any implementation errors.

Need help putting these concepts into practice? Digital Commerce Partners builds organic growth systems for ecommerce brands.

Learn how we work