Как индексируются страницы spa приложения?

Question

[kimqar_ver]

Хочу начать учить vue чтобы в дальнейшем делать spa приложения. Перед изучением хотелось бы узнать - как индексируются в поисковике внутренние страницы spa приложения?

Comments

[Владислав Лысков]

Гугл норм, яндекс плохо, но это не беда, ибо есть nuxt, который сделает тебе ssr и ssg(prerendering)

[kimqar_ver]

Владислав Лысков, объясните пожалуйста "гугл в норме", то есть если например у меня есть внутренняя страница 'услуги', то он откроет именно страницу с уже открытым блоком услуги?

[Владислав Лысков]

kimqar_ver, именно, яндекс так не умеет, но ещё раз, посмотрите в торону накста, и прочтите вот это https://ssr.vuejs.org/ru/#%D1%87%D1%82%D0%BE-%D1%8...

[Антон Величко]

как индексируются в поисковике внутренние страницы spa приложения?

Индексация страниц сайта, работающего на Vue возможна в Яндексе только при переводе JS-кода в стандартный HTML-код, понятный для поисковиков. То есть для того, чтобы отдавать поисковому роботу контент в нужном виде, обязательно нужно производить его рендеринг.

Предпочтительный тип рендеринга - SSR

Что именно должно уходить в рендеринг и быть доступным сразу, на «холодном» старте страницы:

1. Стандартные мета-теги (Title, Description), подзаголовки (H1-H6), все остальные мета-теги (meta robots, canonical и т. д.)
   
2. Графическая информация, со всеми мета-тегами (title, alt и т. д.)
   
3. Ссылки на страницах, как внутренние, так и внешние, со всеми атрибутами (например index, follow и т. д.). Ссылки использовать только в формате a href, никаких onclick
   
4. Текстовое содержание страницы с используемым форматированием (абзацы, подзаголовки и т. д.). !Важно. Проверяйте, чтобы в подзаголовках, тексте не было комментария кода (часто бывает на ReactJS)
   
5. Меню и дополнительные элементы навигации — хлебные крошки, дополнительные блоки со ссылками на разделы, страницы и т. д.
   
6. Микроразметка: OG разметка, разметка хлебных крошек, разметка книг, контактов и т. д.
   

Как проверить, что индексация работает (особенно в Яндекс):

• Просканировать сайт инструментами для краулинга — Comparser, ScreamingFrog - должны выводить все URL сайта;
  
• Оператор поиска site: с вхождением точной фразы по странице - должна показываться в выдаче Я и G любая страница сайта, содержащая точное вхождение прописанной фразы (проверка вручную, поэтому выборочно разные типы страниц. Например, если интернет-магазин, то типа Контакты/О нас, страницы категорий/Подкатегорий, Карточки товаров).
  

Мониторинг:
Инструмент «Важные страницы» в панели Вебмастера Яндекс (размещаем в ней URL и постоянно следим за уведомлениями). Важно. Не забывать, что в любой момент может сломаться что угодно, и важно вовремя это заметить. Когда страницы выпадут из индекса — будет уже поздно.

Answer 1

[Vitaliy Shulha]

Если это Google то без проблем, он единственный умеет индексировать приложение, при условии нормального роутинга. Для остальных поисковых систем необходимо наличие контента в коде в формате HTML.