What Is Open Graph? Social Media SEO Guide for 2026 | CrestVox Studio
Open Graph is a protocol developed by Facebook that allows any web page to become a rich object in social media feeds. When you share a link on Facebook, LinkedIn, Twitter, or other social platforms, Open Graph metadata controls what title, description, and image appear in the preview card. Without Open Graph tags properly configured […]
Open Graph is a protocol developed by Facebook that allows any web page to become a rich object in social media feeds. When you share a link on Facebook, LinkedIn, Twitter, or other social platforms, Open Graph metadata controls what title, description, and image appear in the preview card. Without Open Graph tags properly configured on your website, social platforms will either display a generic, unappealing preview or pull random content from the page, reducing the likelihood that users will click through to your content.
Why Open Graph Matters for Your Website
Social media is one of the largest sources of referral traffic on the internet. When someone shares a link to your website and the preview card looks professional, relevant, and visually compelling, click-through rates from social shares increase significantly. Open Graph gives you direct control over that first impression. A well-configured Open Graph setup turns every share of your content into a polished marketing asset rather than an inconsistent, auto-generated preview.
Key Open Graph Meta Tags
- og:title — The title displayed in the social media preview card. Can differ from the page’s SEO title.
- og:description — A short description of the page, typically 100-200 characters. Displays beneath the title in the preview card.
- og:image — The image displayed in the preview card. Recommended minimum size is 1200×630 pixels for optimal display across platforms.
- og:url — The canonical URL of the page. Helps social platforms attribute shares correctly.
- og:type — Describes the type of content: “website” for general pages, “article” for blog posts, “product” for e-commerce pages.
- og:site_name — The name of your website or brand, displayed in some social platforms’ preview cards.
Twitter Card Tags
Alongside Open Graph tags, Twitter (now X) uses its own set of meta tags called Twitter Cards to control how your content appears when shared on the platform. The most important Twitter Card tags are twitter:card (which controls the preview format: “summary”, “summary_large_image”, or “player”), twitter:title, twitter:description, and twitter:image. Many platforms default to Open Graph tags if Twitter Card tags are absent, but explicitly setting both ensures the best experience across all social channels.
How to Add Open Graph Tags in WordPress
In WordPress, Open Graph tags are handled automatically by SEO plugins like RankMath and Yoast SEO. Both plugins generate the correct Open Graph and Twitter Card tags for every page, post, and product automatically. They also allow you to set custom social preview images for individual pages, which is useful for ensuring important pages have visually strong preview cards that stand out in social feeds.
RankMath includes a dedicated Social tab in the post editor where you can set a custom Open Graph title, description, and image for each piece of content, separate from the SEO title and meta description. This allows you to write copy specifically optimised for social sharing rather than search results.
Testing Your Open Graph Tags
After configuring Open Graph tags, use the social platform debugging tools to verify your tags are being read correctly. Facebook provides its Sharing Debugger, LinkedIn has its Post Inspector, and Twitter offers the Card Validator. These tools show you exactly how your content will appear when shared and allow you to refresh the cached preview if you have updated your tags since the last time the page was shared.
At CrestVox Studio, we ensure Open Graph and Twitter Card tags are properly configured on every WordPress website we build, as part of a complete on-page and technical SEO setup. Combine properly configured Open Graph tags with a strong meta description, schema markup, and fast page speeds for a website that performs across search and social channels.