0

I am attempting to get my website logo to show up properly on Facebook news feeds. When I paste my site link on my news feed (share it) in Facebook and the image shows up, but the thumbnail image is just a portion of my logo. Specifically, the center portion of my logo shows up only.

My image/logo is exported via GIMP 2.8 and it is 1200 by 349 px. I made it this size because that is the closest I could come to the Facebook recommended 1200 x 650 px (or something like that).

EDIT: I am not sure if this is the best way to publicly share images, but this is exactly like my logo except for text and color: http://2imgs.com/2i/i/53d2dd5f/22d0e1223be1e43544446b27ab6b4b3c/377394be6d.f.jpg

Then when I scale the image down (in GIMP 2.8) to something that seems like it will fit, the image doesn't seem to change anything.

I am using the Open Graph Debugger here: https://developers.facebook.com/tools/

I am doing stuff like this (and many other) posts: Default website image for social sharing

Here is the head of my Index.php:

<head>
    <link href="html5reset-1.6.1.css" rel="stylesheet">
    <meta charset="utf-8" />
    <meta name="description" content="my business description here" />
    <!-- For facebook -->
    <meta property="og:image" content="http://www.example.com/imagename_w1200h349.jpg">
    <meta property="og:image:type" content="image/jpg">
    <meta property="og:image:width" content="1200">
    <meta property="og:image:height" content="349">

    <link rel="icon" type="image/png" href="myiconpic.png" />
    <title>my business title here</title>
</head>

What am I missing? This is the first website I have built.

Community
  • 1
  • 1
mountainclimber11
  • 1,339
  • 1
  • 28
  • 51

3 Answers3

1

Make sure the Open Graph image is always public, that image does not seem to be available for Facebook.

About the correct sizes: https://developers.facebook.com/docs/opengraph/howtos/maximizing-distribution-media-content#images

andyrandy
  • 72,880
  • 8
  • 113
  • 130
  • I don't follow. imagename_w1200h349.jpg is not the real name of my image file. How do I make an image public for Facebook? – mountainclimber11 Jul 25 '14 at 21:21
  • Or public so you can see it to help me? I am happy to. Do you know where I can post it online so all can see it? I can't use my website url. – mountainclimber11 Jul 25 '14 at 21:25
  • I added a link to my question above that includes an example logo. See EDIT. – mountainclimber11 Jul 25 '14 at 21:51
  • oh, i thought that´s your image file. because it does look like it. why can´t you use your website url? btw, that other image is just a small white dot for me, IF that works then i have no clue why...lol – andyrandy Jul 26 '14 at 07:37
  • I edited my answer below with a new link to said pic/logo. Thanks for the heads up. I can't share a link to my business because I don't want my activity on stackoverflow.com associated with my business...just in case. – mountainclimber11 Jul 26 '14 at 14:24
0

I sorted it out. I had two issues:

1) Facebook's Open Graph debugger Share Preview section doesn't refresh right when you upload a new Index.php and picture file to my host. I had to let it sit for a few minutes then refresh the page to get the preview to update.

2) I'm not sure if this is 100% true, but it worked for me: I made my image 1200 x 1200 with white canvas space above and below the logo (black). Since Facebook's recommendation is to go with 1200 x 630 pixels pictures, my solution here seems off, but it works so I am posting it.

Here is my image example that works: EDIT: (Previous link didn't work. Hopefully this one does.) http://2imgs.com/2i/i/53d3c78d/6719aed50ed239e3331cdeeadc572cf1/577394be6d.f.jpg

mountainclimber11
  • 1,339
  • 1
  • 28
  • 51
0

you can test why is not fetching you site image to facebook.

Facebook crawler will 'scrape' your site search for an image to use when it is being shared. If you want to specifiy which image to use, put this in the the section of your site:

Facebook may have cached a copy of the previous random image. to change or refetch for newer image. and you can test it for your ans.

https://developers.facebook.com/tools/debug/

MD Alauddin Al-Amin
  • 94
  • 1
  • 13