shareImage and thumbnail seems not working when sharing on Twitter
rverchere opened this issue · comments
I have checked all the prerequisites below and I'm yet experiencing a problem
- Read the README.md
- Have the extended version of Hugo installed
- Used the exampleSite's config.toml as a reference
- I have included my repository link. Instead of pasting long snippets here.
Describe the bug
Hi, when sharing an article on Twitter, the image (shareImage or thumbnail) is not embedded in the link.
There is the same issue in your official blog neonmirrors.net.
Desktop (please complete the following information):
- OS: GNU/Linux Mint
- Browser Brave Version 1.39.122 Chromium: 102.0.5005.115
This was very recently fixed if you can pull and update from Master.
Hi!
I updated to the latest version. It works when sharing on LinkedIn, but not on Twitter.
See on your latest blog post:
Thanks!
Yeah it looks like there is something wrong going on here. The OpenGraph image URL being served on that blog post is https://neonmirrors.net/post/2022-06/examining-pod-security/images/2022-06/examining-pod-security/thumbnail.png.
My guess is LinkedIn just does a better job falling-back if the OG image returns a 404, and goes and searches the page for an image to use.
like I said, it should be fixed in master right now. I haven't updated Clarity to include that code which is why the bug is still present.
like I said, it should be fixed in master right now. I haven't updated Clarity to include that code which is why the bug is still present.
Before answering I've updated the master branch on my personal blog ( hugo + submodule theme @ 6347e453 ) and I still have the issue.
The page contains the correct twitter:image meta property. You can check here
Hmm. That is strange. Running it through the Twitter Card Validator confirms this.
The only possible issue I can see is the lack of a space before the closing /> on that line in the partial. It's hard for me to believe Twitter would choke on something like that, but it'd be easy enough to fix, so let me try it.
I'm trying to find differences from other working sites.
Here there is no og:image:width, og:image:height and og:image:type meta properties.
fyi, I've set the largeTwitterCard to true, and now the image is available in tweet cards.
Deleted largeTwitterCard, still working. I guess there were some cache when I upgraded to the master branch.
You can close the issue.