Gatsby推荐使用react helmet，如果你看一下Gatsby documentation - how to add meta data，你会发现很多关于这个主题的最佳实践。
按照文档中的步骤进行操作。React helmet非常强大。回到你的问题，这就是你如何改变HTML语言属性：

<Helmet
  htmlAttributes={{
    lang: 'en',
  }}
/>

根据the new Head Api doc（添加在gatsby@4.19.0中），您可以使用setHtmlAttributes函数避免Helmet依赖项，包括在gatsby-ssr.js或gatsby-ssr.ts文件中。

exports.onRenderBody = ({ setHtmlAttributes }) => {
  setHtmlAttributes({ lang: "en" })
}

只是@Andre '. answer的一个插件，以防您想使用Open Graph protocol property，例如：xmlns:og，xmlns:fb...只需用单引号将密钥括起来'

<Helmet htmlAttributes={
    {
    lang: 'en',
    'xmlns:og': 'http://ogp.me/ns#',
    'xmlns:fb': 'http://ogp.me/ns/fb#'
    }
  }>

    <meta charSet="utf-8" />
    <meta content="width=device-width, initial-scale=1.0" name="viewport" />
    ....
</Helmet>