я использую React & Node JS для создания универсальных приложений (). Я также использую реактивный шлем в качестве библиотеки для обработки заголовка страницы, метаданных, описания и т. д. Но у меня возникают проблемы при динамической загрузке контента с использованием ajax, поисковый робот Google не может правильно получить мой сайт, потому что контент будет загружаться динамически. Любое предложение для решения этой проблемы? Благодарю вас!
Работа с SEO на Isomorphic React
Ответы (1)
У меня была похожая ситуация, но с бэкэндом как django, но я думаю, какой бэкэнд вы используете, не имеет значения.
Прежде всего, позвольте мне перейти к основам: боты Google на самом деле не ждут завершения ваших вызовов ajax. Если вы хотите проверить это, зарегистрируйте свою страницу в инструментах Google для веб-мастеров и попробуйте загрузить ее как Google, вы увидите, как вашу страницу видят боты (у меня была просто пустая страница со значком загрузки), поэтому, поскольку вызовы не завершаются, а не данные и страница пуста, что плохо для SEO, так как боты читают текст.
Итак, что вам нужно сделать, это попробовать рендеринг на стороне сервера. Это можно сделать двумя способами: prerender.io или создать шаблоны на сервере, которые загружаются при вызове страницы. в первый раз, после чего запускается ваше одностраничное приложение.
Если вы используете пререндеринг, он платный, но пререндеринг внутри использует phantom.js, который вы можете использовать напрямую. Но у меня это не сработало, поэтому я решил создать шаблоны на бэкенде. Таким образом, когда боты или пользователь заходят на страницу в первый раз (или впервые заходят), страница обслуживается из серверной части, а затем из внешнего интерфейса.
Не стесняйтесь спрашивать, если есть какие-либо вопросы :)