Matthias Pfefferle

Will Norris

<p>The <a href="https://ogp.me/" rel="nofollow ugc">Open Graph protocol</a> enables any web page to become a rich object in a social graph.  Most notably, this allows for these pages to be used with Facebook’s <a href="https://developers.facebook.com/docs/reference/plugins/like" rel="nofollow ugc">Like Button</a> and <a href="https://developers.facebook.com/docs/reference/api/" rel="nofollow ugc">Graph API</a> as well as within Twitter posts.</p>
<p>The Open Graph plugin inserts the Open Graph metadata into WordPress posts and pages, and provides a simple extension mechanism for other plugins and themes to override this data, or to provide additional Open Graph data.</p>
<p>This plugin does not directly add social plugins like the Facebook Like Button to your pages (though they’re pretty simple to add).  It will however make your pages look great when shared using those kinds of tools.</p>


Open Graph

Adds Open Graph metadata to your posts and pages so that they look great when shared on sites like Facebook and Twitter.

ShinichiN

<p>When shared on Facebook, this plugin shows a nice Thumbnail of your posts, pages and site.</p>
<h3>Example of Open Graph Protocol tags</h3>
<pre><code><meta property="fb:app_id"      content="you can specify in admin" />
<meta property="og:title"       content="Post Title" />
<meta property="og:type"        content="article" />
<meta property="og:url"         content="Post URL" />
<meta property="og:image"       content="Post thumbnail, attached image, the first image or default image which you upload" />
<meta property="og:site_name"   content="Site Title" />
<meta property="og:locale"      content="Your Locale" />
<meta property="og:description" content="Post excerpt or text generated from your content" />
</code></pre>
<h3>Rules of the og:image</h3>
<h4>When a post permalink is shared (is_singular).</h4>
<ol>
<li>If your post has a post-thumbnail, that will show up.</li>
<li>If not, this plugin shows the images attatched to the post.</li>
<li>If not, this plugin shows the images which is in the content.</li>
<li>If not, this plugin shows the default image, which you upload in Settings > Reading > OGP Settings.</li>
<li>If not, this plugin doesn’t show anything. (Other ogp tags such as og:title, og:url and so on will be served.)</li>
</ol>
<h4>When the link posted on facebook was not a post link (!is_singular).</h4>
<p>When home page, archive pages, search result page or what ever else pages are shared on facebook, og:image will be the image you specify in Settings > Reading > OGP Settings.</p>


OGP Generator

When shared on Facebook, this plugin shows a nice Thumbnail of your posts, pages and site.

Open Graph vs OGP Generator