How to Add Facebook OpenGraph and Twitter Tags to Layers

How To  Last Updated: Time to Read: 1 minute

When someone shares a link to a post on your site using Twitter or Facebook, these networks use an API that attempts to turn the page content into the shared snippet you see on your timeline. In most cases, your social sharing plugin comes with support for this, but when dealing with static content like Layers pages, you need full support from a plugin to ensure the right info is passed to the social network.

The Yoast SEO plugin not only provides support for both Facebook and Twitter tags, it allows you to set your site’s title and default image for shares that don’t come from a plugin or which share static pages. The SEO tools themselves allow you to set the SEO title and description to aid in building the structured data for the page that results in nicer search results and shares.

Learn More about Yoast SEO

The Open Graph protocol 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 Like Button and Graph API as well as within Google+ posts.

The Open Graph plugin inserts the Open Graph metadata into WordPress posts and pages, and provides a simple extension  for other plugins and themes to override this data, or to provide additional Open Graph data.

This plugin does not directly add social plugins like the Facebook Like Button or the Google +1 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

Get Open Graph

If you are already using JetPack to take advantage of their gallery, stats, comments or social publishing tools, you can enable Facebook and Twitter support by enabling the Publicize  modules.

If you want control over how sharing Layers pages looks on Facebook, you must attach a featured image to the page in the editor, and use an SEO plugin like Yoast to set the description or page excerpt.