ReactJS - Получить, как Google работает только для домашней страницы, но не другие маршруты? - PullRequest
0 голосов
/ 09 января 2019

Я использовал create-реакции-приложение для создания своего приложения реакции.

Он развернут на AWS Cloudfront + S3. Кажется, все работает, когда я захожу на сайт: https://www.remotecareers.io

Однако, когда я пытаюсь использовать функцию Fetch and Render в Fetch как Google, я вижу это:

enter image description here

Странно, что часть This is how a visitor to your website would have seen the page: пуста. Тем не менее, моя главная проблема - когда я пытаюсь сделать то же самое для некорневых маршрутов.

Например, у меня есть эта страница: https://www.remotecareers.io/remote-jobs/new. Похоже, она работает нормально. Тем не менее, когда я пытаюсь получить его через Google, он говорит, что это Not Found.

enter image description here

В новой консоли поиска Google тоже говорится:

enter image description here

Пока что даже чтобы заставить работать This is how Googlebot saw the page: часть, я установил и добавил:

import "babel-polyfill"; // I tried this by itself as well as with the 2 below
import "url-search-params-polyfill";
import "whatwg-fetch";

Что странно, так это то, что домашняя страница (частично) работает, но остальные страницы вообще не сканируются. Я подумал, что это может быть из-за того, что я пропустил файл robots.txt, поэтому я добавил его, но он, похоже, не оказывает никакого влияния (https://www.remotecareers.io/robots.txt). Может кто-нибудь мне помочь?

1 Ответ

0 голосов
/ 09 января 2019

По моему опыту, использование googlebots для запуска javascript для отображения приложения не очень надежно. Для лучшей производительности SEO, вам нужно сделать серверное приложение для реагирования.

Вам понадобится выделенный сервер NodeJS, который будет отображать ваше реагирующее приложение, а затем отправлять отображенный HTML-код в браузер. Браузер получит ответ HTML, который также включает некоторые теги скрипта. После загрузки сценариев оно будет запускать и гидрировать ваше приложение реагирования, чтобы все работало правильно.

Попробуйте прочитать статью , чтобы начать работу по этой теме.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...