Some image previews not generating

To follow up on the above, the issue appears because of the incorrect yoast seo meta tag that the plugin puts in. Instead of the actual image url, on some images, yoast og:image content directs to url of the placeholder image.

<meta property="og:image" content="https://spillwords.com/wp-content/uploads/2015/01/Spillwords.com-Logo.jpg" class="yoast-seo-meta-tag"/>

instead of this:

<meta property="og:image" content="
https://spillwords.com/wp-content/uploads/2023/06/Late-Night-spillwords.jpg" class="yoast-seo-meta-tag"/>

this is the post example I am referring to:

https://spillwords.com/late-night/

Hello @mdgarts

Thanks for reaching out about your image previews. Looking at https://spillwords.com/saturday-in-the-park/, currently, the canonical URL and og:url tags are the same, and there are no redirects:

<link rel="canonical" href="https://spillwords.com/saturday-in-the-park/" />

<meta property="og:url" content="https://spillwords.com/saturday-in-the-park/" />

The og:image in the page source and the Facebook debugger is:

<meta property="og:image" content="https://spillwords.com/wp-content/uploads/2015/01/Spillwords.com-Logo.jpg" />

You mentioned that you expected https://spillwords.com/wp-content/uploads/2023/06/Late-Night-spillwords.jpg instead.

Please share a screenshot of what you have as the Facebook image in the social tab of the Yoast SEO meta box when you go in to edit that post.

I look forward to hearing from you.

• This reply was modified 1 year, 4 months ago by Maybellyne.
• This reply was modified 1 year, 4 months ago by Maybellyne.

Thank you Maybellyne for your reply.

Above I gave two urls of different posts that the image meta shows a default image placeholder instead of the actual image:

https://spillwords.com/late-night/

https://spillwords.com/saturday-in-the-park/

Yes, the canonical and og:url are correct, it’s the image part that’s coming up with an error. The redirect is only visible when using Facebook debugger for the given url, under Redirect Path, redirecting from the post’s url to the post’s number (as shown in my first reply).

I can’t seem to upload any images as I can’t drop them in (you can only input images via url).

As for the Facebook image under the Yoast SEO Social tab in editor, it is blank. We do not input anything in that tab. It is blank even for the posts that the images are linking correctly to their uploads.

As for the second url, https://spillwords.com/saturday-in-the-park/

the image that should show under og:image is (instead of our placeholder):

https://spillwords.com/wp-content/uploads/2023/07/Saturday-in-The-Park-spillwords.jpg

which you can see if you click on the post’s url.

Please let me know if you need anything else, or if there is another way for me to show you the screenshots.

You can use any image-sharing service like https://pasteboard.co/, https://snag.gy/, https://imgur.com/, https://snipboard.io/, or even upload the screenshot to your own website. Once you upload it to an image-sharing service, please share the link to the image here.

here is the image of the Facebook debugger:

Here is the image of the Yoast SEO meta in editor:

Thanks for the screenshot. Since you have nothing in the Facebook image field, the og:image should default to https://spillwords.com/wp-content/uploads/2023/07/Saturday-in-The-Park-spillwords.jpg as this is correctly referenced in the structured data.

Can you temporarily delete https://spillwords.com/wp-content/uploads/2015/01/Spillwords.com-Logo.jpg from your media library, clear the cache, then scrape the URLs again?

Do let me know how it goes.

• This reply was modified 1 year, 4 months ago by Maybellyne.

Deleted the placeholder image, cleared the cache, and scraped again and the og:image does not show up at all on the post. After the scraping the url picks up the first image from the home page as the preview.

Here is a screen shot (inspect element) of a correct post that came out this morning, and another one of the errored previous post (when there was no default image placeholder), where the og:image is completely skipped.

• This reply was modified 1 year, 4 months ago by mdgarts.
• This reply was modified 1 year, 4 months ago by mdgarts.

Thanks for the screenshots. It’s unclear why the og:image tag doesn’t default to the primaryimageofpage for some posts but does for some.

Often, we see problems occur in combination with another plugin or theme. The fastest way to rule out any conflict is to deactivate all non-Yoast plugins and switch to a standard theme like Twenty Twenty-Two.

Please test this on your development or staging site if you have one. If not, we recommend using the Health Check & Troubleshooting plugin. This plugin has a troubleshooting mode, which does not affect normal visitors to your site.

If you’re unfamiliar with checking for conflicts, we’d like to point you to a step-by-step guide that will walk you through the process: How to check for plugin conflicts

If you feel uncomfortable doing this yourself or if this does not solve your issue, our Yoast SEO Premium plugin comes with one year of (technical) support.