Home Tips & Resources Joomla Facebook Share images and description
 
Joomla Facebook Share images and description PDF Print E-mail
Written by Travis Nuske   
If you feel this tip has saved you time or effort, please consider buying us a cuppa coffee to keep things going!

Tips for controlling the image, title and  description on Facebook share.

Open Graph OG data

Facebook is now using og properties to determine the description, image, URL, title, type etc of a webpage when displaying the content in a Facebook URL share. Joomla does not genereate og data by default, so you may find that pages do not properly display the title, image or description that you expect.

Joomla OG properties Generator

The free MBV Open Graph plugin for Joomla will enable automatic generation of og properties, and also allow you to set static properties for every page on your site. You can download it from here:

http://extensions.joomla.org/extensions/social-web/facebook-integration/18489

Manually set OG properties

You can also manually adjust the Joomla code to put these meta properties on each page.

For example, to set the description (that you have set in the meta data for an article) as the text that Facebook will use to generate the page descritpion, edit this file:

/libraries/joomla/document/html/renderer/head.php

Scroll to the section that displays the meta tags, and add the following line just below the original description meta tag:

$strHtml .= $tab.'<meta property="og:description" content="'.$document->getDescription().'" />'.$lnEnd;

Facebook have a list of the object types they support here:

http://developers.facebook.com/docs/beta/opengraph/objects/builtin/

Testing your Joomla OG properties in Facebook

Facebook has an online debug tool that you can pass your articles through to show what og properties facebook "scrapes" - you can access it here:

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


 

Last Updated on Wednesday, 07 December 2011 14:36
 

Add comment


Security code
Refresh