Facebook sharing block module - wrong image and text encoding problem

[sdancer75]

Hi,

 

When I share a product to facebook using the Facebook sharing module, the image is wrong and text have encoding problems sometimes.

 

What's wrong with this module ? Why does not take the main image product ?

 

Regards,

 

[bellini13]

where did you get the "Facebook sharing module" from?  did you purchase it from the addons store?

[vekia]

it's not related to module, your shop just hasn't got open graph tags, you have to include them.

these tags are necessary, in some cases not only for facebook but also for other social media modules.

[sdancer75]

where did you get the "Facebook sharing module" from?  did you purchase it from the addons store?

 

 

No its the default free prestashop social module.

[sdancer75]

it's not related to module, your shop just hasn't got open graph tags, you have to include them.

these tags are necessary, in some cases not only for facebook but also for other social media modules.

 

Can you please explain more what you mean open graph tags ? I didn't any changes in the code, this is the official code from the prestashop combined also with the official social sharing module. 

 

Can you give me some examples of what to look for inside the code?

 

Regards,

[vekia]

Hello

open graph tags is a special html markups that you have to include to your shop.

without them, your shop on facebook will show different pictures, sometimes also different descriptions, even title of page!

 

more informations here:

http://ogp.me/

 

To include these markups you have to modify core, or use a module that will do it automatically

[sdancer75]

Hello

open graph tags is a special html markups that you have to include to your shop.

without them, your shop on facebook will show different pictures, sometimes also different descriptions, even title of page!

 

more informations here:

http://ogp.me/

 

To include these markups you have to modify core, or use a module that will do it automatically

 

 

Hi,

 

If this module does not work as it supposed to work and the prestashop core does not take any precautions to support this API, why the heck this module is there from the very begging ? Its useless.

[vekia]

in some cases it works very well without ogp tags, in fact, everything depends on theme construction and other things like product name, descriptions, picture sizes etc.

 

facebook crawler randomly takes picture, description and title based on facebooks unknow engine (no one knows how they decide to select picture etc.)

 

sometimes it (crawler) takes correct desc, pict, and title. In some cases not.

this is because they created something like open grapgs to define which one (pict,desc,title) crawler must take to display on facebook.

[sdancer75]

in some cases it works very well without ogp tags, in fact, everything depends on theme construction and other things like product name, descriptions, picture sizes etc.

 

facebook crawler randomly takes picture, description and title based on facebooks unknow engine (no one knows how they decide to select picture etc.)

 

sometimes it (crawler) takes correct desc, pict, and title. In some cases not.

this is because they created something like open grapgs to define which one (pict,desc,title) crawler must take to display on facebook.

 

 

So.... you are saying that its a random process. Can we have a guide of how to change the core to make it work properly ?

 

Regards,

[archproject]

Yeah how do we change the core to make it work properly ? I want to know as well I have the same damn problem

[sdancer75]

Yeah how do we change the core to make it work properly ? I want to know as well I have the same damn problem

 

 

To fix the problem, install the free module "PS Facebook OpenGraph Tags" developed from Nemo and add to your products high resolution images 200X200 at least.

 

download url : http://nemops.com/free-prestashop-module-facebook-open-graph/#.U33DOfl_svw

 

After you installed the module, you can check any problems at the following url

 

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

 

for example in my case, after I installed the module above I got error with the following description

 

Provided og:image is not big enough. Please use an image that's at least 200x200 px. Image 'http://xxxxxxxxxxxxxxxx.jpg' will be used instead."

[archproject]

To fix the problem, install the free module "PS Facebook OpenGraph Tags" developed from Nemo and add to your products high resolution images 200X200 at least.

 

download url : http://nemops.com/free-prestashop-module-facebook-open-graph/#.U33DOfl_svw

 

After you installed the module, you can check any problems at the following url

 

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

 

for example in my case, after I installed the module above I got error with the following description

 

Provided og:image is not big enough. Please use an image that's at least 200x200 px. Image 'http://xxxxxxxxxxxxxxxx.jpg' will be used instead."

 Cool I tried it and seems like the debugger is only showing 1 field to put in a link ... does that mean I have to put in all my links in and debug one by one ?

[sdancer75]

 Cool I tried it and seems like the debugger is only showing 1 field to put in a link ... does that mean I have to put in all my links in and debug one by one ?

 

Inside the facebook debug field text, you insert your web page url copied from your browser url address.

 

Then click debug button to see if any errors exist. If yes, you will get a detailed error description.

 

Regards,

[sanl]

Inside the facebook debug field text, you insert your web page url copied from your browser url address.

 

Then click debug button to see if any errors exist. If yes, you will get a detailed error description.

 

Regards,

Hey,

 

but how to fix this strange thing?

 

I tryed to debug and found that I have 1 error: Provided og:image could not be downloaded or is not big enough. Please use an image that's at least 200x200px and is accessible from Facebook

 

But my og:image is 1000x1000 jpg picture. http://www.diva-shop.eu/76/57.jpg

 

So why I got this kind of error? How to fix it? I have installed OG module

[sdancer75]

Hey,

 

but how to fix this strange thing?

 

I tryed to debug and found that I have 1 error: Provided og:image could not be downloaded or is not big enough. Please use an image that's at least 200x200px and is accessible from Facebook

 

But my og:image is 1000x1000 jpg picture. http://www.diva-shop.eu/76/57.jpg

 

So why I got this kind of error? How to fix it? I have installed OG module

 

Send us the actual url of the page (not the image url but the product url)

 

Anyway, I would suggest to resize your photo about to 640X480 pixels and check error which says "image could not be downloaded..." for permission problems.

 

[zaxone]

Hi,

 

i have a strange problem.

I have a two languages installed and a product with the same title, description and images. Everything are the same and the only diference is the language code in the url.

 

My problem is that Open Graph Object Debugger shows different message for each language.

 

Common message for both languages:

Critical Errors That Must Be Fixed

Could Not Follow Redirect URL requested a HTTP redirect, but it could not be followed.

 

Open Graph Warnings That Should Be Fixed

Inferred Property The 'og:url' property should be explicitly provided, even if a value can be inferred from other tags.

 

Error for Engish language:

Errors That Must Be Fixed

Missing Required Property The 'og:type' property is required, but not present.

 

When i check the source code i see that every og tags are there.

 

How can i fix this problems please?

 

Thank you,

[bigyiin]

Hi,

 

i have a strange problem.

I have a two languages installed and a product with the same title, description and images. Everything are the same and the only diference is the language code in the url.

 

My problem is that Open Graph Object Debugger shows different message for each language.

 

Common message for both languages:

Critical Errors That Must Be Fixed

Could Not Follow Redirect URL requested a HTTP redirect, but it could not be followed.

 

Open Graph Warnings That Should Be Fixed

Inferred Property The 'og:url' property should be explicitly provided, even if a value can be inferred from other tags.

 

Error for Engish language:

Errors That Must Be Fixed

Missing Required Property The 'og:type' property is required, but not present.

 

When i check the source code i see that every og tags are there.

 

How can i fix this problems please?

 

Thank you,

same problem plz help us. 

[sdancer75]

same problem plz help us. 

 

I am not a prestashop expert just a developer that I used this platform for a friend of mine, but I might help if you give me the actual web page url to check the error.

 

Anyway, from the error description, I can understand that the facebook opengraph tag  og:url uses a redirection path, that is wrong.

 

This usually happens if there is a script error inside your code ie from an active plugin or platform adjustments when multiple langs are also active ie paths for specific lang /en/pageXXXX or /fr/pageXXXX . What plugin are  you using for facebook sharing ?

 

If you copy/paste the url path from this og:url tag to the address field of your browser, will work ? Probably not.

[bigyiin]

I am not a prestashop expert just a developer that I used this platform for a friend of mine, but I might help if you give me the actual web page url to check the error.

 

Anyway, from the error description, I can understand that the facebook opengraph tag  og:url uses a redirection path, that is wrong.

 

This usually happens if there is a script error inside your code ie from an active plugin or platform adjustments when multiple langs are also active ie paths for specific lang /en/pageXXXX or /fr/pageXXXX . What plugin are  you using for facebook sharing ?

 

If you copy/paste the url path from this og:url tag to the address field of your browser, will work ? Probably not.

 

Fixed it by disabling geo location. it was having the effect of blocking facebook scraper and gtmetrix. hence the 503 unavailable errors. 

[franek]

Hi, I installed the opengraph module but I cannot grasp how to set it so that at each product page it links the right image.

 

I installed it because I had the same problem sdancer75 had (I share a product picture but no image is shown). It seems to me there isn't a way to configure page by page the images or text to be shown, just to make a general setting of the site.

 

Can someone explain me?

This is the link of the screenshot: http://1drv.ms/1DEXLZ9

 

Thanks!

[franek]

Hey guys,

 

any reply to my silly question ? How can I set each different image to be shown at each different product using the opengraph module?

[vekia]

Hey guys,

 

any reply to my silly question ? How can I set each different image to be shown at each different product using the opengraph module?

 

hello

what opengraph module you use?

everything depends on it.

[franek]

It's version 1.0 - by Nemo. For only some products instead of the product image, my shop’s logo is displayed instead. This happens only in the English version of the site, not in the Polish one.. In the Polish version instead I have a different problem, the images are not adjusted to the frame, but are too much zoomed..

The shop is at www.vegomania.com

Thanks!!