Yandex индексация для SPA приложений

Год с небольшим назад я проводил здесь испытания, как поисковики индексируют SPA сайты. На тот момент Google справился на отлично, Yandex - не очень

Сейчас Yandex хорошо проиндексировал SPA сайт на Vue 3.

Индексация поисковиками была главным аргументом для выбора SSR метафреймворков. Однако теперь не нужно делать отдельный бэк для поисковых ботов, пререндеринг или использовать иные альтернативные подходы.

Также интересно, что у Vue SPA лучшие по сравнению с Nust SSR Core Web Vitals судя по этой табличке от Google:

Приведу два комментария к прошлогодней статье с Reddit по теме:

Консультант по SEO/a11y на проводе. Не могу передать, сколько раз я сталкивался с SEO-специалистами и/или клиентами, которые клялись, что вам нужен SSR, чтобы поисковые роботы правильно индексировали ваш SPA. Это не так уже почти десять лет. Есть множество гигантских Ecommerce брендов, которые используют SPA уже много лет и имеют чрезвычайно высокие показатели SEO (на ум приходит Walmart). Анекдотично, я лично руководил конверсией сайта .NET MVC Ecommerce со 100 000+ SKU на Vue 2 SPA, и мы действительно увидели улучшение наших SEO-метрических показателей. Это было 8 лет назад.
Мы обычно исходим из следующих соображений:
Является ли HTML семантическим и доступным (a11y)?
Предоставляется ли схема через JSON+LD и/или теги?
Соответствуют ли основные показатели сайта (core web vitals) требованиям?
Требует ли контент действий пользователя перед загрузкой? Например, если навигация по категориям находится в меню, который по умолчанию скрыт, то такая навигация может не индексироваться. В общем случае, если что-то может быть сделано через SSR, то это же также может быть отображено на стороне клиента и проиндексировано.
Все это Google укажет в Search Console / Lighthouse, чтобы сообщить вам о наличии проблемы.

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

Наш Телеграм‑канал о Vue.js и фронтенде в целом: https://t.me/vuefaq

Комментарии

@ChizhM

20.03.2025 05:41 UTC

Толку-то от индексации SPA?

Он никогда не будет даже в первой двадцатке выдачи по ВЧ запросам, если есть сайты на 100500 страниц по данной тематике.

@gmtd

20.03.2025 05:42 UTC

Дайте ссылку на парочку, только чтобы там были обоснованные аргументы, а не предполагаемые

@strokoff

20.03.2025 06:46 UTC

Ровно наоборот - это вы дайте ссылку где SPA будет выше по ВЧ ВК запросам (высокочастотным и высококонкурентым) по поисковой выдаче яндекса, хотя бы 1 пруф. Действительно уже 10 лет твердят такой миф но ни одного пруфа с реальной выдачи нету.

Ваш пример из прошлой статьи просто ничтожный, поиск абсолютно непопулярный и не конкурентный по прямому вхождению запроса. Вы в реальности попробуйте обойти по СЧ СК хотя-бы 1 SSR сайт, а не просто тестируйте "увидит ли поисковик title моего сайта"

p.s. желательно пример еще из РФ или хотябы СНГ сегмента. Можете начать с запроса "пластиковые окна" например и поискать там SPA ну или "купить квартиру в Москве" и там поискать. В таких запросах уже не получится обьяснить отсутствие SPA отсутствием бюджетов на разработку)

@riky

20.03.2025 09:40 UTC

Спа может быть на миллион страниц, вы с одностраничниками перепутали

@seoevil

20.03.2025 12:43 UTC

Снова ради рекл тэгэшечки

@alexnozer

21.03.2025 01:33 UTC

Vercel в прошлом году провели исследование о влиянии подходов к рендерингу на SEO и написали статью. Не знаю, насколько это предвзято, учитывая интерес Vercel в продвижении Next и инфраструктуры для него. Тем не менее, исследование внушительное и разрушает несколько мифов.

Если говорить в целом, то у гугла нет проблем с индексацией SPA. Но в итоговой таблице CSR всё равно помечен как худший из всех способов рендеринга (SSG, ISR, SSR, CSR). Как бы гугл классно не справлялся, для сканирования CSR нужно поднять инстанс безголового браузера, запустить там код, дождаться его выполнения, взять HTML и только потом можно работать. Это никак не может быть быстрее, чем взять сразу готовый HTML. Для гугла это лишние ресурсы, всё ещё проще индексировать статику. Поэтому какие-то квоты по индексации CSR всё равно есть.

Плюс к этому есть другие факторы. Те же Web Vitals. Мало просто попасть в индекс, нужно ещё и конкурентов обгонять. CSR из-за обилия JS для всего (отрисовка статического контента, роутинг, стейт, стор, API) будет уступать по перформансу аналогичному сайту на статике/островах. Потому что JS критический ресурс для перфоманса. Чем его меньше, тем лучше. Учитывая что маркетологи добавят Tag Manager и напихают на сайт десятки трекеров, пикселей, чат-ботов, куки баннеров и прочего добра.

Что касается гигантских Ecommerce с хорошим SEO: Walmart рендерит на сервере, на клиент приходит разметка с контентом, Ebay использует Marko, ориентированный на стриминг HTML с сервера, у Amazon тоже разметка с сервера отдаётся