Social media meta tags are HTML tags that allow you to make the most out of the content you share from your site. You can determine what information is displayed in the post on Twitter, Facebook, Pinterest and beyond. If your posts, tweets and pins show the right information and are neatly organized, they are much more likely to get more engagements and re-shares.

Seeing the before and after, it’s no wonder Secret Sauce saw a tangible improvements of 174% increase in visits from Twitter just by using meta tags over the last two months. As an added bonus, these tags also help your SEO by helping search engines better display your site’s rich snippet.

Twitter post before and after meta tags

Do you dread looking up which social media meta tags you need every time you start a new project? While simple on the surface, they can become complex very quickly, especially if you want to highlight video and other media contents. This is further complicated when you have to accommodate multiple social media platforms: Twitter photo cards, Pinterest product pins, the various image size requirements…. the list goes on!

Enter Mega Tags

As annoying as it is to look at each platform’s documentations, it is necessary in order to maximize conversions and re-shares. That’s why we’ve created Mega Tags: the one tool you need to create the most accurate and up to date social media meta tags. Here’s how to get started:

  1. Select the platforms you want to support.
  2. Plug in the information for each field and your meta tags will be automatically generated.
  3. That’s it—from here just copy and paste the meta tags straight into your HTML template.

Mega Tags screenshot


One tool to rule them all meme

In addition, we have also compiled a table of ALL meta tag types for Twitter, Facebook, Pinterest, and Google+. Use the reference table on Mega Tags as a shortcut to pinpoint the Meta Tags you need to fit your end goals.

A few things you should know

Focus on Open Graph tags first

If you only have time to learn one type of tags, make it Facebook’s Open Graph tags. It’s the most widely supported protocol, with full support from Facebook, Pinterest, and Google+, as well as partial support from Twitter.

Facebook domain insights

Domain Insights shows all referral traffic to your domain from Facebook, including when people link to your site in their Facebook status messages, clicks on social plugins such as the Like or Share button, and more. Domain Insights also provides sharing metrics and demographic information per domain and per URL so you can optimize your content for sharing and better tailor your content to your audience.

Facebook domain insights docs

Facebook Insights screenshot

In order to make it work, make sure to include these meta tags:

<meta property="fb:admins" content="your_facebook_user_id" />
<meta property="fb:app_id" content="your_app_id" />

Read the domain insights instructions on how to get the values for fb:admins and fb:app_id.

Whitelisting Twitter cards

Before deciding which card style you would like for Twitter, your card must be approved and whitelisted. The ideal workflow is to validate your card in the card validator, and request for approval right in the tool.

Twitter card whitelisting

Meta tag validators

Twitter, Facebook, Pinterest, and Google+ all provide robust meta tag validators. Use them to make sure everything is set up properly.

Search engine friendly meta tags

If you are interested in learning more about search engine meta tags, here are some useful resources:

If you have any questions or suggestions for improvement, feel free to tweet us at @SecretSauceHQ :).

Sign up for "Building the Right Mobile App"
A six-part email course on building mobile apps your users are happy to pay for

comments powered by Disqus