The MetaTags component lets you easily define the meta tags for each of your pages. All you need to do is to include it in your page components and set the values for the meta tags. The component does the rest for you and includes the tags in the Head automatically.

The component takes a couple of arguments as props:

  • title (string, required) is the title tag and the Open Graph title
  • metaDescription (string, required) is the meta description
  • canonical (string) is the canonical URL
  • ogDescription (string) is the Open Graph description
  • ogImage (string) is the URL of the Open Graph image
  • ogURL (string) is the Open Graph URL

If you are not familiar with Open Graph we recommend you to check out the Open graph protocol.