Твиттер сообщает мне Ошибка: карта не найдена (ошибка карты)

Question

Я пытаюсь добавить твиттер-карты на сайт Гэтсби, но когда я пытаюсь проверить, действительны ли они, появляется сообщение «ошибка, карта не найдена (ошибка карты)». Тем не менее, тег твиттера: карта есть!

module.exports = {
  siteMetadata: {
    title: 'xxx',
    description: 'xxx',
    keywords:'xxx',
    author: 'xxx',
    twitter_card: 'summary_large_image',
    twitter_creator: '@xxx',
    twitter_site: '@xxx',
    og_title: 'xxx',
    og_image: 'https://www.example.com/',
    og_url: 'https://example.netlify.com/',
    og_type: 'website',
    og_title: 'xxx',
    og_description: 'xxx.',
    og_image: 'https://www.example.com/',
  },
  plugins: ['gatsby-plugin-react-helmet'],
  plugins: [
    {
      resolve: 'gatsby-plugin-html-attributes',
      options: {
        lang: 'en',
      },
    },
  ],
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.6.3/umd/react.production.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.6.3/umd/react-dom.production.min.js"></script>

Answer 1

Я не знаю, правильно ли добавлять все эти атрибуты Twitter в siteMetadata.

Я знаю, что вы можете реализовать все эти метаатрибуты Twitter с открытым графом в SEO-компоненте. Это сработало в моем проекте. См. документы . Используйте react-helmet. Посмотрите на этот фрагмент кода:

          <Helmet title={seo.title} titleTemplate={titleTemplate}>
            <meta name="description" content={seo.description} />
            <meta name="image" content={seo.image} />
            {seo.url && <meta property="og:url" content={seo.url} />}
            {(article ? true : null) && (
              <meta property="og:type" content="article" />
            )}
            {seo.title && <meta property="og:title" content={seo.title} />}
            {seo.description && (
              <meta property="og:description" content={seo.description} />
            )}
            {seo.image && <meta property="og:image" content={seo.image} />}
            <meta name="twitter:card" content="summary_large_image" />
            {twitterUsername && (
              <meta name="twitter:creator" content={twitterUsername} />
            )}
            {seo.title && <meta name="twitter:title" content={seo.title} />}
            {seo.description && (
              <meta name="twitter:description" content={seo.description} />
            )}
            {seo.image && <meta name="twitter:image" content={seo.image} />}
          </Helmet>
        </>