[SOLVED] Why is my unfurl 'og:image' for gh-pages not showing up in any platform?

Why is my unfurl 'og:image' for gh-pages not showing up in any platform?

Unfurl image of my github pages website not showing up anywhere.

I have tried <meta property="og:image" content="icon.png"/> in my header tag I have also uploaded an image here,

The website : https://akibrhast.github.io/Hack-Or-Snooze/
The Repo : https://github.com/akibrhast/Hack-Or-Snooze

Output as seen in Slack:

Output as seen in Skype:

Output as seen in Linkedin:

Solution

What you have used:

    <!-- Unfurl Meta -->
    <meta property="og:url" content="https://akibrhast.github.io/Hack-Or-Snooze/"/>
    <meta property="og:title" content="Hack Or Snooze"/>
    <meta property="og:description" content="A Hacker News Clone, with Fresh Viewpoint!"/>
    <meta property="og:site_name" content="Hack Or Snooze"/>
<!-- <meta property="og:image" content="icon.png"/> -->

The possible reasons I think,are:

You have used the og:image tag in comment.
The directory you have provided is incorrect.(There is no image available at https://akibrhast.github.io/icon.png instead the image is at https://akibrhast.github.io/Hack-Or-Snooze/icon.png)

Try copying the following code and replace with the old one:

<!-- Unfurl Meta -->
<meta property="og:url" content="https://akibrhast.github.io/Hack-Or-Snooze/"/>
<meta property="og:title" content="Hack Or Snooze"/>
<meta property="og:description" content="A Hacker News Clone, with Fresh Viewpoint!"/>
<meta property="og:site_name" content="Hack Or Snooze"/>
<meta property="og:image" content="./icon.png"/>

I hope this will work.
And the image you have given in the repository settings is shown on Social Media, when your repository link is shared(i.e., https://github.com/akibrhast/Hack-Or-Snooze) .

And remember to follow the image requirements of LinkedIn,as mentioned here.

Max file size: 5 MB
Minimum image dimensions: 1200 (w) x 627 (h) pixels
Recommended ratio: 1.91:1