--- title: "Перенос сайта с Webflow на Astro без потери SEO — Dardo" description: "Перенос сайта с Webflow на Astro: экспорт кода не включает CMS, формы и языковые версии. Что экспортировать, что пересобрать и как сохранить URL и SEO." url: "https://dardo.studio/ru/blog/webflow-to-astro/" language: "ru" translations: {"en":"https://dardo.studio/en/blog/webflow-to-astro/","es":"https://dardo.studio/es/blog/migrar-de-webflow-a-astro/","fr":"https://dardo.studio/fr/blog/migrer-webflow-vers-astro/","de":"https://dardo.studio/de/blog/webflow-zu-astro-migrieren/","it":"https://dardo.studio/it/blog/migrare-da-webflow-ad-astro/","pt":"https://dardo.studio/pt/blog/migrar-de-webflow-para-astro/","nl":"https://dardo.studio/nl/blog/webflow-naar-astro/","sv":"https://dardo.studio/sv/blogg/migrera-webflow-till-astro/","pl":"https://dardo.studio/pl/blog/migracja-z-webflow-do-astro/","uk":"https://dardo.studio/uk/blog/webflow-to-astro/","ar":"https://dardo.studio/ar/blog/webflow-to-astro/","hi":"https://dardo.studio/hi/blog/webflow-to-astro/","th":"https://dardo.studio/th/blog/webflow-to-astro/","ja":"https://dardo.studio/ja/blog/webflow-to-astro/","ko":"https://dardo.studio/ko/blog/webflow-to-astro/","zh-Hans":"https://dardo.studio/zh-Hans/blog/webflow-to-astro/","zh-Hant":"https://dardo.studio/zh-Hant/blog/webflow-to-astro/"} updated: "2026-10-13T02:20:06.997Z" --- [Блог](https://dardo.studio/ru/blog/) # Перенос сайта с Webflow на Astro: как сменить платформу и не потерять контент, дизайн и позиции Перенос с Webflow на Astro: экспорт кода не включает CMS, формы, поиск и языковые версии. Что забрать из Webflow, что пересобрать и как сохранить позиции. Автор: [Nicolás Cerón](https://dardo.studio/ru/studio/) ·12 октября 2026 г. ![Старый каменный шлюз ночью: деревянные ворота открыты, маленькая алая лодка выплывает из бурного канала в спокойную гавань, а на холме над ней светится обсерватория.](https://dardo.studio/_astro/01M4SGD5R7TZ48H2M3RJ9DSK7D_Z2nrI.webp) ## Главное - На платных тарифах Workspace Webflow экспортирует HTML, CSS, JavaScript и изображения, но не контент CMS, обработку форм, поиск по сайту, защиту паролем и дополнительные языки. - Экспортируйте каждую коллекцию CMS в CSV, по одному разу на каждый язык, или получите её через Webflow Data API и скачайте все изображения: экспортированные поля изображений по-прежнему указывают на хостинг Webflow. - Используйте экспорт кода как эталон, а не как новый сайт: в нём остаются JavaScript Webflow, jQuery и пустые списки коллекций. - Webflow отдаёт URL без завершающего слеша: настройте trailingSlash и build.format в Astro так, чтобы адреса совпадали, а для всего, что меняется, добавьте серверные редиректы 301 один к одному. - Прежде чем закрывать проект Webflow, убедитесь, что ни одно изображение, PDF или изображение Open Graph больше не отдаётся с website-files.com. ## Коротко Уйти с Webflow проще, чем с Framer, у которого экспорта в HTML нет вовсе, — но только отчасти. На платных тарифах Workspace можно экспортировать HTML, CSS, JavaScript и изображения сайта и разместить их на любом хостинге. При этом справочный центр Webflow так же прямо говорит о том, что остаётся за бортом: контент CMS, обработка форм, поиск по сайту, защита паролем, локализованные страницы и code components в экспорт не попадают, а списки коллекций (Collection lists) показывают пустое состояние ([Справка Webflow](https://help.webflow.com/hc/en-us/articles/33961386739347-How-do-I-export-my-Webflow-site-code)). Поэтому перенос сайта с Webflow на Astro — это отчасти экспорт, отчасти пересборка. Вы экспортируете то, что отдаёт Webflow, выгружаете CMS в CSV или через API, пересобираете каждый шаблон в виде компонентов Astro, заменяете формы и поиск, воссоздаёте взаимодействия, которые хотите сохранить, и настраиваете постоянный редирект для каждого URL, который меняется. Если делать всё в этом порядке, новый сайт сохранит дизайн, контент и позиции в поиске. ## Почему команды переходят с Webflow на Astro Webflow — сильный визуальный конструктор, и многим маркетинговым командам стоит на нём остаться. Причины уйти обычно связаны с владением и стоимостью, а не с дизайном: - **Сайт переходит в руки разработчиков.** Когда большую часть изменений вносят разработчики, с кодом в собственном репозитории работать быстрее, чем с визуальным холстом, и этот код может жить рядом с вашим продуктом, бэкендом и тестами. - **Стоимость тарифа за каждый сайт.** На [странице тарифов Webflow](https://webflow.com/pricing), проверенной 13 октября 2026 года, тариф сайта Basic стоит 15 USD в месяц, а Premium — тариф с Webflow CMS — 25 USD в месяц, оба при оплате за год. Локализация — платное дополнение от 9 USD в месяц. - **Функции, которым нужен настоящий бэкенд:** формы, которые записывают данные в вашу CRM, закрытый контент, поиск сразу по нескольким сайтам или всё, что должно работать на вашей собственной инфраструктуре. - **Сам по себе экспорт не освобождает от Webflow.** Для экспорта кода нужен платный тариф Workspace, а не только тариф сайта, и CMS в экспорт не входит. Чистый переезд в любом случае требует планирования. Если ваша маркетинговая команда каждую неделю визуально публикует страницы, а сайт справляется со своей задачей, остаться на Webflow — разумный выбор. Миграция должна дать что-то конкретное. ## Что входит в экспорт кода Webflow, а что нет | Часть сайта | Есть в экспорте кода? | Что делать в Astro | | ----------------------------------------------------- | ------------------------------------------------- | ---------------------------------------------------------- | | Статические страницы | Да, в виде файлов .html, только на основном языке | Пересобрать как страницы и компоненты Astro | | Стили | Да: CSS сайта, webflow.css и normalize.css | Использовать как эталон и оставить только нужный CSS | | Взаимодействия и компоненты | Да, через JavaScript-файлы Webflow | Воссоздать на CSS или небольшим скриптом | | Изображения из панели Assets | Да | Оптимизировать с помощью astro:assets | | Элементы и списки коллекций CMS | Нет; списки показывают пустое состояние | Экспортировать в CSV или получить через API | | Отправка форм | Не обрабатывается | Направить каждую форму на собственный обработчик | | Поиск по сайту | Нет | Добавить статический поисковый индекс или поисковый сервис | | Защита паролем | Нет | Защитить страницы на уровне хостинга или приложения | | Дополнительные языки | Нет; только основной язык | Пересобрать с i18n-маршрутизацией Astro | | Ecommerce, пользовательские аккаунты, code components | Нет | Планировать каждый пункт как отдельный проект | Источник: справочная статья Webflow об [экспорте кода сайта](https://help.webflow.com/hc/en-us/articles/33961386739347-How-do-I-export-my-Webflow-site-code). ## Что мы увидели, изучив опубликованные сайты на Webflow 13 октября 2026 года мы скачали главные страницы семи сайтов, сделанных на Webflow, включая сам webflow.com, и посмотрели, что пришлось бы переносить при миграции: - **Все семь загружают jQuery и изображения с серверов Webflow.** Изображения отдаются с cdn.prod.website-files.com, а справочный центр Webflow сам предупреждает: поля изображений и файлов, экспортированные в CSV, — это ссылки на хостинг исходного проекта, и они перестанут работать, если этот проект удалить ([Справка Webflow](https://help.webflow.com/hc/en-us/articles/33961290794771-How-do-I-import-content-into-the-Webflow-CMS)). Каждый ресурс придётся скачать и разместить заново. - **Все семь отдают с Webflow и изображение для превью в соцсетях.** Про изображение Open Graph легко забыть, а превью ссылок в LinkedIn или WhatsApp останутся без картинки, как только старый проект закроют. - **Все семь выводят списки CMS прямо в опубликованном HTML**, от 3 до 19 списков коллекций на главной странице. Это хорошая новость: в отличие от сайта на Framer, который, как показывает наше [руководство по переносу с Framer на Astro](https://dardo.studio/ru/blog/framer-to-astro/), достраивается рантаймом уже после загрузки, опубликованная страница Webflow — полноценный эталон того, какой контент где находится, хотя экспорт кода и оставляет эти списки пустыми. - **Пять из семи используют Webflow Interactions**: их выдают атрибуты data-w-id, которыми на одной главной странице помечено до 109 элементов. Каждое взаимодействие — это небольшой фрагмент поведения, который нужно воссоздать, или решение от него отказаться. ## Перенос с Webflow на Astro: пошагово 1. **Составьте список всех URL.** Webflow автоматически генерирует /sitemap.xml, если эта опция включена ([Справка Webflow](https://help.webflow.com/hc/en-us/articles/33961355371667-Create-a-sitemap-in-Webflow)). Добавьте все страницы коллекций, выгрузите отчёт «Страницы» из Google Search Console за максимально доступный период и экспортируйте уже настроенные редиректы 301 в CSV в разделе Site settings, Publishing ([Справка Webflow](https://help.webflow.com/hc/en-us/articles/33961211526291-Import-export-301-redirects)). 2. **Экспортируйте контент.** Экспортируйте каждую коллекцию CMS в CSV из панели CMS — по одному разу на каждый язык, если используете Localize, — и сохраните столбец Item ID. CSV упрощает структуру: поля-ссылки (reference) выгружаются обычным текстом, множественные ссылки (multi-reference) — текстом через запятую, а форматированный текст (rich text) — в виде HTML. Для всего, где есть связи, [Webflow Data API](https://developers.webflow.com/data/reference/cms/collection-items) отдаёт элементы вместе с полями и языковыми версиями, и обычно это чище, чем склеивать CSV-файлы обратно. 3. **Скачайте все ресурсы.** Изображения, PDF, шрифты, лицензия которых позволяет размещать их на своём хостинге, изображения Open Graph и favicon. Не закрывайте проект Webflow, пока новый сайт не перестанет ссылаться на website-files.com. 4. **Экспортируйте код как эталон.** Если у вас платный тариф Workspace, экспортируйте HTML и CSS. Не публикуйте этот код как новый сайт: в нём останутся webflow.js, jQuery и пустые списки CMS. Используйте его, чтобы сверять точные отступы, брейкпоинты и структуру классов. 5. **Смоделируйте контент в Astro.** Превратите каждую коллекцию в [коллекцию контента](https://docs.astro.build/en/guides/content-collections/) Astro или в модель headless CMS, сохранив связи между записями, затем пересоберите каждый шаблон в виде компонентов Astro и перенесите изображения в [astro:assets](https://docs.astro.build/en/guides/images/). 6. **Воссоздайте взаимодействия, которые несут смысл.** Большинство Webflow Interactions превращаются в CSS-переходы, ключевые кадры (keyframes) или несколько строк JavaScript. Для более сложной анимации подойдёт GSAP: он бесплатен для коммерческого использования с апреля 2025 года, когда его таким сделал Webflow ([Webflow](https://webflow.com/blog/gsap-becomes-free)). В любом случае учитывайте prefers-reduced-motion. 7. **Замените формы, поиск и защищённые страницы.** Дайте каждой форме настоящий обработчик (Cloudflare Worker, сервис форм или вашу CRM), добавьте статический поисковый индекс, например [Pagefind](https://pagefind.app/), если сайту нужен поиск, и перенесите защиту паролем на уровень хостинга или приложения. 8. **Правильно пересоберите локализованные страницы.** В экспорт кода попадает только основной язык, поэтому соберите каждую языковую версию с [i18n-маршрутизацией Astro](https://docs.astro.build/en/guides/internationalization/): по одному URL на язык и hreflang между ними. 9. **Сохраните формат URL.** Webflow отдаёт страницы без завершающего слеша и перенаправляет /pricing/ на /pricing. Настройте trailingSlash и build.format в Astro так, чтобы новый сайт генерировал те же адреса ([справочник по конфигурации Astro](https://docs.astro.build/en/reference/configuration-reference/)): каждое расхождение — это лишний редирект. 10. **Делайте редиректы на сервере, затем запускайте сайт и наблюдайте.** Статическая сборка Astro без адаптера превращает настроенные редиректы в страницы с meta refresh, поэтому настройте редиректы 301 один к одному там, где размещён сайт, например в файле \_redirects на Cloudflare. Переключите DNS, сохраняйте проект Webflow, пока новый сайт не будет проверен, и следите за отчётами Search Console об индексировании в течение следующих нескольких недель. Наш [SEO-чек-лист миграции сайта](https://dardo.studio/ru/blog/website-migration-seo-checklist/) охватывает день запуска и 90 дней после него. ## Что меняется после переезда | Область | На Webflow | На Astro | | -------------- | ------------------------------------------ | ----------------------------------------------------------------- | | Редактирование | Визуальный Designer и редактор Webflow CMS | Поля CMS или код — в зависимости от выбранного решения | | Хостинг | Хостинг Webflow с оплатой за каждый сайт | Любой статический хостинг или edge-платформа, например Cloudflare | | CMS | Коллекции Webflow | Коллекции контента или headless CMS | | Формы | Обработка форм средствами Webflow | Ваш собственный обработчик и хранилище данных | | Поиск | Поиск по сайту Webflow (Premium) | Статический индекс или поисковый сервис | | Локализация | Дополнение Webflow Localize | i18n-маршрутизация Astro, по одному URL на язык | | Анимация | Webflow Interactions и GSAP | CSS и JavaScript, которые принадлежат вам и поддаются измерению | ## Как сохранить SEO Здесь применимо руководство Google по [переезду сайта со сменой URL](https://developers.google.com/search/docs/crawling-indexing/site-move-with-url-changes): сопоставьте каждый старый URL с ближайшим новым аналогом, используйте постоянные серверные редиректы и сохраняйте их не менее года. Если URL остаются прежними, а при аккуратной пересборке с Webflow этого часто удаётся добиться, в основном нужно проверить, что title, description, canonical, структурированные данные и изображения Open Graph перенесены. Ловушки, характерные именно для Webflow, — это остатки старого сайта: изображение Open Graph или PDF, которые всё ещё отдаются с website-files.com, тестовый адрес на webflow.io, который по-прежнему в индексе, или страница CMS, чей slug изменился при переезде. Проверьте все три пункта, прежде чем закрывать проект Webflow. ## Как Dardo проводит миграцию с Webflow Переезды с Webflow мы проводим в рамках услуги [миграции сайта](https://dardo.studio/ru/services/website-migration/): инвентаризация URL и контента, экспорт CMS, сначала одна типовая страница, пересобранная и проверенная на согласованных значениях ширины, затем остальные шаблоны, формы и редиректы. Сама сборка — это [веб-разработка](https://dardo.studio/ru/services/web-development/) на Astro, а анимация — [креативная разработка](https://dardo.studio/ru/services/creative-development/). Этот сайт, dardo.studio, работает на Astro и Cloudflare Workers, его контент хранится в headless CMS, и этот блог мы пишем и публикуем через ту же CMS. Если вы обдумываете переезд, [пришлите нам сайт и расскажите, что хотите изменить](https://dardo.studio/ru/contact/?service=website-migration). Ещё до того, как оценивать работу, мы скажем, стоит ли уходить с Webflow. ## Частые вопросы **Можно ли экспортировать сайт на Webflow в HTML?** Да, на платных тарифах Workspace: Webflow экспортирует HTML, CSS, JavaScript и изображения, и их можно разместить на любом хостинге без указания авторства. Одного тарифа сайта для экспорта кода недостаточно, а сам экспорт не включает контент CMS, обработку форм, поиск по сайту, защиту паролем и дополнительные языки. **Входит ли контент CMS в экспорт кода Webflow?** Нет. Списки коллекций показывают пустое состояние, а страницы коллекций теряют контент, привязанный к их полям. Экспортируйте каждую коллекцию в CSV из панели CMS или получите её через Webflow Data API, который отдаёт поля и языковые версии вместе. **Потеряю ли я позиции в Google при переезде с Webflow на Astro?** Нет, если каждый URL, который приносит трафик, продолжит работать. Сохраните те же пути, включая формат Webflow без завершающего слеша, добавьте постоянные редиректы 301 для всего, что меняется, перенесите title, description и структурированные данные и следите за Search Console несколько недель после запуска. **Работают ли взаимодействия Webflow в Astro?** Не в исходном виде. Они выполняются на JavaScript Webflow, поэтому каждое взаимодействие, которое вы сохраняете, пересобирают на CSS или небольшим скриптом. Для более сложной анимации есть GSAP: он бесплатен для коммерческого использования с апреля 2025 года. **Что происходит с формами Webflow после миграции?** Экспортированные формы никуда не отправляют данные, потому что Webflow обрабатывает отправки на своём хостинге. Направьте каждую форму на собственный обработчик, например Cloudflare Worker, сервис форм или вашу CRM, проверьте доставку до запуска и отдельно экспортируйте из Webflow прежние заявки. **Сможет ли команда редактировать сайт без кода после ухода с Webflow?** Да, если сайт на Astro использует headless CMS. Редакторы работают в веб-интерфейсе, а сайт пересобирается из этого контента. Так устроен и dardo.studio. ## Источники и дополнительные материалы Источники, на которых основана эта страница, с дополнительными подробностями от первоначальных издателей. - [Справка Webflow: как экспортировать код сайта (на английском)](https://help.webflow.com/hc/en-us/articles/33961386739347-How-do-I-export-my-Webflow-site-code) · help.webflow.com - [Справка Webflow: импорт и экспорт контента коллекций CMS (на английском)](https://help.webflow.com/hc/en-us/articles/33961290794771-How-do-I-import-content-into-the-Webflow-CMS) · help.webflow.com - [Справка Webflow: импорт и экспорт редиректов 301 (на английском)](https://help.webflow.com/hc/en-us/articles/33961211526291-Import-export-301-redirects) · help.webflow.com - [Справка Webflow: создание sitemap в Webflow (на английском)](https://help.webflow.com/hc/en-us/articles/33961355371667-Create-a-sitemap-in-Webflow) · help.webflow.com - [Тарифы Webflow (на английском)](https://webflow.com/pricing) · webflow.com - [Webflow Data API: список элементов коллекции (на английском)](https://developers.webflow.com/data/reference/cms/collection-items) · developers.webflow.com - [Webflow: GSAP становится на 100% бесплатным (на английском)](https://webflow.com/blog/gsap-becomes-free) · webflow.com - [Документация Astro: коллекции контента (на английском)](https://docs.astro.build/en/guides/content-collections/) · docs.astro.build - [Документация Astro: изображения (на английском)](https://docs.astro.build/en/guides/images/) · docs.astro.build - [Документация Astro: i18n-маршрутизация (на английском)](https://docs.astro.build/en/guides/internationalization/) · docs.astro.build - [Документация Astro: справочник по конфигурации (на английском)](https://docs.astro.build/en/reference/configuration-reference/) · docs.astro.build - [Pagefind: статический поиск (на английском)](https://pagefind.app/) · pagefind.app - [Google Search Central: переезд сайта со сменой URL](https://developers.google.com/search/docs/crawling-indexing/site-move-with-url-changes) · developers.google.com [Nicolás Cerón](https://dardo.studio/ru/studio/) Nicolás Cerón — основатель Dardo, студии брендинга, веб-дизайна и разработки в Боготе, Колумбия. ## Похожие статьи - [**Перенос сайта с Framer на Astro: как сменить платформу и не потерять дизайн и позиции**У Framer нет экспорта в HTML, поэтому переход на Astro — это пересборка. Что сохранить заранее, что ломается и как не потерять дизайн, URL и позиции.](https://dardo.studio/ru/blog/framer-to-astro/) - [**SEO-чек-лист миграции сайта: как сменить платформу или домен и не потерять позиции**Позиции редко падают из-за новой платформы. Они падают, когда URL, приносившие трафик, перестают отвечать. Чек-лист от инвентаризации URL до 90-го дня.](https://dardo.studio/ru/blog/website-migration-seo-checklist/) - [**Перенос сайта с WordPress на Astro: headless или полный переезд и как не потерять позиции в поиске**Перенос с WordPress на Astro: два пути, что экспортировать, как сохранить данные Yoast, постоянные ссылки и загрузки и какие URL WordPress часто забывают.](https://dardo.studio/ru/blog/wordpress-to-astro/) - [**WordPress или индивидуальная разработка сайта: как выбрать и когда что окупается**WordPress или индивидуальная разработка: когда что окупается и чем хорош headless WordPress. Сравнение по цене, скорости, обновлениям и владению.](https://dardo.studio/ru/blog/wordpress-vs-custom-website/) ## Продолжайте знакомство. - [Услуга · **Миграция сайта без потери SEO-позиций**](https://dardo.studio/ru/services/website-migration/) - [Ваш проект · **Начать разговор**](https://dardo.studio/ru/contact/)