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, посадочная страница) — это одностраничное веб-приложение, которое ведёт посетителя к одному конкретному действию: оставить заявку, купить продукт, записаться на услугу, скачать материал. В отличие от обычного приложения-визитки, на лендинге нет навигации в стороны — всё подчинено одной воронке.