× Joomla Facebook Connect support forum

Topic-icon FacebookLike - How to change the image that appears in user's FB page?

Active Subscriptions:

None
FB Like always uses the favicon from my website as the image contained in the panel that appears on the user's FB page. Is there a way of changing the image to the company logo or another image from the website page please?

Thanks for any guidance
The topic has been locked.
Support Specialist
Jane,
Yes, there is! Facebook uses it's own Open Graph tags to specify the title, image, and description for each page that is shared. Fortunately, JFBConnect fully supports the Open Graph protocol.

For a quick overview of the Open Graph capabilities of JFBConnect, see:
www.sourcecoast.com/jfbconnect/features/...pen-graph-for-joomla

What we'd recommend you do, is go into the Social configuration section of the JFBConnect administration area. Then, click the Open Graph tab. Make sure you enable Open Graph at the top, and then in the big box, set a default image to be used on all pages that are shared to facebook like:
image=http://site.com/link-to-logo.jpg

This will make sure that the information image is what's shared in all posts. Then, in any specific articles or pages, you can add the following tags to specify the best title, description and image per page:
{JFBCGraph title=Better title}
{JFBCGraph description=Better Description for this specific page}
{JFBCGraph image=http://site.com/better-image.jpg}

If you don't specify a title or description on the page, JFBConnect will use whatever the meta title and description for that page are automatically.. which is usually good enough.

Hope that all helps explain, and hope it's not too confusing. If you need anything else, just let us know!
The topic has been locked.
Active Subscriptions:

None
Hi,

I tried to change the image with
og:image="www.homepagefuchs.com/fuchslogo.gif"
in the open graph tab but the linter still shows Required Property Missing og:image is required

Any ideas what's wrong here?
The topic has been locked.
Support Specialist
There's a few ways to set the image to be use. In the Open Graph tab, that will set defaults across the whole site, and the syntax is:
image=http://www.homepagefuchs.com/fuchslogo.gif
- No og: and no quotes. JFBConnect will take care of that for you.

In addition, if you'd like to override the default on specific pages, you can simply add the following tag into the page anywhere, and JFBConnect will translate it to the proper Open Graph tag:
{JFBCGraph image=http://www.homepagefuchs.com/fuchslogo.gif}

Hope that helps,
Alex
The topic has been locked.