Hi there, I keep failing setting up the right og:image for my website. I did everything I could, like prerendering and I added the meta tag my head of the html file. LinkedIn keeps displaying a default image when I create a post and Facebook doesn’t display an image at all. Can you please help with this? What I do wrong?
Thank you very much in advance!
What the major part of the problem is, is that podcast-tailor.nl is inaccessible, while www.podcast-tailor.nl is. This will come down to how you have configured your site custom domain and domain in Netlify DNS. You are missing the record for the former.
You should see something like this in your custom domain settings
Only side note: when I use the LinkedIn Developer tool, Post Inspector, to inspect it, it wil display the right preview image I’ve set in my og:image tag. However, when I create a post on LinkedIn, it gives me back an old og image which I uploaded yesterday. Is this a matter of time and should I wait till DNS routing did has done it’s job?
On the other hand, when I use the Facebook Developer tool to inspect the url, I also get this old image back. But, in the overview (see screen print) the right url is displayed after og:image. That’s a weird contradiction.
when you go to that url in the previous screen print i’ve just shared, you will see the right image. But it in the same result it gives back the white and older version of the og:image (which is not part of the html anymore).
It is possible LinkedIn and Facebook have that image cached, or it is cached somewhere along the route to your site, and is not getting pulled directly from your site. This is only a guess. I used the Twitter validator and the correct image shows.