Direct Answer: WordPress (Yoast, RankMath & Social Sharing) Open Graph Requirements
WordPress outputs Open Graph tags through the wp_head hook, typically managed by SEO plugins like Yoast SEO, Rank Math, All in One SEO, or Jetpack. When multiple plugins or active themes attempt to inject social meta tags simultaneously, search and social crawlers (Facebook External Hit, Twitterbot, LinkedInBot) encounter duplicate og:title, og:description, and og:image tags with conflicting image dimensions. Furthermore, if the server or security plugins block crawlers or omit og:image:width (1200) and og:image:height (630) headers, platforms like WhatsApp, LinkedIn, and Twitter fallback to small square thumbnails or fail to render the image entirely. Disabling redundant theme social outputs and standardizing on a single SEO plugin with explicit 1200x630 featured images resolves social preview bugs.
Fixing Duplicate og:image Declarations in WordPress Plugins
Technical deep dive into WordPress (Yoast, RankMath & Social Sharing) social metadata quirks, aspect ratios, and cache debugging
WordPress provides extensive social sharing plugins, but running multiple SEO and sharing tools simultaneously frequently results in corrupted HTML header metadata.
1. The Multi-Plugin Open Graph Tag Collision
A frequent error identified in WordPress audits is having two or more plugins active that both inject Open Graph tags:
- Yoast SEO + Jetpack: Both plugins output
og:image, resulting in 2 different images declared inwp_head. - Rank Math + Custom Theme: Themes with built-in social features outputting basic meta tags alongside Rank Math's comprehensive social graph.
When multiple images are declared, Facebook and LinkedIn often select the first (often smaller or unoptimized) image found in the HTML stream.
2. Why og:image:width & og:image:height Are Critical
When a link is shared for the very first time on platforms like Facebook or LinkedIn, their crawlers fetch the URL synchronously. If the HTML does not specify og:image:width and og:image:height, the platform cannot know the image aspect ratio in advance and will render a small square thumbnail instead of a full-width large banner. Including explicit dimension tags ensures full-width cards on the very first share.
3. Fixing CDN & Hotlink Protection Blocks
If you use Cloudflare, Sucuri, or Wordfence, ensure your security firewalls do not block crawler user-agents (facebookexternalhit/1.1, Twitterbot/1.0, LinkedInBot/1.0) or hotlink-protect image assets in /wp-content/uploads/.
// Add to child theme functions.php to force 1200x630 OpenGraph dimensions in Rank Math
add_filter( 'rank_math/opengraph/facebook/image_sizes', function( $sizes ) {
return [ 'width' => 1200, 'height' => 630 ];
});
// Disable Jetpack OpenGraph tags if Yoast SEO or Rank Math is active
add_filter( 'jetpack_enable_open_graph', '__return_false' );How to Configure & Audit WordPress Open Graph Tags (Step-by-Step)
Five proven engineering steps to deploy error-free social preview cards in WordPress (Yoast, RankMath & Social Sharing)
- 1
Audit wp_head for Duplicate OG Tags
View your WordPress page source and search for `og:image` to confirm only one SEO plugin (Yoast or Rank Math) is outputting social meta tags.
- 2
Disable Theme & Secondary Plugin Social Outputs
Turn off built-in theme social tags and add `add_filter('jetpack_enable_open_graph', '__return_false');` if Jetpack is installed.
- 3
Upload 1200x630 Featured Images
Ensure your post featured images or dedicated social share images are uploaded at exactly 1200 x 630 pixels in PNG, JPG, or WebP.
- 4
Set Default Social Fallback in SEO Plugin
Configure a high-resolution default Open Graph fallback image in `Rank Math > Titles & Meta > Global Meta` or `Yoast > Settings > Social`.
- 5
Validate in OmniSEO Social Previewer
Paste your WordPress post URL into our previewer to inspect live Twitter large banners, LinkedIn cards, and Facebook snippets.
WordPress Open Graph & Social Card FAQ
Troubleshooting social crawler cache, image aspect ratio cropping, and platform implementation details
Why does LinkedIn show a tiny square image instead of a large banner for WordPress posts?
LinkedIn requires explicit `<meta property='og:image:width' content='1200'>` and `<meta property='og:image:height' content='630'>` tags in your HTML. Without these dimensions, LinkedIn's crawler cannot verify the aspect ratio on the first share and defaults to a small square thumbnail. Ensuring your SEO plugin (Rank Math or Yoast) outputs image dimension tags fixes this issue.
How do I disable Jetpack Open Graph tags when using Yoast or Rank Math?
Add `add_filter( 'jetpack_enable_open_graph', '__return_false' );` to your child theme's `functions.php` file or a code snippets plugin. This disables Jetpack's duplicate Open Graph tags completely.
Why are my WordPress social images not updating after publishing changes?
Social platforms cache Open Graph tags aggressively for 7 to 30 days. To force an update, submit your post URL to the Facebook Sharing Debugger and LinkedIn Post Inspector, or append a versioning parameter (e.g. `?v=2`) when testing in Twitter/X.
CMS & Framework Open Graph Validators
Switch presets to audit Open Graph tags, Twitter Cards, and image dimensions for your specific stack
Inspect and debug Shopify Open Graph tags. Resolve product image crop issues, collection share cards, and duplicate og:title tags generated across conflicting theme Liquid files.
Audit WordPress social meta cards. Debug conflicts between Yoast SEO, RankMath, and Jetpack outputting duplicate og:image tags, and inspect CDN image protocols.
Validate dynamic social cards in Next.js App Router. Debug opengraph-image.tsx rendering, edge runtime dimension mismatches, and layout metadata inheritance.