Opengraph

Controls how a webpage appears when shared on social platforms by using metadata in the HTML head to define the title, description, and image.

If you have added Open Graph tags expecting a direct ranking boost, you are using them for the wrong reason.

Key points

Always include og:title, og:description, og:image, and og:url on every page.
Test previews on each platform after publishing — caching can show stale data.
Use an image at least 1200×630 pixels for consistent rendering across networks.
Keep og:description under 200 characters to avoid truncation in previews.
Update tags on canonical pages to prevent mismatched previews when URLs are shared.
Verify Open Graph tags as part of your technical SEO checklist on all key pages.

A product page shared on Facebook and LinkedIn

An e-commerce site added og:title, og:description, and og:image to its product pages. The image was 800×400 pixels. On Facebook the preview showed a cropped, blurry image; on LinkedIn the image was missing entirely. After resizing the image to 1200×630 pixels and re-testing with the Facebook Sharing Debugger, both platforms displayed a clear, full-width preview. Click-through rate from social shares increased by 18% over the next month.

Three common mistakes with Open Graph

Missing core tags Leaving out og:title, og:description, og:image, or og:url means platforms guess your content, often badly. Always include all four on every page.
Wrong image size Using an image smaller than 1200×630 pixels can cause cropping or low resolution. Stick to the recommended aspect ratio of 1.91:1 for best results.
Platform differences Each social network handles tags slightly differently. LinkedIn may ignore og:image if it is too small; Twitter uses its own Card tags. Test each platform separately.

Three ways Open Graph fits into a broader SEO strategy

Works alongside Twitter Cards Twitter uses its own meta tags but falls back to Open Graph if they are missing. Implement both for full control over previews on that platform.
Complements SEO schema Schema markup, often called seo schema, helps search engines understand content; Open Graph controls social previews. Use both for different purposes — they do not conflict.
Checked by the Rich Results Test The Google Rich Results Test validates structured data, not Open Graph. Use the Facebook Sharing Debugger or LinkedIn Post Inspector to test OG tags.

Four situations where Open Graph changes your decision

Sharing a blog post on LinkedIn If your og:image is too small, LinkedIn may show no image at all. Ensure images are at least 1200×630 pixels for professional previews.
Running a social media campaign Consistent og:title and og:description across shares builds brand recognition and trust. Mismatched previews confuse users and reduce click-through rates, undermining campaign performance.
Publishing a video page Use og:type video and og:video tags to enable inline playback on Facebook. Without them, users see a static link instead of a playable preview.
Updating a canonical URL If you change a page's URL, update og:url to match. Otherwise shared links may point to the old address, breaking previews.

Common questions

What is the recommended Open Graph image size?

Use 1200×630 pixels at a 1.91:1 aspect ratio. This ensures consistent display across Facebook, LinkedIn, and most platforms.

How do I test Open Graph tags?

Use the Facebook Sharing Debugger or LinkedIn Post Inspector. Paste your URL and see exactly what each platform reads.

Does Open Graph affect SEO?

Not directly, but better social previews can increase click-through rate, which may indirectly benefit rankings.

Sources

Open Graph Protocol (ogp.me) Official specification for the Open Graph protocol.
Meta for Developers Facebook’s documentation on implementing and debugging Open Graph tags.
Google Search Central Google’s guidance on metadata and structured data, including how Open Graph relates to search.