How to add an background image to the link of Github Pages?

Question

I uploaded my code to a repository in Github and use Github Pages to show my website on the Internet. But when I copy the link and paste it to somewhere like a messenger on Facebook, it doesn't show an image inside. How can I do that?

Here is my pic. How can I add an image inside this link?

Answer 1

You need to include this in the head of the HTML code,

<meta property="og:image" content="http://euro-travel-example.com/thumbnail.jpg">

You can know more about this here