Почему AngularJS плохо индексируется поисковиками, а ReactJS хорошо?

Question

[vasIvas]

Когда я читаю что angularjs плохо индексируется поисковиками, а reactjs хорошо, то я не понимаю почему так. И отдельным пунктом хочется спросить, есть ли возможность написать на reactjs приложение так, чтобы оно так же как и в случаи с angularjs не индексировалось? И как сделать чтобы на reactjs индексировалось?

Answer 1

[Дмитрий Новиков]

поисковики плохо работают с js вообще. поисковый робот - это как пользователь, у которого js отключен (на самом деле все немного сложнее, и поисковики рендерят js, но это другой вопрос).
Отключите javascript в браузере и посмотрите, какой контент будет виден на сайте с angular и какой на сайте с react? вот этот контент поисковики и получат.
ну и react поддерживает рендеринг на стороне сервера, а значит поисковики будут получать сразу полноценный html. а не шаблон без контента, в случае с angular.

Comments

[Сергей Протько]

прость для того что бы все было честно, angular2 так же будет изоморфным, и для него так же будет доступен server-side рендринг.

Answer 2

[Денис Инешин]

Сами по себе обе эти технологии плохо индексируются. Но React это изоморфная библиотека. Это значит что она может быть запущена так же на сервере (node.js) для генерации страниц еще там, так чтобы было что выдавать поисковикам по прямому запросу. Angular 1.x этого не умеет (2.х, который сейчас в альфе, будет уметь).

Вот еще хорошая статья на хабре на тему: habrahabr.ru/post/203444

Comments

[vasIvas]

Это получается что reactjs нельзя использовать в связки с php laravel5? И раз рендер происходит на сервере, то сервер отдает финальную версию определенного блока html, которую reactjs добавляет в текущую страницу без перезагрузки? То есть на сервере api которое отдает законченный html?

[Денис Инешин]

vasIvas: не так. Node.js сервер в данном случае выполняет роль некого middle side. И только рендерит страницы в случае прямого запроса. Далее на клиенте, реакт подхватывает и продолжает работу с этого места. Все это дело совсем не отменяет вашего пхп сервера.

[Денис Инешин]

Владислав Турчинский: я и сам не видел там готовых проектов, вряд ли кто-то такое прямо выкладывает. Почитайте статью на хабре (я приложил ссылку) чтобы понять концепцию. А так вам нужно посмотреть на готовые концепции разработки. Например React + Flux или React + Flummox.

Answer 3

[Никита Гущин]

На laravel вы пишете rest API + у вас будет сервер на node.js на котором запущено универсальное (изоморфное) react-приложение.
Идея в том, что такое приложение (благодаря виртуальному DOM) работает как на клиенте, так и на сервере. React может автоматически подхватывать отрендеренную на сервере верстку (в том числе правильно навесить на нее ваши обработчики событий - клики, сабмиты и так далее).