Manage meta tags for SEO

It's essential to optimize your website for search engines, but it's hard to always get it right. In custom storefronts using Hydrogen, it is easy to add the proper metadata to products, pages, collections, blogs, and articles so they stand out in search results.

This guide shows you how to use the Seo component to ensure your website contains the following optimizations:

  • Proper standard meta and link tags present in the HTML document, usually the head tag.
  • Additional meta tags that target a range of protocols and supported applications, such as Open Graph and Twitter.
  • A well-defined object of JSON Linking Data (JSON-LD), inside a script tag with the type application/ld+json.