Skip to content


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 and metadata tags. It also provides a default social sharing image based on catalyst-site-social.png. 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) to customize page metadata tags like the page title, description, and keywords.

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

© 2020 Gatsby Theme Catalyst