When you share a web page on Facebook, LinkedIn, or WhatsApp, have you ever noticed how some links show a beautiful image, title, and description — while others look plain and unattractive?
That’s the magic of Social Media Open Graph!
In this guide, we’ll learn what Open Graph is, why it matters for your website, and how you can set it up easily (even if you’re not a tech expert).
What Is Open Graph?
Open Graph is a set of meta tags (special snippets of code) that tell social media platforms — like Facebook, LinkedIn, Twitter (now X), and WhatsApp — how to display your web pages when someone shares your URL.
Its like a “preview card” that shows:
- Your page title
- Your page description
- Image (thumbnail)
- Webpage URL
When you add these details in your website or webpage, its make your shared links look attractive and clickable.
Please remember that Open Graph tags don’t directly boost search rankings, they are very important for indirect SEO benefits like:
- Higher CTR : Attractive previews on social media = more people click your link.
- Increase Share : Good visuals and summaries encourage more people to share your content.
- Brand Consistency : You control what users see — your brand looks professional.
- Increase Engagement : More engagement on social media helps with brand authority, which indirectly improves SEO.
How to Set Up Open Graph in “All in One SEO” (AIOSEO)
Step-by-Step Setup
-
Login to WordPress Dashboard
Go to Plugins → Installed Plugins → All in One SEO.
-
Enable Social Media Integration
Go to:
All in One SEO → Social Networks
Make sure the toggle for “Enable Open Graph Markup” is turned ON. -
Add Your Social Profiles
-
Under Profiles, add links to your official social pages:
-
Facebook Page
-
Instagram
-
LinkedIn
-
X (Twitter)
-
YouTube, etc.
-
-
-
Set Default Social Settings
Under Facebook Tab:
-
Upload a Default OG Image (used when a page has no custom image).
📸 Recommended size: 1200 x 630 px. -
Set your default title and description format.
-
Do the same under Twitter Tab (Twitter uses its own “Twitter Card” tags, but AIOSEO handles it automatically).
-
-
Customize for Each Page or Post
-
Edit any page or post.
-
Scroll down to the AIOSEO Settings → Social Tab.
-
There, you can:
-
Add a custom image for that post.
-
Edit the social title and social description (different from your SEO title).
-
-
This helps you write more social-friendly previews.
-
Example: How OG Tags Look in Code
<meta property=”og:title” content=”Mahesh Gangrude – Digital Marketer & Trainer” />
<meta property=”og:description” content=”Learn digital marketing strategies, SEO, and online growth with Mahesh Gangrude.” />
<meta property=”og:image” content=”https://maheshgangrude.com/wp-content/uploads/2025/11/mahesh.jpg” />
<meta property=”og:url” content=”https://maheshgangrude.com/” />
<meta property=”og:type” content=”website” />
Above tags tell Facebook, LinkedIn, etc., exactly what to show when someone shares your link.
How to Test and Monitor Open Graph
| Platform | Tool | What It Does |
|---|---|---|
| https://developers.facebook.com/tools/debug/Sharing Debugger | Shows how Facebook sees your page (and any errors). | |
| https://www.linkedin.com/post-inspector/Post Inspector | Shows how your page will appear on LinkedIn. | |
| X (Twitter) | https://cards-dev.x.com/validatorCard Validator | Shows your Twitter card preview. |
Monitoring Performance
Use:
-
Google Analytics / GA4
-
Go to Traffic Acquisition → Source / Medium
-
Check traffic from Facebook, LinkedIn, Twitter, etc.
-
-
Meta Business Suite Insights
-
See how your posts perform (link clicks, shares).
-





Social Profiles