Social preview not rendering

[Alaburda]

Hi! I have built a website using the latest Academic template but links shared on social don't have rich preview cards. I think it might be related to how links are relative instead of absolute but I couldn't find a way to toggle that. Any help would be appreciated.

My website is located at statistikas.lt
Repo at github.com/Alaburda/statistikas

[chrede88]

Looking at the page source, you're right that your paths are not correct!

<meta property="og:image" content="/2021/03/12/kaip-teisingai-saugoti-duomenis/featured.jpg" />
<meta property="twitter:image" content="/2021/03/12/kaip-teisingai-saugoti-duomenis/featured.jpg" />

How did you build your site? Did you include the site url in the config file?

[Alaburda]

Thanks for responding! So the problem with relative and absolute links was with me using blogdown::serve_site() instead of blogdown::build_site() before publishing. Sometimes it's better to sleep a problem off 😅 However, that didn't seem to clear the preview issue: both Facebook and Twitter don't render a preview but Linkedin does.

[chrede88]

I see. I use Twitter's official social card preview tool: https://cards-dev.twitter.com/validator
It works just fine for my site.

[Alaburda]

Thanks for the help! The validator showed that all the tags were indeed fine. At first I used a full res image in my blog post but it wasn't commited after I had resized it. It appears Twitter cannot handle large images!