Change Facebook Open Graph Meta Tags For WordPress

The Facebook plugin for wordpress automatically inserts open graph meta tags into the web pages rendered by wordpress to make them a social entity. Since the plugin is general in nature, all tags are specified to be as the default ones.

But sometimes we get into a situation that we initially defined our webpage types which is different than the default ones (like what happened with us 🙂 ) and we dont see the social actions being published nicely or inaccurately to facebook. This may mean a loss of revenue or traffic to the site, as we are not able to harness the complete power of the social network. Also we may get errors when using the open graph debugger to check if the open graph tags are acceptable to facebook/ other social sites.

So the options are either we make changes in the facebook plugin files every time we update the same or the better one to make use of the fb_meta_tags filter provided by the plugin. Thats where we will be able to harness the full power of wordpress and once we have done this we need not do it over and over again, even after updating the facebook plugin.

The only thing you may have to do is to copy the following code at the end of your functions.php file or any of your plugin file. Please do make the small change for the APP_NAMESPACE:TYPE as indicated in the comments in the code.

/********change facebook open graph************
**************og:type meta tag**********************
* Add site-specific og:type meta tag for example og:type = preeti_blog:website
* in place of og:type = website (which is default)
*
* @param array $meta_tags an associative array of Open Graph protocol properties provided by facebook plugin
* @return array plugin default values with site-specific customized changes
* suggested by developers of http://preetisblog.com
*/
add_filter('fb_meta_tags', 'change_fb_meta_type');
function change_fb_meta_type($metatags) {
if (is_home()) //for changes on home page only, remove this 'if' for changing on all pages of your site
{
$metatags['http://ogp.me/ns#type'] = 'preeti_blog:website';
//here you replace preeti_blog:website with ur APP_NAMESPACE:TYPE
}

return $metatags;
}

Similarly you may also change other open graph meta tag values, as the argument $metatags is an associative array, which can be easily accesed by property values as index. As an example ‘type’ is shown in the code above. Also you may add additional tags to the array also.

Pls like/tweet/+1 us/ leave a comment to show your support for PreetisBlog

Happy publishing your wordpress site…..

Leave a Reply

You may also connect using:
login to preetisblog.com using facebook