OG:image being ignored, scraping wrong image
-
Hi,
If you view the source, you’ll see this:
<meta property=”og:image” content=”https://yardbirdsuite.com/wp-content/uploads/2021/09/YS-Hilario-Duran-Dec-7-2019-01-1.jpg” />
Which is the image we wan’t to be pulled.
However on facebook debugger, we are getting this:
The ‘og:image’ property should be explicitly provided, even if a value can be inferred from other tags.
and it is pulling the first image on the page, which is dynamic for the next event.
The main image being added as a featured image is being used as a background image, but that shouldn’t matter as the og:image data is appearing properly in the source?
This is the image being pulled, which we don’t want:
https://yardbirdsuite.com/wp-content/uploads/2021/09/Tricia-Edwards-1-768×503.jpg
Also, on all pages where only the featured image is being pulled, nothing gets pulled at all even though the featured image is added as the og:image
The page I need help with: [log in to see the link]
-
Hi @bonlando
Upon checking the page source of https://yardbirdsuite.com/, we do see that the Yoast SEO plugin is outputting the
og:imagetag as expected.But it’s definitely strange that when scraping the URL on Facebook’s sharing debugger tool, it seems to be ignoring the set
og:imageas well as the other tags such as the description.If you scroll down and click on the ‘See exactly what our scraper sees for your URL’ link, it looks like Facebook’s crawler doesn’t see the <head> section of your page but only the <body> section, which is what might be causing this issue.
It looks like you have some CSS before the actual head section, so you might want to check and make sure that the <head> section (together with the open graph tags) is at the start by either removing or moving the CSS styling code to the <body> section.
Once you do that, please do scrape the URL again and then check if you can get the expected preview.
- The topic ‘OG:image being ignored, scraping wrong image’ is closed to new replies.
