Facebook: problems with thumbnails when I share a link
Auteur : Sergio FurgiueleHi
I have a site http://www.bsshoes.com.ar with items where I have image gallery only, so if I share any link infacebook, the only image that can be use as thumbnail is the shopping cart icon.
So, I found a code to put whatever image I want without the need of putting the image in the page:
<link rel="image_src" href="http://www.domain.com/images/image.jpg" />
So, checked the properties of one page, went to Advanced tab and selected from the drop down menu the "before </HEAD> tag" and put the code (this code need to be put between <HEAD> and </HEAD>)
Once I done that, tried to share the link but the image didn`t appear. Scratched my head a lot. I saw that I was not able to edit the HTML code of the exported pages, so I opened the source code from the web browser.
I saw <link rel="image_src" href="http://www.domain.com/images/image.jpg" /> between the tags <HEAD> and </HEAD, but when I put the mouse over http://www.domain.com/images/image.jpg it really was pointing to http://www.domain.com/"http://www.domain.com/images/image.jpg"
So I changed the code and I put <link rel="image_src" href="images/image.jpg" />
Had a similar problem, the link was pointing this time to http://www.domain.com/"images/image.jpg"
So I modified one more time to code and removed the quotes. This time the link http://www.domain.com/images/image.jpgwas pointing really there. The thing is when I pasted the link in a web browser, still showing the link without the preview image
This is the link:
http://www.bsshoes.com.ar/a001.php?=v10 (I added "?=v10" because FB cached the link all the tries and maybe won`t take the image because of that, but you can put any number you like for testing)
The image for the thumbnail is http://www.bsshoes.com.ar/face/a001.jpg I don`t think that the size is a problem because most webpages uses buch bigger images for preview
Awaiting for somebody else help in here.
Thank you
Hello Sergio,
I see you have the "double quotes problem" even in the rel="image_src" attribute.
Try to fix it and let me know.
Auteur
Genius :D