Black thumbnails when sharing on social media

[sylhare]

From @rosepac in #218

A silly doubt, using thumbnail + feature-img. Should generate image thumbnail for social media?
I've been passing some links from your blog. To try..

It is rare because when trying to share on Facebook, sometimes the link box appears but the image is black.

And with other links. Load "a box" that says github error..

Some idea for this? 🙈

Originally posted by @rosepac in #218 (comment)

[sylhare]

I am gonna try it using your blog to see what's the meta is taking as img. It could be the seo tag, or the yaml or something else.

[sylhare]

So from what I look the black image would be because of the image format that is used and that may not be compatible, or the link to the image might not be found:

• webP is quite a new format and might have compatibility issues: https://caniuse.com/#search=webp and google FAQ on webp
• Make sure that you use the right path, preferably under quotes. Also by default if no thumbnail (smaller size of the feature-img), it will take the feature-img as the thumbnail for the meta. Here is the example:

feature-img: "assets/img/pexels/circuit.jpeg"

Did you have any warning or errors when deploying your webiste on github page? When I try to run your site locally, I get some Error: YAML Exception reading.

Did you change something in the url (or link) of the posts / pages you want to share? (that may have impacted the seo tags that is trying to create the meta with the wrong information making a "site not found" error when sharing)

[rosepac]

Ok, I have already found the error that was shown when trying to publish the links from facebook and other RRSS. In facebook (Site Not Found - Github Pages).

• This was because the Github repository url was not changed with the custom domain. In the configuration document _config.yml in the line of the url:. When using a custom domain. It must be changed namegithub.github.io/ for the url_used.com.

I realized the bug, after realizing that there was also a bug with the canonical urls. Were being generated of the type https://rosepac.github.io/URL-that-use-in-the-permalink/

Now. I see it in the Facebook. I now see my "page avatar" image when sharing any of my links. And the URL canonical are correct. With my URL.

The fact that the inserted image is not published as a feature through RRSS. It seems that it is because of the image format. Although I have put jpg images in the feature and in the thumbnail and it still does not show it as a featured image in RRSS.

I'll keep investigating.. 🙈

[sylhare]

I'm glad that you managed to fix at least one of your issue.

For the RSS bit, that's weird, jpg is supposed to be working. Let me know if you find anything 👍