How to get the correct image and text to appear when sharing site on Facebook

Corine · March 12, 2015, 9:03pm

I’ve got a tiny problem and probebly a stupid question for you profs. I publish my blog on fb. I copy/past my website/page link into my FB status and I don’t get an image in it! Is there anyone who can help me?

Kind regards,
Corine

https://webflow.com/design/corine?preview=f99e02705cb53d8f5bf32c6dbb42ac17

http://corine.webflow.com

vincent · November 22, 2014, 3:43pm

Take control! (;

Corine · July 5, 2019, 6:23am

hey @vincent. Thanks for the info, but that was really difficult stuff for me. What I learned; I had to empty the catch from FB and that FB doesn’t see my images on some pages, because they are not set as images, but BG-images.

I’ve tried yesterday to fix that, but it didn’t work out. Is it possible to set the two big pictures, under the text as normal image (same way as the are set now)? And can you help me with that?

https://webflow.com/design/corine?preview=f99e02705cb53d8f5bf32c6dbb42ac17

Thanks again and many grtzz, Corine

vincent · November 23, 2014, 12:16pm

Just to be sure, you want the sharing to look good on FB when you share http://corine.webflow.com, right?

Corine · November 23, 2014, 12:19pm

Yes! Ow, my post is to short, yes yes

vincent · November 23, 2014, 12:20pm

So at the moment, I get this:

Can you paste here the lines you’ve added to the Head section of custom code regarding this so far?

Corine · November 23, 2014, 12:30pm

Home page looks not good on FB also. I didn’t use any code so far, cause I don’t know how, and I hardly can read English. Because I’am blogging, I create weekly a new page in my website, and want to share this page on FB. The screenshot from my previous post, doesn’t show an image at all in FB.

vincent · November 23, 2014, 12:34pm

We can add line to the Head section of your site, that will make FB display a chosen image, for every page shared on FB (the same image). If you’re blogging with Webflow, adding a page each week, it’s going to be difficult for each page to return an appropriate/contextual image… because at the moment Webflow doesn’t have CMS capabilities and this should really be the job of the CMS.

So at the moment I can only help you for your sharing to return one, or two or three, chosen image(s). Better than nothing. Should we try that?

Off to lunch at the moment, will get back on that later tonight.

Corine · November 23, 2014, 12:37pm

Thanks, that would be awsome!! Have a nice lunch, I love to eat French Cuisine!

vincent · November 23, 2014, 1:59pm

3 hours 1/2 to prepare a choucroute, devoured by guests in minutes (:

So, can you show me which prefered image you’d like to show up on facebook? And a second one maybe.

Corine · November 23, 2014, 2:32pm

Hey Vincent, I’am back also. These images i would like to set on FB.

Home-page; Hero foto -> BG Image corine blogt_caracasbaai golf.jpg
Page Blogoverzicht; Hero hero portfolio list -> BG image corine blogt_roestig golfje.jpg

Corine · November 23, 2014, 2:34pm

I’ve got “google translate” standbye also

vincent · August 1, 2019, 3:17am

Ok, so the direct url to your photo is:

![](upload://fRBfeTDE8lacqAcYHJCkD32q9gR.jpg)

Wich gives:

(just to be sure)

vincent · November 23, 2014, 2:44pm

So,

let’s tell the world what image they should use when talking about your website. You need to add the following line of code (next message) into the Custom Code page of your Webflow site’s settings, in the Head section. Read how to do this here: http://help.webflow.com/adding-custom-code The design of webflow has changed recently but you should be able to find where it is.

vincent · November 23, 2014, 2:44pm

Here is the line of code:

<link rel="image_src" href="http://uploads.webflow.com/53f9f78ee0a87355528e5598/54353ddeb5b770fc173c9549_corine%20blogt_caracasbaai%20golf.jpg" / >

Corine · November 23, 2014, 2:47pm

one moment please I going to try

vincent · November 23, 2014, 2:51pm

Once done, publish your site again, flush the facebook caches as you did before, and try.

Corine · November 23, 2014, 2:52pm

it’s done, there was one slash to many webflow said, I removed the last slash, is that good?

Corine · November 23, 2014, 3:02pm

It’s working!! Check my FB page: https://www.facebook.com/corine.vanringenkunen

Great!

vincent · November 23, 2014, 3:06pm

Great. I got this too:

Now you could also make a specially dedicated image to be used when sharing on facebook, add it to a special page of your site (a page not linked, that nobody visits, just to get the image hosted).

Also, make sure you’ve well filled all the meta informations on your homepage. Do this here:

(and do it better than in my example )