Индексация сайта на vue.js

541
08 июля 2017, 11:29

Здравствуйте. Вопрос, возможно, глупый, но меня, как новичка, это очень интересует. Предположим, я использую vuejs для интернет магазина. Товар выводится с помощью JS, фильтрация идет с помощью vue. Я так понимаю, что тогда будет проблема с индексацией сайта. Так как робот не сможет нормально проиндексировать то, что появляется после загрузки страницы. Как в таком случае быть? Может я неправильно понимаю логику применения vue и подобных framework?

Answer 1

Современные поисковые движки хорошо заточены под индексирование более менее-статического контента. Поэтому с индексированием Single Page Applications, которые вообще целиком js-динамика у них трудности. И это проблема. Как для поисковиков так и для разработчиков.

Со стороны разработчиков самым распространенным подходом является так называемый SSR - server side rendering. Это когда каркас приложения (значительная часть html-разметки) генерируется на сервере, потом отдается на клиент, соответственно поисковик может ее нормально проиндексировать. И на клиенте этот каркас обычно "оживляется" всякими дополнительными обработчиками и прочей динамикой в зависимости от действий юзера.

При этом кусочек серверной части приложения ответственной за рендеринг написан с использованием обычно примерно того же что и клиентской части. React там или vuejs. Поддержка SSR есть в большинстве современных js-фреймворков.

Конкретно у vue.js есть мануал на русском языке про SSR. Там много написано про SSR в общем, не только конкретно про vue.

Если вопросы SEO стоят прям очень жестко, то нужно учесть что поисковики пытаются решить проблему со своей стороны все лучше обучая своих ботов понимать динамику, и могут занижать в выдаче сайты с SSR.

Но где-то год назад на родные механизмы полагаться было сложно и SSR был гораздо лучшим способом чем тонкая настройка под краулеры.

READ ALSO
Вопрос по поводу setState() в react

Вопрос по поводу setState() в react

ЗдравствуйтеЯ хотел спросить по поводу поведения метода setState в react

398
Как переключать слайды в owl-carousel стрелками клавиатуры?

Как переключать слайды в owl-carousel стрелками клавиатуры?

В документации к библиотеке не нашел реализации прокрутки слайдов стрелками клавиатурыКак это можно реализовать? Нужно чтобы при нажатии...

513
Первый элемент с классом

Первый элемент с классом

Подскажите, где ошибся

282
Генерация текстов

Генерация текстов

Добрый день всем!

297