Meta Mate, Open Graph and Facebook

Meta Mate is a meta information management plugin for Rapid Weaver, powerful website creation software for OS X. Among other things Meta Mate allows one to easily add Open Graph tags to a Rapid Weaver site.

While developing a site with Rapid Weaver and Meta Mate, the Facebook Object Debugger is extremely useful. It shows exactly what Facebook and other services will see when they attempt to extract Open Graph information from your pages. To use it, paste the URL for the page you’re working on into the text box and click “Debug”.

Facebook Object Debugger

Due to the way Rapid Weaver handles meta tags, Meta Mate is restricted to using the name attribute for Open Graph properties instead of the property attribute that Facebook prefers. This causes the Facebook Object Debugger to complain, stating that the page contains issues that should be fixed.

This can be demonstrated with the following example, with the Debugger output shown below.

1
2
3
4
5
6
7
8
9
<!DOCTYPE html>
<html>
    <head>
        <meta charset='utf-8'> 
        <title>The Title</title>
        <meta name="og:url" content="http://pagesofinterest.net/test-meta.html" />
    </head>
    <body></body>
</html>

Facebook Debugger warning

Although the Debugger is warning about “missing” information, it is clear that it is able to infer the correct information from the Open Graph properties set as name attributes on meta tags, and in the case of og:title, from the title tag itself. As long as the Facebook Debugger can infer the correct meta information, your page should be represented correctly on the graph. You verify this by sharing your page on Facebook.

Comments (1) | Trackback