Issue with setting a global Social media image for sharing

#1018410
  • Resolved Chris Carpenter

    4 months, 2 weeks ago

    Rank Math free

    Hello.

    I wanted to create a change to my website so that instead of using the featured image as the social share image by default, it can use a global image. I have been trialling different code in functions.php, but have had no luck overriding it.

    This was what I had trialed: add_action(‘wp’, function () {
    if ( class_exists(‘RankMathOpengraph’) ) {
    remove_action(‘rank_math/head’, [ RankMathOpengraph::get(), ‘add_tags’ ]);
    }
    });
    add_action(‘wp_head’, function() {
    if ( is_product() ) {
    echo ‘
    <meta property=”og:title” content=”‘ . esc_attr(get_the_title()) . ‘” />
    <meta property=”og:type” content=”product” />
    <meta property=”og:url” content=”‘ . esc_url(get_permalink()) . ‘” />
    <meta property=”og:image” content=”https://www.dealconnect.co.uk/path-to-your-logo.png&#8221; />
    <meta property=”og:image:width” content=”1200″ />
    <meta property=”og:image:height” content=”630″ />
    <meta property=”og:site_name” content=”Deal Connect” />
    ‘;
    }
    });

    Could you please provide me with some input on how to amend this?

    Look forward to hearing from you!

Viewing 6 replies - 1 through 6 (of 6 total)
  • Reinelle

    4 months, 2 weeks ago

    Hello,

    Thank you for contacting Rank Math and bringing your concern to our attention.

    You can set the default Open Graph image in Rank Math > Titles & Meta > Global Meta > OpenGraph Thumbnail.

    Once done, add this filter to your website:

    add_filter( 'rank_math/opengraph/pre_set_content_image', function( $return ) {
	return true; 
});

    And here is a guide you can follow to add the filter:
    https://rankmath.com/kb/wordpress-hooks-actions-filters/

    Hope that helps.

    Chris Carpenter

    4 months, 2 weeks ago

    Rank Math free

    Hello Reinelle,

    Thank you for the reply. I have implemented this code and flushed my Cloudflare cache and object cache but am still seeing the feature image show up when auditing it via Facebook and Google:

    https://developers.facebook.com/tools/debug/?q=https%3A%2F%2Fwww.dealconnect.co.uk%2Fproduct%2F%25f0%259f%2594%25a5-lucrative-commercial-to-resi-flip-in-east-devon-190k-projected-profit%2F

    How long would they expect to be replaced? I added the code a few hours ago and was hoping it would now reflect when fetching it as part of a new scrape.

    Please advise if I am doing anything wrong or what other options I need to explore.

    Thanks,

    Reinelle

    4 months, 2 weeks ago

    Hello,

    The image shown in the Facebook debugger tool is coming from the og:image tag.

    Please ensure that you have not added that image under the Social tab while editing the page

    social

    Also, ensure that the image you have set in Rank Math > Titles & Meta > Global Meta > OpenGraph Thumbnail is as close as 1200 x 630 pixels, and the image file format you are using is only between jpeg, gif, or png as per Opengraph Standards.

    If the issue persists, then we might need to take a closer look at the settings. Please edit the first post on this ticket and include your WordPress & FTP logins in the designated Sensitive Data section.

    Please do take a complete backup of your website before sharing the information with us.

    Sensitive Data Section

    It is completely secure and only our support staff has access to that section. If you want, you can use the below plugin to generate a temporary login URL to your website and share that with us instead:

    https://wordpress.org/plugins/temporary-login-without-password/

    You can use the above plugin in conjunction with the WP Security Audit Log to monitor what changes our staff might make on your website (if any):

    https://wordpress.org/plugins/wp-security-audit-log/

    We really look forward to helping you.

    Chris Carpenter

    4 months, 2 weeks ago

    Rank Math free

    Hello,

    I have updated the sensitive data as requested. Can you please check further?

    Thank you.

    Chris Carpenter

    4 months, 2 weeks ago

    Rank Math free

    It is set but only as its pulling it in by default from the feature image, not set manually.

    Thanks

    Jeremy

    4 months, 1 week ago

    Hello,

    Thank you so much for getting in touch.

    If your goal is to forcibly use a manually entered image path for your Open Graph images, you can try the following code instead:

    add_filter("rank_math/opengraph/facebook/image", function ($image_url) {
	$image_url = "https://www.dealconnect.co.uk/path-to-your-logo.png";
	return $image_url;
});

    Can you please confirm if this achieves your goal?

    Looking forward to helping you.

    RankBot

    3 months, 1 week ago

    Hello,

    Since we did not hear back from you for 15 days, we are assuming that you found the solution. We are closing this support ticket.

    If you still need assistance or any other help, please feel free to open a new support ticket, and we will be more than happy to assist.

    Thank you.

Viewing 6 replies - 1 through 6 (of 6 total)

The ticket ‘Issue with setting a global Social media image for sharing’ is closed to new replies.