Social Media Meta Tags


How to Fix

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="" >
< meta property="og:url" content="" >

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="" >
< meta name="twitter:card" content="summary" >