og:image property seems to be inferred

[TheStanHo]

Hello! Been using this lovely theme alot for writing blogs. Apologies if this isn't an issue (not a dev 😅)

I'm having an issue though ever since I deployed the most recent blog the og:image property is not found on the page

Where as say for the one for the live demo it is.

Linkedin Post inspector

When I look at LinkedIn Post inspector for it - here You can see that the image property it is using is not the correct image/url

Facebook url inspector

When using the facebook one here.

Question

I'm abit lost onto why this is happening as it has only happened on my most recently deployment but all I've done was add the markdown.md for the article and left the code untouched.

Perhaps it depends on the website. But when I use to post it on LinkedIn the correct image would be inferred for the og:image tag. But looking for the tag via inspect elements I cannot find it being set anymore

You can see in the article markdown here that the banner: src: is pointing to the correct image that would normally be used for the og:image

Any insight in this would be appreciated.

[konstantinmuenster]

Hey @TheStanHo!

I think I know what might be a bit confusing... the theme doesn't yet support og:image properties for individual blog posts. Your screenshot of the live demo shows the og:image that is referenced inside the settings.json file. If this is set, we use this thumbnail image globally for the entire page.

In your case, since you probably haven't set this property inside settings.json, each site infers an image automatically. So, there's a bit of luck involved.

Ideally, we could extend the theme so that it sets the correct og:image on every blog post. Not sure when I get to that, though 😅

[TheStanHo]

Hey @konstantinmuenster !

Thanks for the reply, yeah what you said makes sense to me now and I get why it's inferred. You're correct about me not setting it in settings.json

And haha no worries on it!