Веб-студия · 2026

Перенос artweb.space с React SPA на Astro

Старый сайт студии был одностраничным React-приложением — поисковики видели пустую страницу. Пересобрали его на Astro как многостраничный сайт на двух языках.

Клиент
ArtWeb
Ниша
Веб-студия
Стек
Astro · TypeScript · Tailwind CSS · Cloudflare Pages
Главная страница нового сайта artweb.space: заголовок «Разработка сайтов, которые приводят клиентов»

01 / Результат

Что изменилось

3 → 50+

индексируемых страниц вместо одной на язык

ДоПосле
Контент в HTML без JavaScriptДо: нет — пустой div#rootПосле: да, на всех страницах
Индексируемых страницДо: 3 (по одной на язык)После: 50+ на RU и EN
JavaScript на главнойДо: 88 KB gzipПосле: ≈ 3 KB gzip
Страниц под услугиДо: 0После: 14 RU + 9 EN

artweb.space

02 / Задача · Решение

Задача

Старый artweb.space был собран как одностраничное React-приложение. Для пользователя он выглядел нормально, но в HTML, который получает поисковый робот, был только пустой контейнер. Все тексты появлялись после выполнения JavaScript. Яндекс такие страницы индексирует плохо, а все услуги умещались на одной странице — продвигать их по отдельным запросам было невозможно.

Ещё одна проблема — языки. RU, EN и ES переключались на клиенте, а title и description на всех трёх адресах были английскими.

Решение

  • Многостраничная структура. Каждая услуга получила свою страницу под свой кластер запросов, появились разделы кейсов, цен и блога.
  • Astro и статическая генерация. Весь контент собирается в HTML при сборке. JavaScript загружается только для формы, калькулятора и переключателя темы.
  • Два языка с разными адресами. RU в корне, EN в /en/, у каждой пары — hreflang, а английские тексты локализованы под зарубежного клиента: свои цены в USD, white-label для агентств.
  • Техническое SEO по умолчанию. Уникальные title и description, Schema.org (Organization, Service, FAQPage, BreadcrumbList), карта сайта с hreflang, OG-картинки для каждой страницы.
  • Старые адреса. /ru/ и /es/ перенаправляются 301-редиректом на новые версии.

Стек

Astro, TypeScript, Tailwind CSS, MDX-коллекции контента, Cloudflare Pages и серверная функция для заявок в Telegram и на почту.

Обсудить проект

Хочу так же

Расскажите о своём проекте — предложим решение и оценим сроки и стоимость.

Ответим в течение 2 часов в рабочее время.

Обсудить проект
TG

Оставьте контакт — ответим в течение 2 часов в рабочее время и пришлём оценку стоимости и сроков.

Или напишите сразу в Telegram @ArtwebSK