Open Graph tags don't preview on some social media
Unanswered
European sprat posted this in #help-forum
European spratOP
Hi, I am having issues with displaying the article preview on social media. Here is the link: https://artdots.co/blog/stealing-isnt-innovation-what-artists-say-about-ai
The issue is on LinkedIn & Reddit, but the preview works for Bluesky.
Steps I took to try to fix it:
1. My SSL certificate expired for the server where I host my database, including pictures for the preview, so I brought it back and now the page is HTTPS.
2. The issue persisted, so after first trying to publish the artcle on LinkedIn, I tried on Reddit, and while normally the og:title would get fetched and prefilled as a title of the post after adding a link, it didn't work this time. I checked for previous blog posts I posted on LinkedIn and they also don't prefill now.
3. Generally, the link works on various social preview sites like: https://www.opengraph.xyz/
I recently also upgraded to Next.js 15, but the meta tags seem to load fine, meaning they are in the <head></head> etc.
Do you have any idea what is happening here?
The issue is on LinkedIn & Reddit, but the preview works for Bluesky.
Steps I took to try to fix it:
1. My SSL certificate expired for the server where I host my database, including pictures for the preview, so I brought it back and now the page is HTTPS.
2. The issue persisted, so after first trying to publish the artcle on LinkedIn, I tried on Reddit, and while normally the og:title would get fetched and prefilled as a title of the post after adding a link, it didn't work this time. I checked for previous blog posts I posted on LinkedIn and they also don't prefill now.
3. Generally, the link works on various social preview sites like: https://www.opengraph.xyz/
I recently also upgraded to Next.js 15, but the meta tags seem to load fine, meaning they are in the <head></head> etc.
Do you have any idea what is happening here?
18 Replies
@European sprat Hi, I am having issues with displaying the article preview on social media. Here is the link: https://artdots.co/blog/stealing-isnt-innovation-what-artists-say-about-ai
The issue is on LinkedIn & Reddit, but the preview works for Bluesky.
Steps I took to try to fix it:
1. My SSL certificate expired for the server where I host my database, including pictures for the preview, so I brought it back and now the page is HTTPS.
2. The issue persisted, so after first trying to publish the artcle on LinkedIn, I tried on Reddit, and while normally the og:title would get fetched and prefilled as a title of the post after adding a link, it didn't work this time. I checked for previous blog posts I posted on LinkedIn and they also don't prefill now.
3. Generally, the link works on various social preview sites like: https://www.opengraph.xyz/
I recently also upgraded to Next.js 15, but the meta tags seem to load fine, meaning they are in the <head></head> etc.
Do you have any idea what is happening here?
Poodle
hi there, checked your site real quick your og tags are fine, image loads, dimensions are right. the problem is linkedin and reddit cached the broken version from when your ssl was down. their crawlers failed back then and now they're just serving the old no preview result. for linkedin go to linkedin.com/post-inspector and paste your url. hit inspect and it'll force a recrawl. reddit is more annoying, try adding ?v=2 at the end of your url when you post to bust the cache or just wait like a week, let me know if that doesn't fix it.
@Poodle hi there, checked your site real quick your og tags are fine, image loads, dimensions are right. the problem is linkedin and reddit cached the broken version from when your ssl was down. their crawlers failed back then and now they're just serving the old no preview result. for linkedin go to linkedin.com/post-inspector and paste your url. hit inspect and it'll force a recrawl. reddit is more annoying, try adding ?v=2 at the end of your url when you post to bust the cache or just wait like a week, let me know if that doesn't fix it.
European spratOP
Forgot to mention that I also tried with the Post Inspector & adding ?v=2! In the meantime today, I also upgraded to Next 16 😅 I will keep you posted! Thank you!
@European sprat Forgot to mention that I also tried with the Post Inspector & adding ?v=2! In the meantime today, I also upgraded to Next 16 😅 I will keep you posted! Thank you!
Poodle
I tested your pocketbase server with linkedin and reddit bot user agents and the image loads fine for both so its not a crawler blocking issue, og tags look good after the next 16 upgrade too. What does linkedin post inspector actually show when you run it? Does it pull the image or show some error? That would help narrow down whats going on.
European spratOP
@Poodle For the original url, it doesn't pull info: https://artdots.co/blog/stealing-isnt-innovation-what-artists-say-about-ai
But it also doesn't pull for the previous link (I had SSL then), but it displays on LinkedIn (I posted it before): https://artdots.co/blog/artdots-the-benefits-of-creating-a-side-project
But it also doesn't pull for the previous link (I had SSL then), but it displays on LinkedIn (I posted it before): https://artdots.co/blog/artdots-the-benefits-of-creating-a-side-project
European spratOP
I also tried to publish this one already a week ago - January 25, 2025, so this one should work already but it still doesn't: https://artdots.co/blog/tired-of-the-algorithm-best-websites-for-film-and-music-discovery
@European sprat I also tried to publish this one already a week ago - January 25, 2025, so this one should work already but it still doesn't: https://artdots.co/blog/tired-of-the-algorithm-best-websites-for-film-and-music-discovery
Poodle
the screenshots show facebooks crawler is getting a 404 before it even sees your og tags, i fetched your page and it loads fine with all the tags. Something is blocking facebook specifically. What hosting are you on? and do you have cloudflare or any middleware that might block bots?
European spratOP
@Poodle I am hosting on Netlify, I added Firewall for China & Singapore recently 🤔
@European sprat <@787381534880563211> I am hosting on Netlify, I added Firewall for China & Singapore recently 🤔
Poodle
Thats probably it. Facebook's crawlers are distributed globally, some might be coming from IPs you blocked. Try disabling the firewall temporarily and run the inspector again.
European spratOP
@Poodle doesn't work for now, I will try again later!
@European sprat <@787381534880563211> doesn't work for now, I will try again later!
Poodle
ok, let me know what you find, lets get to the bottom of this, it could be something in your next.js config blocking bots if the firewall wasnt it.
European spratOP
@Poodle I also created a "blog/test": https://artdots.co/blog/test
And it still doesn't load on LinkedIn, so it might be something else
And it still doesn't load on LinkedIn, so it might be something else
@European sprat <@787381534880563211> I also created a "blog/test": https://artdots.co/blog/test
And it still doesn't load on LinkedIn, so it might be something else
Poodle
If a new test page doesnt work either its not caching. Is the page server rendered or only rendered in the browser? LinkedIn crawler doesnt run JavaScript so if the og tags are only rendered in the browser it wont see them.
European spratOP
@Poodle All the blogs are server rendered (no "use client")
Poodle
@European sprat The og tags are there. Your og:image points to pocketbase.artdots.co though. Is that URL publicly accessible? LinkedIn might be failing because it cant fetch the image.
European spratOP
@Poodle Yes, you can copy-paste the link and access the image.
@European sprat <@787381534880563211> Yes, you can copy-paste the link and access the image.
Poodle
if the image is accessible, are you specifying width and height in your og:image meta tags? Facebook wants those explicitly. What dimensions is the image?
European spratOP
Yes, you can see it all in the <head>. The size matches with what is expected.
@European sprat Yes, you can see it all in the <head>. The size matches with what is expected.
Poodle
Facebook's probably caching an old version so throw your URL into developers.facebook.com/tools/debug and hit "Scrape Again" a couple times, it should show you exactly what FB sees and force a refresh.