Как оптимизировать SEO для SPA с помощью React-Helmet?

node.js reactjs seo single-page-application meta-tags

1586 просмотра

1 ответ

Мой проект представляет собой одностраничное приложение, использующее реагирование JS. Я слышал, что Google может сканировать страницы javascript, в том числе реагировать на одностраничные приложения js, без необходимости рендеринга на стороне сервера (хотя в целом это лучше для SEO).

Однако, когда я использовал инструмент для веб-мастеров: извлекать и отображать как Google, и то, что видят боты Google, и то, что видят посетители моей страницы, пусто. Несмотря на то, что я могу добавить определенные URL-адреса для индексации Google, Google использует только тег заголовка и описания, который я поместил в мой статический файл index.html, но не получает заголовок и описание вложенного компонента шлема реакции. У кого-нибудь есть опыт в этом? Цените это много!

Автор: user1955934 Источник Размещён: 08.11.2019 11:14

Ответы (1)


4 плюса

Чтобы ответить на ваш вопрос, убедитесь, что вы заполнили все необходимые функции es6, функция javascript в Google Crawler может быть довольно ограниченной, например, у нее нет Array.find. Вы можете прочитать больше об этом здесь https://github.com/facebookincubator/create-react-app/issues/746#issue-179072109

Что касается советов по улучшению SEO, вы можете использовать эти советы:

  1. Вы можете преобразовать ваши страницы во время сборки в статический html, используя react-snapshot https://www.npmjs.com/package/react-snapshot. Это прекрасно работает, если в вашем приложении мало динамического содержимого.

  2. Вы можете использовать службу предварительного рендеринга, например prerender.io / использовать статический хостинг с функцией предварительного рендеринга, такой как netlify или roast.io. Что касается prerender.io, вы даже можете разместить его самостоятельно!

Автор: Ade Viankakrisna Fadlil Размещён: 24.05.2017 11:35
Вопросы из категории :
32x32