WebSite X5Help Center

 
L Fiers
L Fiers
User

How to change the FaceBook website link thumbnails?  en

Author: L Fiers
Visited 2235, Followers 2, Shared 0  

Hi,

When I go to link my website (www.beatsandrap.com) on a FaceBook status, there is no thumbnail picture so I want to change this and pick my own one which I have uploaded in Mediafire. Here's my information which works fine on other website programs I used but I am not sure with X5:

You can impliment this coding structure into your <head> tag to change that! (Editor, header.php.)

<meta property="og:image" content="http://linktoyourimage.com/image.jpg" />

So it says to put this code into the <head>. Where do I put this into X5 though? I cannot find <head>. I can only things like closing after and before head and body and html etc. Where do I out this code because I tried to put it into the before and after head and it simply did not work. 

Help please. Thanks.

Posted on the
7 ANSWERS
Andre E
Andre E
Moderator

You ca set program code in the expert sections of pages.

goto sitemap, select the page where you want it, click properties, goto expert tab.

That should help you on your way.

You want it on all pages? set it then is step 4 statistics seo and code. goto expert tab.

I haven't tryed it myself, but these are the places to be for code like that.

goodluck !

Read more
Posted on the from Andre E
Paul M.
Paul M.
Moderator

Hello L Fiers,

Your meta information is present in the HEADER of your HTML code, and the link to your image is valid, etc.

You can see for yourself if you visit the following URL:

https://developers.facebook.com/tools/debug/og/echo?q=http://www.beatsandrap.com/

Just give Facebook a little time to refresh its cache and everything should work as you expect.

However, the code in the header can be improved, according to Facebook's own Object Debugger:

https://developers.facebook.com/tools/debug/og/object?q=www.beatsandrap.com

I have no experience with working with the Facebook code in this way, so can't expand on that unfortunately, but I did find this relevant article:

http://stackoverflow.com/questions/13045824/what-does-it-mean-inferred-property-in-facebook-opengraph

Best regards,

Paul

Read more
Posted on the from Paul M.
L Fiers
L Fiers
User
Author

Thanks for the information. I have done this before in wordpress and it worked fine but in X5, where do I put the meta tag link to the picture? Before closing the HTML tag, after opening the HEAD tag, before closing the HEAD tag? Which one do I put the link in? My picture is valid so it should be working but it's not so i guess it's not in the right section.

Thanks.

P.S If you type in www.jade9audio.com into the Open Graph FaceBook Debugger, you can see how it works fine in my other site but it's not working wth X5. I must be doing something wrong but I am not sure what.

Read more
Posted on the from L Fiers
Paul M.
Paul M.
Moderator

At the moment your meta tag for www.beatsandrap.com is positioned 'after opening the HEAD tag'...  the meta tag on www.jade9audio.com is positioned 'before closing the HEAD tag' so you may want to move the former if you want it to be in the same place as the latter.

However, either location should work, as they are both in the HEAD section, and if anyone knows otherwise then I'd be keen to learn more.

You definitely don't want to put the meta information 'before closing the HTML tag'

I still think Facebook server cache may play a part in the delay between you making such a change and seeing it reflected online...

Read more
Posted on the from Paul M.
L Fiers
L Fiers
User
Author

Paul M, I did exactly as you said and it's been about 2 days now and thumbnails still will not show up in FaceBook statuses for my www.beatsandrap.com site! There is no image or even an image box for thumbnail at all yet when I use the facebook debugger you linked me with, it all shows up as being there perfectly as you can see. Also when I go to post my web url link into a private message in FaceBook, it shows up fine in there! This makes no sense and is driving me crazy now! I really need this for my marketing campaign as it looks bad and unprofessional to not have a thumbnail pic when sharing on FaceBook and social media. Do you have any other ideas? I did exactly the same thing in my Wordpress website which shows up fine. I can add pictures for you if you want to see for yourself how it looks. Any help is appreciated as I just don't know what to do now! Please help.

Thanks. 

Read more
Posted on the from L Fiers
L Fiers
L Fiers
User
Author

Update: Instead of my homepage url of www.beatsandrap.com, I went to http://www.beatsandrap.com/blog/index.php?category=Submitted+Music (Submitted Music button) and simply put it into a FaceBook status (didn't share it) ad it popped up perfectly and it shows up perfectly the way I have been wanting it to! Have a look at the picture, but all the other links aren't showing any thumbnails or showing the wrong thumbnails. How can I make every link in my website show this picture as I have attached? 

Thanks heaps!

Read more
Posted on the from L Fiers
L Fiers
L Fiers
User
Author

Second Update: I think I have finally solved it! I went into each individual URL and entered it one by one into the faecBook Debugger and select "Show Existing Scrape Information" and then I went to "Fetch New Scrape Informatin" on every single page url of my website and this seems to have done the trick! I am not sure why it didn't work for my entire website instantly as it did with my Wordpress site but the good thing is, it seems to have worked now just the way I wanted. I hope it stays this way! Haha. Well, thanks a lot for your help though Paul M! 

Read more
Posted on the from L Fiers