Social Media Meta Tags Test
About Social Media Meta Tags Test

This test will check if the analyzed webpage is using social media meta tags. While this type of meta tags don't affect what people see when they visit the webpage, they exist to provide information about it to search engines and social media platforms. Also, when a link is shared, both Facebook and Twitter will scrape the associated webpage and read its meta tags to display the appropriate information. Thus, social media meta tags will help to amplify your webpage's content, will improve brand visibility and will help to generate website traffic.

In order to pass this test, you'll have to add social media meta tags into your webpage's "head" section. Social media meta tags are snippets of HTML code that control how URLs are displayed when shared on social media. Facebook and Twitter are, by far, the most popular social media platforms, so let's focus on those two.

Facebook uses meta tags leveraging the Open Graph protocol, which enables any web page to become a rich object in a social graph. A complete list of meta tags available can be found in the Open Graph website. You'll find there multiple tags and how to use them, but only four are required for Facebook to understand the basics of your page:

  <meta property="og:title" content="Add title here">
  <meta property="og:description" content="Add description here">
  <meta property="og:image" content="https://your-website.com/og-image.png">
  <meta property="og:url" content="https://your-website.com">
Twitter has its own meta tags that are similar to the Open Graph protocol, but uses the "twitter" prefix instead of "og". As with Facebook, only a few are required:
  <meta name="twitter:title" content="Add title here">
  <meta name="twitter:description" content="Add description here">
  <meta name="twitter:url" content="https://your-website.com/twitter-image.png">
  <meta name="twitter:card" content="summary">