Archived topic
Open Graph and Featured Images
26 replies · Started by Kia on November 28, 2021
Hi,
We use Yoast SEO to change our featured image for Facebook. However, even when I use a debugger the featured image does not show. For example, this post (https://www.atlasandboots.com/travel-blog/which-countries-produce-the-most-plastic-waste/) has a photo for a featured image, but I have set it to be a map for the Facebook image in Yoast. However, in FB debugger the meta property="og:image" content= shows up twice. Once in the header and once lower down in the Yoast SEO plugin section. I can't get Facebook to ignore the og:image in the header and read it from Yoast. Can I remove it from the header somehow? This never used to be a problem but started recently and I'm not sure why.
Many thanks.
Debugger example (need to be logged into FB): https://developers.facebook.com/tools/debug/echo/?q=https%3A%2F%2Fwww.atlasandboots.com%2Ftravel-blog%2Fwhich-countries-produce-the-most-plastic-waste%2F
Hi Kia,
I'm not familiar with the FB thing, are you trying to remove the featured images?
If so, go to customizer > layout > blog > featured images > posts, uncheck the Display featured images box.
Or delete the featured images from the post editor?
Let me know if that works for you.
Hi Ying, thanks for getting back to me.
I do want to keep the featured image in the post, but I want Facebook to display a different one in its preview. So usually, you change the Facebook preview image in the Yoast SEO plugin which changes the ”og:image”. That's not working.
Facebook is using this image as a preview:
<meta property="og:image" content="https://www.atlasandboots.com/wp-content/uploads/2021/11/Which-countries-produce-the-most-plastic-waste-lead-image.jpg">
instead of this image:
<meta property="og:image" content="https://www.atlasandboots.com/wp-content/uploads/2021/11/plastic-waste-per-capita-map.jpg">
Thanks.
If you switch to the twenty twenty one theme, does it work as your expectation?
Let me know!
Hi Ying, We tested it on our other sites which are on twenty-twenty and twenty-twenty one, as well as another theme (Pinnacle), and they all worked so this does seem to be specific to GeneratePress.
Thanks.
Can you link us to the other site where it works well so we can see the differences?
Other sites working:
https://www.factsinstitute.com/ (Pinnacle)
https://www.asianbooklist.com/ (Twenty-twenty)
Any specific post that in which the featured image is different from the the one set in Yoast SEO we should be looking at?
Let me know :)
So on this post, the the featured image is different from the the one set in Yoast SEO.
Featured image: <meta property="og:image" content="https://www.atlasandboots.com/wp-content/uploads/2021/11/Which-countries-produce-the-most-plastic-waste-lead-image.jpg">
Yoast: <meta property="og:image" content="https://www.atlasandboots.com/wp-content/uploads/2021/11/plastic-waste-per-capita-map.jpg">
One that's working on twenty-twenty: https://www.asianbooklist.com/books/the-race-to-the-top/
Hi Kia,
The post you attached which works with twenty-twenty does NOT have a featured image showing in the post, it's kinda of different situation from the site using GP.
Are there any other more similar cases we could be checking at?
Hi Ying. this post does have a featured image set in the post.
This is the feat img
This post is the same, although it isn't GeneratePress.
Feat image: https://www.factsinstitute.com/wp-content/uploads/2021/09/Kyiv.jpg.webp
Yoast: <meta property="og:image" content="https://www.factsinstitute.com/wp-content/uploads/2021/09/Countries-with-the-highest-prevalence-of-depression-map.jpg">
You can see this post (on Pinnacle) does automatically add an "og:image" in the header
Do you mean this image?
https://www.screencast.com/t/6mcntpGxZmEY
It's NOT a featured image, it's added in by a WP image block.
I'm afraid it's not the same case either.
It's both: https://ibb.co/jLVw31d
