We have already covered what are Facebook open graph meta tags and how to add them into WordPress themes. This post is to share few free plugins, which can be used to add Facebook open graph meta data into your website’s head.
Once you have them installed on your blog, the shared content would look attractive and better on Facebook when someone likes and shares your content. Since Facebook has a large user base, it is good to try this option, which can open a new stream of traffic from this social networking site.
Image Credit – http://www.flickr.com/
og:title: The page’s title is used, this provides the title for posts, pages, archives etc.
og:type : The type will be article in general, website for the front page and blog for the blog homepage.
og:image : For post types that support featured images, the URL of the featured image is used. Additional metadata og:image:width and og:image:height is added.
og:url : The URL of the current page.
og:site_name : The name of the site.
og:description : Uses the full excerpt if available, otherwise derives it from the content. For author and archive pages, the type of page and title is used.
- NextGEN Facebook Open Graph+
- Open Graph Protocol Framework
- WP Open Graph
- Wonderm00n’s Simple Facebook Open Graph Meta Tags
- Fedmich’s Facebook Open Graph Meta
Once the plugin is installed and activated, you can test whether open graph setup properly or not. Browse any post/page and check the source code, you would find open graph meta tags like below in the head section of your website –
<head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# article: http://ogp.me/ns/article#"> <meta property="og:type" content="article" /> <meta property="og:url" content= "https://beginnersbook.com/2013/10/facebook-debugger-tool-fix-open-graph-meta-tags-issues/" /> <meta property="article:author" content="" /> <meta property="article:publisher" content="http://www.facebook.com/es2bw" /> <meta property="og:title" content="How to use Facebook Debugger Tool to fix Open Graph Meta Tags issues" /> <meta property="og:description" content="Few days back, we shared a post on how to insert facebook open graph in WordPress themes and in this post we are gonna show how to use Facebook open graph debug(...)" /> <meta property="og:image" content="" /> <meta name="twitter:card" content="summary">
If you face any issues while setting up the open graph meta tags then you can use Facebook open graph debugger tool to fix them. Do share your feedback and view via comments.
Leave a Reply