SEO

By default Gatsby provides excellent SEO out of the box. I have extended this with a custom SEO component based on gatsby-plugin-react-helmet that provides basic open graph, canononical links, and metadata tags. It also provides a default social sharing image based on content/assets/catalyst-site-social.jpg.

In addition to this the following are worth notiing:

• The blog theme has a “featuredImage” field in the frontmatter which replaces the default social image.

• If a Twitter profile is included in the socialLinks field in gatsby-config.js it automatically generates the correct metadata tags based on your profile.

• MDX pages are automatically provided with an SEO component (you don’t need to import it) to customize page metadata tags like the page title, description, image, and keywords.

<SEO title="SEO" description="Custom SEO page description" />