Лучший способ сделать SEO для рендеринга стороны клиента React Project

Question

Как обрабатывать SEO для одностраничного приложения, которое создается с помощью ReactJS, Webpack, React Router для маршрутизации и редукции? Также искатель Google, Facebook должен иметь возможность видеть содержимое моего сайта для индексирования.

Answer 1

Обработка SEO для одностраничных приложений сложна. Это не только важно реагировать, но и на все интерфейсные библиотеки и рамки (угловые и т. Д.).

Если большая часть вашей информации поступает из вызова API в одностраничном приложении, то боты Google фактически не дожидаются вызовов API Конец. Теперь, когда ваш вызов API не завершен, ваш контент не читается ботами Google и идет ваш SEO.

Я попытался сделать это на консоли Google. Я бы сказал, дайте ему попробовать. Они показывают моментальный снимок того, как боты действительно видят вашу страницу.

Так что, исходя из моего личного опыта, я бы сказал, что лучшим решением будет переход на серверную визуализацию. Есть 2 способа, в котором вы можете сделать так: -

1. Либо использовать phantom.js предварительно делают свои страницы или Использовать prerender.io службы, которые используют phantom.js внутри.
2. Перенесите первую загрузку своего приложения из бэкэнд, используя бэкенд. Я имею в виду, что вы не вызываете API, а визуализируете информацию, напрямую запрашивая базу данных (это должно быть только для первой загрузки, после чего агент-ретранслятор должен забрать его как отдельную страницу заявление).