SPA
Также: Single Page Application, одностраничное приложение
SPA (Single Page Application, одностраничное приложение) — это сайт, в котором сервер отдаёт один пустой HTML и большой JavaScript-бандл, а все страницы рисуются в браузере без перезагрузки. Это удобно для интерфейсов вроде почты или дашбордов, но плохо подходит для маркетинговых сайтов, где важен поиск.
Как работает SPA
Когда посетитель открывает SPA, сервер отвечает примерно одним и тем же HTML на любой адрес: пустой каркас и ссылка на JavaScript-файл. Дальше JavaScript скачивается, выполняется, идёт за данными в API и только потом рисует то, что человек ожидал увидеть.
Переходы между страницами тоже идут на стороне браузера: новый адрес появляется в строке URL, но сервер про него ничего не знает.
Почему SPA плохо дружит с поиском
Googlebot умеет дорисовывать SPA-страницы как браузер, но делает это с задержкой и не для всех страниц подряд. YandexBot и многие LLM-боты (GPTBot, PerplexityBot) часто индексируют только то, что есть в первом HTML-ответе. Если там пусто — страница пропадает из выдачи.
К тому же все страницы SPA могут возвращать один и тот же HTTP 200, даже если внутри ошибка — это сбивает поисковики и мешает им понять, какие адреса реально существуют.
Когда SPA уместен
Личные кабинеты, дашборды, онлайн-редакторы, чаты, игры в браузере — всё, что не требует индексации поисковиком и где важна мгновенная реакция на действия пользователя.
Для лендингов, блогов и каталогов услуг SPA — компромисс с поиском, на который не стоит идти без серьёзной причины.
Гибридные варианты
На практике часто используют гибрид: маркетинговые страницы — SSG (готовый HTML), а зона приложения для авторизованных пользователей — SPA. Так сайт остаётся быстрым и индексируемым там, где это нужно, и удобным внутри кабинета.
Взлетим работает именно так: публичные страницы и сайты пользователей собираются как SSG, а интерфейс конструктора — как SPA.
Частые вопросы
Связанные термины
- SSGSSG (Static Site Generation, статическая генерация сайтов) — это способ сборки сайта, при котором каждая страница заранее превращается в готовый HTML-файл и отдаётся посетителю и поисковому роботу мгновенно, без работы JavaScript на стороне браузера. Так делают новостные порталы, документация и многие интернет-магазины.
- AI-конструктор сайтовAI-конструктор сайтов — это сервис, который собирает готовый сайт по текстовому описанию задачи на естественном языке. Вместо того чтобы вручную перетаскивать блоки, как в Тильде или Wix, вы пишете «лендинг для кофейни в Петербурге с меню и адресом», а AI сам подбирает структуру, тексты и оформление.
- ЛендингЛендинг (landing page, посадочная страница) — это одностраничный сайт, который ведёт посетителя к одному конкретному действию: оставить заявку, купить продукт, записаться на услугу, скачать материал. В отличие от обычного сайта-визитки, на лендинге нет навигации в стороны — всё подчинено одной воронке.