Hello,
Thank you for contacting us and sorry for any inconvenience that might have been caused due to that.
Can you please share some affected URLs here so that we can check the issue further for you?
However, please note that Rank Math selects an image for the og:image property based on the following priority.
1. Rank Math looks in the Social tab if there’s any image set for the OpenGraph image. If so, It ignores the fallback/default OpenGraph image, featured image or the image in the post content.
2. If there’s no image set in the social media/social tab, Rank Math looks for the featured image set in your post and ignores rest of other settings as mentioned in #1.
3. If no featured image is found, Rank Math looks into the post content. If there’s any image is found, Rank Math ignores the fallback image in settings.
4. Lastly, if Rank Math doesn’t find any featured image or images in post content, it sets the image from the settings default OpenGraph image (if you’ve set any).
Now, if you want to set the first image of your post content as OpenGraph image (og:image) you can the following filter to your website:
/**
* This following code snippet prioritizes 'first image' in post content, even if there's any image set in default OpenGraph image and featured image.
* In the beginning, It looks for the "first image" in the post content.
* If not found, this will skip it's part and the featured image will be set for 'og:image' property.
* If there's no featured image, the 'default OpenGraph image' from Rank Math settings will be applied.
**/
function get_first_image() {
global $post, $posts;
$first_image = '';
ob_start();
ob_end_clean();
$output = preg_match_all('/<img.+?src=[\'"]([^\'"]+)[\'"].*?>/i', $post->post_content, $matches);
$first_image = $matches[1][0];
if(empty($first_image)) {
/** Currently doing nothing
*
* You may try customizing the code here to set a default image if there's no image available inside post content.
* Or, you may leave it as it is.
**/
}
return $first_image;
}
add_filter( "rank_math/opengraph/facebook/image", function( $attachment_url ) {
global $post;
if (get_the_post_thumbnail_url($post->ID)) {
$attachment_url = get_first_image();
}
return $attachment_url;
});
add_filter( "rank_math/opengraph/twitter/image", function( $attachment_url ) {
global $post;
if (get_the_post_thumbnail_url($post->ID)) {
$attachment_url = get_first_image();
}
return $attachment_url;
});
Here’s how you can add filter/hook to your WordPress site:
https://rankmath.com/kb/wordpress-hooks-actions-filters/
Please be advised that, you can still override the code above by adding image in the Social media/Social tab for a specific post. That gives you the flexibility to set custom image for a specific post. In short, if you set any image in the social tab, that will be set for og:image property, even if the filter is active and will work for other posts as well.
Let us know how it goes. Looking forward to helping you.
