How can I display a thumbnail for my website?

Question

When I send my site to someone on Facebook or Messenger, the preview of a website will have the Facebook logo and the description is blank.

It doesn’t show my fav icon it shows the Facebook logo. Example:

But if I enter the Twitter URL it displays what Twitter wants to show. Example:

Set an og:image URL that points to the image you want to be there — WizKid, Feb 18 '17 at 04:57
check with https://developers.facebook.com/docs/sharing/webmasters — Gokul P P, Feb 18 '17 at 05:29

score 1 · Answer 1 · answered Feb 18 '17 at 05:05

1

You may use meta tags like this:

<meta property="og:url" content="http://www.yourwebsite.com/some_folder/some_fav_icon.png" />
<meta property="og:image" content="http://www.yourwebsite.com/some_folder/some_fav_icon.png" />
<meta property="og:title" content="Your Title" />
<meta property="og:description" content="Your Description" />

answered Feb 18 '17 at 05:05

user2755140

1,737
3
12
16

Does it take some time for the changes? I did it and it still shows the facebook logo. – Dylan Myers Feb 18 '17 at 17:41
I did this – Dylan Myers Feb 18 '17 at 17:42
My favicon is in the folder socialmedia and named LOGO.png – Dylan Myers Feb 18 '17 at 17:43

score 0 · Answer 2 · answered Feb 18 '17 at 05:06

0

Pages that render nicely when shared on Facebook (or other sites) use the Open Graph Protocol. You'll find this website helpful

answered Feb 18 '17 at 05:06

Abel Tadesse

145
5

How can I display a thumbnail for my website?

2 Answers2