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
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
gatsby-config.jsit 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" />