I’ve seen some people with this same problem and documenting it in Yoast which we never used in this website but by looking into their problems and support answers it could help us reach the solution here in Rank Math, so I’ll leave a link to one of the reports in Yoast support forum:
https://wordpress.org/support/topic/provided-ogimage-could-not-be-processed-as-an-image-because-it-has-an-invalid/
They seem to suggest restoring .htaccess file. I wonder if it would actually help and how could we do it, if we won’t loose any of the code that plugins have written in there.
Hello,
Thank you for contacting Rank Math support, and sorry for any inconvenience that might have been caused due to that.
It seems that the article post you shared is currently showing an old version as it is generating a missing image being added to og:image tag.
I checked the affected page and it seems it has a different issue from the topic from Yoast. The current image you added (not cached) is not in the standard size that social media usually used.
Please set the image of the recommended dimensions (i.e, 1200px X 630px) and of the supported image types (jpeg, png, and gif).
Clear your website cache after doing so and check again.
Let us know how that goes.
We are looking forward to helping you.
Hi Jeremy, thank you for your suggestion. Unfortunately it didn’t work.
I’ve uploaded a Feature Image in 1280x720px for testing and cleared the cache as you suggested and then ran the Facebook debugger and twitter card to test if it would show, and tried to share the article directly from it’s page to test it out too, but the Feature Image didn’t show up in any of the tests.
You can check this url where I’ve made the tests: https://maisalgarve.pt/2022/07/19/marina-de-vilamoura-international-boat-show-foi-uma-edicao-de-notavel-sucesso/
I think it’s related somehow with the following: As you said, it tries to fetch the image but despite being .jpg and above the standard social media measures required, I see that it keeps replacing the feature image with the logo image that we had set in the OpenGraph Thumbnail
for replacing when feature image isn’t available.
But this image for replacing is also a small image representing the logo of the website, so it won’t display either. We have removed this OpenGraph Thumbnail about a week when I first started going through to try to force it not to replace, this but it seems to be trying to fetch the logo anyways as you can see in the Facebook Debugger: https://developers.facebook.com/tools/debug/?q=https%3A%2F%2Fmaisalgarve.pt%2F2022%2F07%2F19%2Fmarina-de-vilamoura-international-boat-show-foi-uma-edicao-de-notavel-sucesso%2F
Hi guys, This is kind of urgent. I’ve been through this for 2 whole weeks, in forums, my theme support wasted a whole week then directed me to my SEO Plugin support, which is why I’m here, and it’s been weeks searching for possible answers, and waiting for support, and this client really needs us to fix this or know how to fix because as a news outlet it’s really hurting their business.
Just for reference, in the preview snippet editor, we can see that there the image appears, but the problem persists that when we try to share the post it doesn’t show.
preview snippet editor: https://drive.google.com/file/d/1ugKogGc6YuzV9mo-W6Db0Pecte750CCA/view?usp=sharing
Also, I don’t know why my second reply to this post is showing as if I had sent it an hour ago, I’m sure I sent it 2 days ago and yesterday I spent the day refreshing this ticket.
Hello,
Sorry for the delay.
I checked the page source of your pages, and the featured images on your website are in webp format which is not supported by the og:image tag.
The jpg image that the debugger is fetching is also returning 404 error which is why the preview is not generated.
Can you please set a jpg image with 1200px X 630px dimension for the page and scrape the URL again with the debugger?
If it does not work, you can try sharing the URL directly on Facebook as sometimes the debugger is not able to fetch the image from the URL.
Let us know if the issue persists.
We are here to assist you.
Hi Anas,
I’ve checked your suggestions. Someone in the back office activated a plugin that served all images in webp and the images themselves were giving a 404 error because they were being served through a CDN. With that cleared out though, and using exactly 1200x630px, or above, the issue persistes and still the feature images simply don’t display when sharing.
Check this link with the changes: https://maisalgarve.pt/2022/07/22/loule-1a-edicao-do-festival-de-jazz-bernardo-sassetti/
(As the feature for webp and CDN I mentioned was turned off, the newest images in the server are no longer giving 404 but in the article that I’ve given before, in the last posts I made here, the image is still giving 404 so while I’m still figuring it out what could they possibly have setup for this 404 error to occur, I suggest checking this newest posts such as Bernardo Sassetti’s.)
Hello,
I checked the page and the image here also returns a 404 error. Here’s a quick screencast: https://i.rankmath.com/8xDIBO
Please head over to your WordPress admin area > Settings > Permalinks, and hit the “Save Changes” button without making any changes.
Then clear your website, browser, and server’s cache (if any) and see if that helps.
If not, just to be sure, you can follow this guide to see if there’s a plugin/theme causing the issue: https://rankmath.com/kb/check-plugin-conflicts/
If that doesn’t help either, you can delete the image from the website and add it again. Then update the post and check again.
Let us know how that goes.
Thank you.
Hi Prabhat
Just to keep everyone in track. I figured it had to do with Imagify plugin. I was able to restore this image and clear cache and go to permalinks and save. Now it isn’t displaying 404 anymore.
check: https://maisalgarve.pt/wp-content/uploads/2022/07/Jazz-Bernardo-Sassetti-Loule-2.jpg
But when I try to debug with Facebook debugger it still isn’t fetching the image in any social media.
Hello,
I checked the image and it’s still showing the 404 error.
https://i.rankmath.com/Pd7c2X
Could you please deactivate the Imagify plugin and see if the issue gets fixed?
Looking forward to helping you.
Thank you.
I’ve asked a couple of people to open the same image and they didn’t get that 404 page. I think it might be your cache. This is a screen recording of them accessing the image: https://drive.google.com/file/d/1lBH6SbMX2Sw1iQUx7p8p7Aey1jHhnflo/view?usp=sharing
Please just confirm that you’ve cleaned the cache for this website and see if you still get 404. Everyone in here is getting to open up the image page as it should, still all social media won’t fetch it.
Hello,
I checked in an incognito window in Chrome and it is still returning a 404. Also checked with https://httpstatus.io/ and it is also showing a 404 error for that URL.
Check this screencast: https://i.rankmath.com/hNCuCg
Could you please deactivate the Imagify plugin and see if that fixes the issue?
Looking forward to helping you.
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.
