Я добавляю некоторые SEO-теги на сайт Gatsby с помощью шлема, он выглядит примерно так (и этот подход выглядит как рекомендуемый Gatsby ):
<Helmet
…
link= {
canonicalLink
? [{ rel: 'canonical', key: 'canonical', href: canonicalLink }]
: []
}
meta={[
{
name: `description`,
content: metaDescription,
},
…
].concat(meta)}
/>
I я заметил, что если я сделаю gatsby build
, запустлю веб-сервер и открою страницу в своем браузере, я смогу увидеть заголовки, правильно отображаемые в инспекторе. Однако если я открою index.html
в своей IDE, я не смогу найти ни одного из тегов. Следовательно, теги визуализируются на стороне клиента.
Я бы хотел, чтобы теги SEO отображались на стороне сервера, чтобы я не полагался на веб-сканеры для анализа Javascript на страница. Как мне это сделать в Гэтсби?