The Social Media Meta Tags Test checks if your Facebook, Twitter and Google+ pages are adding social media meta tags to their content. Each social media platform has their own rules when it comes to how they interpret this data, which can make some titles appear while others don't. By using this test and learning the result of your finding when you share a link, you'll be able to monitor whether adding social media metadata improves the bounce rate of your webpage, lifts your brand visibility on Google, or drives more people to visit your site.
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. In order to pass this test, you'll have to add social media meta tags into your webpage's "head" section.
Facebook meta tags are required to be included in your web pages. Facebook uses meta tags leveraging the Open Graph protocol, which enables any web page to become a rich object in a social graph. Get a complete list of available meta tags in the Open Graph website You can add tags to your web pages to help Facebook understand what kind of content you're trying to present and give more accurate results from its algorithms. Each tag creates a specific type of information that Facebook can use in regards to the description, title, and page description for 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's meta tags 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">