Preview image doesn't appear when sharing post

[camartinezbu]

Checklist

• I have read the newlest tutorials and know the correct effect of the functional design.
• There is no similar question on existing issues (including closed ones).
• I have tried to find the answer on Jekyll Forum and StackOverflow.
• My question is based on the latest code of the master branch.

Description

Hi, I recently updated my blog to the latest version of the theme using the Chirpy starter respository, following the instructions from the README. After customizing my site, I created a few posts and deployed them succesfully using github and github actions.

However, I just noticed that when trying to share the posts on social media, the preview image no longer appears on the open graph miniature as it did on previous versions. Looking at the generated files, I realized that the index.html file for each of the posts does not contain the meta tag with the og:img property and the corresponding source.

Could you please tell me if this is an intended behavior? And if it is, is there anyway I could implement this feature?

Thank you very much for this excellent theme!

Camilo.

[joshjohanning]

I have similar experiences, when I share a post on LinkedIn, the image preview it shows is the first image in the post, not the preview image.

[camartinezbu]

In my case, either no image or the default chirpy logo was showing when I shared the post on social media. I'm loading the post's images from another repository, so that might be the reason.

I managed to get the desired image in those miniatures by changing the YAML header in the posts from:

img:
  src: 'xxxxxxxxxxx'

to

img: 'xxxxxxxxxxxx'

However, this doesn't entirely solve the problem, because now the image doesn't appear on the post itself. I'm considering adding it back using the regular '! [Name] (path)' sintax.

Finally, I also added a default image (my avatar) to the files in the _tabs folder and to the index.html file in the main folder. Now they all display the image correctly when sharing.

[cotes2020]

Hey guys,

This seems to be a bug caused by the development: SEO meta tags (og:xxx) is generated by plugin jekyll-seo-tag, but in commit eacad65, the variables of the preview image are changed, so that it is different from the specification of jekyll-seo-tag. As you can see, the SEO meta of the preview image cannot be generated.