Growth tacticS

Optimizing Your Content with OpenGraph Tags

Learn how to use OpenGraph tags to improve click rates and generate link previews on social networks.

Optimizing Your Content with OpenGraph Tags

OpenGraph tags are a small bit of meta-tag code that is included in the <head> of your HTML page. This code tells the social network what image, title, and description to use when a post goes live. Configuring and testing the tags may require some technical wrench time, but it is worth it; OpenGraph tags can help improve click rates. If you are using WordPress, the WordPress SEO Plugin by Yoast does an excellent job of making things work for all of the major networks. Additionally, you can test how your link preview looks using the Facebook OpenGraph Debugger, Twitter Hovercard Validator, Google+ Structured Data Testing Tool, and Pinterest Rich Pins Validator.

How to implement
  1. Add the OpenGraph tags to the &lt;head&gt; of your HTML page.
  2. If using WordPress, install the WordPress SEO Plugin by Yoast.
  3. Test the link preview using the Facebook OpenGraph Debugger, Twitter Hovercard Validator, Google+ Structured Data Testing Tool, and Pinterest Rich Pins Validator.
  4. Monitor click rates to measure the success of the OpenGraph tags.