When someone shares a link to your page on Facebook, Twitter, LinkedIn, Pinterest, or any other social platform, the platform reads special meta tags from your page to determine what title, description, and image to display in the share preview. These tags are called Open Graph (OG) tags, and they control how your content looks when it appears in social feeds. A well-configured share preview with a compelling image and title gets dramatically more clicks and engagement than a bare URL with no preview or a broken image. SEO Forge generates these tags automatically for every page on your site.
Why Social Sharing Tags Matter
Social media drives a significant portion of website traffic. When your content gets shared, the share preview is your advertisement in someone’s feed. A post with a large, relevant image, a clear title, and a compelling description will outperform a share that shows a broken image, your homepage title, or a random excerpt.
What SEO Forge Outputs Automatically
For every page on your site, SEO Forge adds the following meta tags to the HTML head:
| Tag | What It Controls | Where It Gets the Value |
|---|---|---|
og:title | The title shown in the share preview | Your SEO title, or post title if no SEO title is set |
og:description | The description below the title | Your meta description, or post excerpt as fallback |
og:image | The preview image | Per-post Social Media Image → stored social image URL → featured image → WooCommerce placeholder (products) → site default OG image |
og:url | The canonical URL of the page | The page permalink |
og:site_name | Your website name | Your WordPress site name from Settings > General |
og:type | The content type | “article” for posts, “website” for the homepage |
twitter:card | The Twitter card type | “summary_large_image” when the page has an OG image, “summary” when there’s no image |
twitter:title | Title on Twitter/X | Same as og:title |
twitter:description | Description on Twitter/X | Same as og:description |
Per-Post Title & Description Overrides for Social
Sometimes the title that ranks well in Google reads awkwardly on Facebook or X — too long, too keyword-stuffed, or just less playful than your brand voice on social. The Social tab lets you write a different title and description specifically for social media without changing what Google shows.
The four override fields:
- og:title overridereplaces the Facebook/LinkedIn/Telegram title for this post. Leave empty to reuse the SEO Title.
- og:description overridereplaces the Facebook/LinkedIn/Telegram description. Leave empty to reuse the Meta Description.
- twitter:title overrideseparate title for Twitter/X. Leave empty to reuse the og:title (or the SEO Title if that’s also empty).
- twitter:description overrideseparate description for Twitter/X. Leave empty to fall back to og:description / SEO description.
The fallback chain is twitter: override → og: override → SEO field → post title/excerpt, so you only fill in what you actually want different. Most posts won’t need any of these — the defaults work — but for high-share content where the social wording really matters, the controls are there.
Step-by-Step: Setting a Per-Post Social Media Image
Sometimes your featured image is tuned for your website layout (tall, cropped for a hero strip) but social networks need something wider and centered. You can set a different image for social sharing on any post without affecting the on-page featured image:
- Open the post in the editor.
- In the SEO box, switch to the Social tab.
- Click Select image under Social Media Image.
- Pick an image from the Media Library (or upload a new one — ideally 1200 × 630 px).
- The Social Preview card under the picker updates immediately so you can see how it’ll look on Facebook / LinkedIn / Telegram.
- Save the post.
After saving, the og:image tag uses your picked image. Remove it with the Remove button to fall back to the featured image or site default.
- Per-post Social Media Image (Social tab)
- Stored social image URL if the attachment ID is no longer resolvable
- Featured image on the post
- WooCommerce placeholder image on product pages
- Site-wide default OG image (Settings → Social)
Step-by-Step: Setting a Default OG Image
If a post does not have a per-post or featured image, social platforms will show no image, a tiny site icon, or a random image from the page. To prevent this:
- Go to SEO Forge → Settings in the WordPress sidebar.
- Open the Social tab in the left sidebar.
- In the Default Social Image card, click Select Image and choose an image that represents your brand (your logo on a colored background works well, or a branded banner).
- Recommended size: 1200 × 630 pixels — optimal on both Facebook and Twitter.
- Click Save Settings.
- This image is now used as a fallback for any page that does not have a per-post or featured image.
Best Practices for Social Images
| Guideline | Why It Matters |
|---|---|
| Use 1200 x 630 pixels | This is the optimal size for both Facebook and Twitter — no cropping, no blurriness |
| Keep text minimal | Some platforms crop the edges, so important text should be centered |
| Use your brand colors consistently | Builds recognition when your content appears in crowded social feeds |
| Avoid generic stock photos | Unique, relevant images get more engagement than generic ones |
| Set a featured image on every post | Ensures each share preview shows a relevant image, not just the default |
Step-by-Step: Testing Your Social Sharing
Before sharing an important page, test how it will look on each platform:
- Facebook: Visit the Facebook Sharing Debugger (search “Facebook Debug Tool” in your browser). Paste your URL and click Debug. The tool shows the exact title, description, and image Facebook will display.
- Twitter/X: Paste your URL into the Twitter Card Validator to see the preview.
- LinkedIn: Create a new post on LinkedIn and paste the URL to see the preview before publishing.
- If the preview shows old or incorrect information, click Scrape Again in the Facebook debugger to clear the cache.
Real-World Example
Imagine you publish a blog post about “10 Best Hiking Trails in Colorado” with a beautiful mountain photo as the featured image. When someone shares your URL on Facebook, the share preview shows:
- Image: Your mountain photo at full width (1200 x 630)
- Title: “10 Best Hiking Trails in Colorado | Adventure Blog”
- Description: “Discover the top hiking trails in Colorado, from easy family walks to challenging summit routes. Includes difficulty ratings, distance, and best time to visit.”
Now imagine the same post with no featured image and no meta description. The share preview shows a tiny site icon, the raw post title, and the first random sentence from the page. Which share gets more clicks?
> Tip: If you update a page’s title, description, or image and the old version still shows on social media, use the Facebook Sharing Debugger to clear the cache. Social platforms cache your page data aggressively, so changes may not appear immediately without manually purging the cache.
> Good to know: SEO Forge generates both Open Graph tags (used by Facebook, LinkedIn, Pinterest) and Twitter Card tags (used by Twitter/X). You do not need to configure these separately — both are handled automatically from the same data.
Common Mistakes
- Not setting a default OG image. Posts without featured images show no image in social shares, which dramatically reduces engagement.
- Using images smaller than 1200 x 630. Small images get cropped or displayed in a tiny “thumbnail” format instead of the large card format.
- Forgetting to set a featured image on important posts. The default OG image is a fallback — it works, but a relevant post-specific image is always better.
—