Force og:image from custom field

Hello,

I apologize for the inconvenience you’ve experienced with the default Open Graph image not displaying correctly. To force the og:image from custom fields, you can use the following filters:

For the first custom field (field_category_photo):

add_filter( 'rank_math/opengraph/image', function( $image ) {
    // Replace 'field_category_photo' with your actual custom field name
    $custom_image = get_post_meta( get_the_ID(), 'field_category_photo', true );
    if ( ! empty( $custom_image ) ) {
        return $custom_image;
    }
    return $image;
});

For the second custom field (field_camp_category_photo):

add_filter( 'rank_math/opengraph/image', function( $image ) {
    // Replace 'field_camp_category_photo' with your actual custom field name
    $custom_image = get_post_meta( get_the_ID(), 'field_camp_category_photo', true );
    if ( ! empty( $custom_image ) ) {
        return $custom_image;
    }
    return $image;
});

You can add these filters using the Code Snippets plugin or directly to your theme’s functions.php file.

After adding these filters, please check the sample pages you provided:

• Bowling Birthday Party
• Art & Craft Camps

If you encounter any issues or need further assistance, please feel free to reach out to us. We’re here to help!

Thank you for bringing this to our attention.

Sources:
How to Fix the ‘og: image’ Property Should Be Explicitly Provided » Rank Math
Open Graph Meta Tags » Rank Math
Open Graph/Social Preview Image Is Not Displayed » Rank Math
How to Configure Sitemaps in Rank Math – Best Settings and Tips
Rank Math SEO Filters and Hooks for Developers – Rank Math