Jump to content

Facebook share not showing logo


Recommended Posts

Hello,

 

When someone share my website on their Facebook wall, Facebook automatically tries to fetch the description, name and logo of the website, however facebook fetches my slider image instead of my logo.

 

When sharing products, everything works fine. In the facebook debugger, I get the following message: "Provided og:image is not big enough. Please use an image that's at least 200x200 px. Image 'http://......"

 

I can't set OG elements like "og:image" since then I can't share products....

 

How can I solve this problem!?

Link to comment
Share on other sites

is there any chance to check your website? i will check the facebook debugger + oG tags

 

Thank you for your answer, I sent you a PM. What I want to do is when people share the page on their facebook wall, I want the logo of my page to be shown as a thumb, if it isn't a product page. In that case I want the product image to be shown as a thumb. (the last part works today)

  • Like 1
Link to comment
Share on other sites

the answer is in the facebook open graph tags, you have to define them (for products and for other pages too)

there is no other way to achieve what you want. Without OG tags facebook will fetch automatically RANDOM content / images from page.

Link to comment
Share on other sites

Thank you for your input!

 

I tried that but failed since I'm not use to smarty tags...

What I need to do is something like the following:

 

If(on product page){
<meta property="og:title" content="{$meta_title|escape:'htmlall':'UTF-8'}" />
<meta property="og:description" content="{$meta_description|escape:html:'UTF-8'}" />
<meta property="og:url" content="{$base_dir}" />
<meta property="og:image" content="{img_prod_dir}/smarty tag for current product image" />
}else{
<meta property="og:title" content="{$meta_title|escape:'htmlall':'UTF-8'}" />
<meta property="og:description" content="{$meta_description|escape:html:'UTF-8'}" />
<meta property="og:url" content="{$base_dir}" />
<meta property="og:image" content="{$img_ps_dir}/logo.jpg" />
}

 

But don't know the variables for:

  • Check if on product page
  • Smarty for current product image

Edited by zapmore (see edit history)
Link to comment
Share on other sites

  • 3 weeks later...

is there any chance to check your website? i will check the facebook debugger + oG tags

 

Hello Vekia,

 

I do have the similar issue as mentioned above.

 

When I share my product to facebook, its not capturing images.

 

Can you suggest me what I might be missing.

 

Currently, im using PS 1.5.3.1 and in Dev mode.

 

I have attached a screenshot.

 

Thank you.

 

PrestaFanBoy

post-494308-0-78012500-1377684470_thumb.png

post-494308-0-40834000-1377684678_thumb.png

Link to comment
Share on other sites

you need to include open graph tags into your website, there is no other way to achieve what you want.

 

Thank you Vekia for quick reply.

 

I am not sure how to do this. In the above posts, there was link to Dh42 blog where it is explained how to include them in header.tpl.

 

Does this work for products too? Or I need to do the same to products.tpl file os so

 

I need to get hand on og tags..

 

PrastaFanBoy

Link to comment
Share on other sites

  • 3 months later...

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...