LinkedIn og:image does not work on Landing page

Hello @itinchev,

Thank you for contacting support.

Please make sure that the image you are trying to add to the specific page meets the minimum requirements in terms of sizing and doesn’t exceed the maximum.

The minimum is set at 200×200 and the maximum at 2000×2000.

If the image is within those parameters, please check if the data on the pages are getting saved properly by making a slight change in the focus keyword and saving it. If it doesn’t save please go through this troubleshooting guide here: https://rankmath.com/kb/meta-data-not-saving/

Hope this helps pinpoint the issues.

Don’t hesitate to get in touch if you have any other questions.

Hello @rankmathteam,

The page content is saved correctly. The image is also updated correctly in the Social Tab of the Snippet Editor. However the image does not replace the default OpenGraph Thumbnail for social media set in the Global Meta settings.

Hello @itinchev,

Can you please try clearing your browser, site, plugin, or any server-level cache to see if that helps? Also, make sure you’re not using any filter to bypass the OpenGraph image placements.

Looking forward to helping you. Thank you.

Hello,
We still have the issue even when all other plugins (except elementor) are off. All server side and local cache are cleared.

The default OpenGraph Thumbnail image is displayed when it is set in Global Meta. But when we have a specific image for post/page we do not get it in the result code of the website: https://prnt.sc/sHlwfyhjqGFr
The size of the image is 1200 x 630 and it is PNG or JPG format.

We have other websites with the same plugins installed and we do not see the issue there.

Important note:
We do not see the issue for posts/pages/CPTs but on Landing pages only. (We do not have landing pages on other websites.) And the current domain name/website has landing pages for now only.

Hello @itinchev,

To make sure it’s not an issue with the image, could you please try the same image you are trying to add to the landing page and setting it up as the default OpenGraph image?

If that doesn’t help show the image, please share the URL of the image so we can see if something is wrong with it.

Looking forward to helping you.

The image we are trying is the same in both the default OpenGraph image and the one for the landing page. In the first case it appears in the code and it the second it does not. We have tried different images on several landing pages and the default OpenGraph image and it only shows when the default image is set. We came up to the point to put a default image and then refresh the landing page link in the social network/s, then put another and refresh it in the social network and again for third page. We just must not refresh them again (they are now kept with the fetched old image in the social network/s). The image is not the problem but the display of it when it is not a default for OpenGraph.

Hello? Anyone?

Hello @itinchev,

Can you please share some of the affected URLs?

Please share the URLs of the affected page with an issue and another URL where the og:image tag is working fine.

If you are able to share the URL of the image you wish to apply to the affected page, you may also share it here.

Looking forward to helping you.

Hello @rankmathteam,

Thank you for your reply.

May I send you the links in a private way somhow? Those are landing pages for specific audiences and we do not want to publish them for public access.

PS: The domain name has landing pages only for now, so actually non of the landing pages works correctly. All of them show the Global OpenGraph image even when they have one attached to the concrete page. The image attached which is using RankMath fields for the page is ignored.

• This reply was modified 1 year, 9 months ago by Ivaylo Tinchev.

Hello @itinchev

Sorry to disappoint but these forums do not have a feature and does not allow that.

You might want to read the following topic on how to reach out to Rank Math’s support:
https://www.ads-software.com/support/topic/attention-read-this-before-posting/

Looking forward to helping you. Thank you.

OK. Then here is a link to an event page that is more of a public type:
https://www.stp.one/legaltech-days/
As you can see from the source, the general image is in og:image. If we remove it, the specific image set for the page does not appear there.

And here is the image as it should appear in the moment (but it does not):
https://prnt.sc/aY4gYLE9_si6

Hello @itinchev,

We just tested again in our local installation the situation with Elementor and the landing pages were taking the specific image in favor of the default one when that was set on the page.

To further debug this, after setting the image on the page, please share the data inside the database for the meta key rank_math_facebook_image for the post ID relative to the landing page shared previously.

This key can be found on the postmeta database table.

Looking forward to hearing back from you.

Hello,

The link in the database for this meta key is correct:
https://www.stp.one/wp-content/uploads/2023/03/Roadshow2023-Social-media-new.jpg

Hello @itinchev,

We checked again on our end and the social image set in the social tab is working fine for Elementor’s landing pages. Please add the following filter to your site and see if it works fine after that:

add_filter( "rank_math/opengraph/facebook/image", function( $attachment_url ) {
global $post;
if($post->post_type == 'e-landing-page') {
return get_post_meta($post->ID, 'rank_math_facebook_image', true);
}
return $attachment_url;
});

Here is how to add a filter to your site: https://rankmath.com/kb/wordpress-hooks-actions-filters/

Let us know how that goes. Looking forward to helping you.