godot-website icon indicating copy to clipboard operation
godot-website copied to clipboard

LinkedIn can't read the meta image when generating previews

Open coppolaemilio opened this issue 1 year ago • 3 comments

I'm not sure what they changed, but it used to work. LinkedIn used to be able to show a preview of the blog post with the proper image, now it only pulls the author image.

If you want to check an example, you can do so here: https://www.linkedin.com/post-inspector/inspect/ And paste any article to test: https://godotengine.org/article/introducing-the-improved-ufbx-importer-in-godot-4-3/

I've tried modifying the meta properties at the <head> of the default layout but had no luck. In my tests I did:

  1. <meta name="image" property="og:image" content="{{ site.url }}{{ page.image | default: '/assets/share-image.webp' }}">
  2. <meta property="og:image" content="{{ site.url }}{{ page.image | default: '/assets/share-image.webp' }}">
  3. <meta name="twitter:image" content="og:image" content="{{ site.url }}{{ page.image | default: '/assets/share-image.webp' }}"> But it is still unresolved. If anyone knows how to make the changes feel free to comment here or send a PR. Thanks!

coppolaemilio avatar Aug 07 '24 08:08 coppolaemilio

Unfortunately LinkedIn doesn't support Webp images; only JPG, PNG, or GIF are accepted.

pdfrod avatar Oct 16 '25 20:10 pdfrod

I haven't confirmed it yet, but we are going to start using jpgs for new covers. If that makes it work in linkedin I'll consider this one done and close it. Thanks @pdfrod !

coppolaemilio avatar Oct 16 '25 21:10 coppolaemilio

unfortunately, it seems like it is still not getting the article cover even if the image is a jpg:

Image

coppolaemilio avatar Oct 16 '25 21:10 coppolaemilio