Facebook Open Graph Meta WordPress Plugin
Have you ever noticed that, if you implemented Facebook like or Facebook Share in wordpress blog and when people click Like the shared post on user wall looks not good most of the time. This is because you didn’t implement the facebook open graph meta data in your blog post or page. As a result when facebook parse the link sometimes they can’t parse it properly that you expected.
To solve the situation you’ve to add open graph meta data in your site. Some days ago I manually added this in my blog’s theme, but later I decided to make a wordpress plugin so that it become easier to use and share with others.
My plugin features:
1. Automatically set facebook open graph meta data in your wordpress site
2. Open graph meta data will be dynamic based on post or page
3. In the admin panel you can provide AppId
4. In the admin panel you can provide facebook user id (admins)
5. You can set a default image that will be used when there is no image associated with a post or page
6. In the plugin admin page, you’ll see detailed specification to setup facebook app.
Plugin setting page
You will see detailed tutorial about how to set facebook application and retrieve the information in the plugin setting page.
If you activate this plugin you’ll see when people share or like your wordpress post or page, that will show nicely on their facebook walls. Thus user’s friends will be inspired to click the link.
After successfully installed the plugin and changed the html tag by yourself, if you view the source code of your blog page/post from browser you’ll notice the following things:
HTML tag is changed
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://www.facebook.com/2008/fbml" xmlns:og="http://opengraphprotocol.org/schema/" dir="ltr" lang="en-US">
Open graph meta data added
<!-- Facebook Open Graph --> <meta property="fb:app_id" content="XXXXXXXXXXX" /> <meta property="fb:admins" content="YYYYYYYYYYY" /> <meta property="og:url" content="http://thinkdiff.net/facebook/sharekit-must-have-ios-app-share-library/"/> <meta property="og:site_name" content="Thinkdiff.net" /> <meta property="og:description" content="geeky stuff, facebook, twitter, linkedin, php, mysql, web development, tips and more" /> <meta property="og:type" content="website" /> <meta property="og:image" content="http://thinkdiff.net/image/thinkdiff.net_splash.jpg" />
Where XXX… and YYY… should be your app id and admin user id.
Hope this helps 🙂