--- title: "Перенос сайта с Framer на Astro без потери SEO — Dardo" description: "Перенос сайта с Framer на Astro: экспорта в HTML нет. Что зафиксировать заранее, как пересобрать CMS, анимацию и формы и сохранить URL и SEO." url: "https://dardo.studio/ru/blog/framer-to-astro/" language: "ru" translations: {"en":"https://dardo.studio/en/blog/framer-to-astro/","es":"https://dardo.studio/es/blog/migrar-de-framer-a-astro/","fr":"https://dardo.studio/fr/blog/migrer-framer-vers-astro/","de":"https://dardo.studio/de/blog/framer-zu-astro-migrieren/","it":"https://dardo.studio/it/blog/migrare-da-framer-ad-astro/","pt":"https://dardo.studio/pt/blog/migrar-de-framer-para-astro/","nl":"https://dardo.studio/nl/blog/framer-naar-astro/","sv":"https://dardo.studio/sv/blogg/migrera-framer-till-astro/","pl":"https://dardo.studio/pl/blog/migracja-z-framera-do-astro/","uk":"https://dardo.studio/uk/blog/framer-to-astro/","ar":"https://dardo.studio/ar/blog/framer-to-astro/","hi":"https://dardo.studio/hi/blog/framer-to-astro/","th":"https://dardo.studio/th/blog/framer-to-astro/","ja":"https://dardo.studio/ja/blog/framer-to-astro/","ko":"https://dardo.studio/ko/blog/framer-to-astro/","zh-Hans":"https://dardo.studio/zh-Hans/blog/framer-to-astro/","zh-Hant":"https://dardo.studio/zh-Hant/blog/framer-to-astro/"} updated: "2026-10-13T01:04:58.289Z" --- [Блог](https://dardo.studio/ru/blog/) # Перенос сайта с Framer на Astro: как сменить платформу и не потерять дизайн и позиции У Framer нет экспорта в HTML, поэтому переход на Astro — это пересборка. Что сохранить заранее, что ломается и как не потерять дизайн, URL и позиции. Автор: [Nicolás Cerón](https://dardo.studio/ru/studio/) ·12 октября 2026 г. ![Пустая позолоченная рама на мольберте в мастерской художника ночью; от рамы тянется алая нить через открытое окно и вверх по тропинке на холме к освещённой обсерватории под звёздами.](https://dardo.studio/_astro/01M4S57PW4TH7D1E7E3RQM4Z4E_Z3SVDC.webp) ## Главное - Framer не предлагает экспорт в HTML для размещения на собственном хостинге, поэтому переход на Astro означает пересборку сайта, где опубликованные страницы Framer служат эталоном. - Перед пересборкой зафиксируйте каждый URL, коллекцию CMS, брейкпоинт и анимацию: Framer загружает контент, изображения и код со своего CDN и через свой рантайм. - Формы и файлы CMS во Framer зависят от его рантайма: дайте каждой форме собственный обработчик, а контент CMS перенесите в коллекции Astro или headless CMS. - Настройте серверные редиректы 301 один к одному на хостинге: статическая сборка Astro без адаптера создаёт только редиректы через meta refresh. - После запуска убедитесь, что ни canonical, ни запись в sitemap, ни тег Open Graph не указывают на старый адрес Framer. ## Коротко Справочный центр Framer прямо говорит, что Framer не предлагает экспорт в HTML для размещения сайта на собственном хостинге ([Справка Framer](https://www.framer.com/help/articles/can-i-export-my-website-to-html-and-self-host-it/)). Поэтому переход с Framer на Astro — это пересборка, а не экспорт. Вы сохраняете опубликованный сайт как эталон, пересобираете каждый шаблон в виде компонентов Astro, переносите контент CMS в коллекции, воссоздаёте ту анимацию, которая действительно нужна, и настраиваете постоянный редирект для каждого URL, который меняется. Если делать всё в этом порядке, новый сайт может выглядеть так же, загружать меньше JavaScript и сохранить позиции в поиске. Если пропустить снимок сайта или карту редиректов, получится редизайн, о котором никто не просил, и просадка поискового трафика. ## Почему команды уходят с Framer Framer — хороший инструмент, чтобы быстро проектировать и публиковать маркетинговые сайты. Причины уйти с него обычно практические, а не эстетические: - **Хостинг и владение.** Сайт на Framer работает на серверах Framer. Командам, которые хотят держать код в собственном репозитории, на своём хостинге или рядом со своим бэкендом, нужна пересборка. - **Стоимость тарифа за каждый сайт.** На [странице тарифов Framer](https://www.framer.com/pricing/), проверенной 12 октября 2026 года, тариф Basic стоит 10 USD в месяц, а тариф Pro, в котором появляются редиректы, — 30 USD в месяц, оба при оплате за год. Локализация — платное дополнение. - **Ограничения редиректов.** Редиректы во Framer работают только для путей в пределах одного домена ([Справка Framer](https://www.framer.com/help/articles/how-to-setup-redirects-to-maintain-seo-ranking/)). - **Формы, данные и интеграции**, которым нужен настоящий бэкенд: CRM, система бронирования, закрытый контент или всё, что должно работать на вашей собственной инфраструктуре. Если ваша маркетинговая команда каждую неделю визуально собирает и правит страницы, а сайт справляется со своей задачей, остаться на Framer может быть правильным решением. Миграция требует времени на дизайн и разработку, и она должна дать что-то конкретное. ## Что мы узнали, создавая инструмент для снимков сайтов на Framer Мы в Dardo создали внутренний инструмент, который делает снимок опубликованной страницы Framer (для сайта, которым вы владеете) и превращает его в автономный эталонный файл и трекер миграции на Astro, где каждая строка — это то, что нужно пересобрать. Работа над ним показала, где сайты на Framer прячут свою сложность: - **Ресурсы лежат на CDN Framer.** Изображения, шрифты и код загружаются с framerusercontent.com и связанных доменов. Адаптивные изображения запрашивают один и тот же файл в нескольких размерах (?width=512, ?width=1024), поэтому при снимке для каждого изображения сохраняется один локальный файл — самый большой. - **JavaScript приходит слоями.** Framer загружает небольшие модули, которые лишь реэкспортируют настоящий бандл, поэтому за один проход часть кода теряется. Инструмент сканирует страницу повторно, пока не перестанут появляться новые модули. - **Контент CMS — это отдельный формат файлов.** Коллекции CMS Framer поставляются как файлы .framercms, которые страница загружает с CDN диапазонами байтов. На обычном статическом хостинге такие запросы возвращают файл целиком, а модуль, который формирует их URL, указывает обратно на Framer. - **Рантайм переписывает страницу после загрузки.** React-рантайм Framer выполняет гидратацию HTML и может снова вставить удалённые вами элементы. Например, значок «Made in Framer» гидратируется в собственный контейнер. - **Формы зависят от Framer.** У сохранённых форм нет атрибута action в HTML; отправка работает только через клиентский рантайм Framer. - **SEO-теги указывают на Framer.** Если их не переписать, canonical и URL в Open Graph продолжают указывать на исходный адрес Framer. - **Анимация — это данные.** Эффекты появления хранятся на странице в виде JSON, поэтому инструмент записывает их вместе с ключевыми кадрами и таймингом каждой запущенной анимации. Вывод, который мы сделали: экспорт — это доказательная база, а не результат работы. Мы никогда не публикуем сохранённый HTML или рантайм Framer. Они точно показывают, что нужно пересобрать. ## Перенос с Framer на Astro: пошагово 1. **Составьте список всех URL.** Начните с sitemap.xml сайта, добавьте все страницы CMS и выгрузите отчёт «Страницы» из Google Search Console за максимально доступный период. Запишите редиректы, уже настроенные во Framer в разделе Site Settings, Hosting. 2. **Экспортируйте то, что позволяет Framer.** По словам Framer, контент CMS можно экспортировать с помощью плагинов в такие форматы, как CSV или JSON ([Справка Framer](https://www.framer.com/help/articles/porting-your-data-from-framer/)). Скачайте все изображения и файлы и проверьте лицензию каждого шрифта, прежде чем размещать его на своём хостинге. 3. **Сохраните опубликованный сайт как эталон.** Зафиксируйте каждый шаблон на каждом брейкпоинте, а также тайминг каждой анимации, которую хотите сохранить. Наш инструмент снимает страницы при ширине 1440, 810 и 390 пикселей, а затем на каждом брейкпоинте, найденном в CSS сайта, и на пиксель ниже и выше него. 4. **Пересоберите шаблоны в виде компонентов Astro.** Перенесите коллекции CMS в [коллекции контента](https://docs.astro.build/en/guides/content-collections/) или headless CMS, изображения — в [astro:assets](https://docs.astro.build/en/guides/images/), а локализованные страницы — в [i18n-маршрутизацию Astro](https://docs.astro.build/en/guides/internationalization/), по одному URL на каждый язык. 5. **Воссоздайте анимацию, которая несёт смысл.** Большинство эффектов Framer превращаются в CSS-переходы, ключевые кадры или небольшой скрипт. Учитывайте prefers-reduced-motion. В одной из наших собственных пересборок с Framer на Astro — сайте из 18 маршрутов, который не был клиентским проектом, — 217 из 219 состояний прокрутки и взаимодействия совпали с оригиналом с расхождением в пределах 1% пикселей. 6. **Дайте каждой форме настоящий обработчик.** Направьте каждую форму на собственный обработчик (Cloudflare Worker, сервис форм или вашу CRM) и проверьте доставку на тестовом сервере. 7. **Перенесите поисковые метаданные.** Title, description, теги Open Graph, структурированные данные и canonical, указывающий на саму страницу, — на каждой странице, а также новый XML-sitemap. 8. **Делайте редиректы на сервере, а не в HTML.** Статическая сборка Astro без адаптера превращает настроенные редиректы в страницы с meta refresh, у которых нет HTTP-кода ответа ([справочник по конфигурации Astro](https://docs.astro.build/en/reference/configuration-reference/)). Настройте редиректы 301 один к одному там, где размещён сайт, например в файле \_redirects на Cloudflare или в Worker. 9. **Запустите сайт и наблюдайте.** Переключите DNS, сохраняйте проект во Framer, пока новый сайт не будет проверен, и следите за отчётами Search Console об индексировании и страницах в течение следующих нескольких недель. Наш [SEO-чек-лист миграции сайта](https://dardo.studio/ru/blog/website-migration-seo-checklist/) охватывает день запуска и 90 дней после него. ## Что меняется после переезда | Область | На Framer | На Astro | | -------------- | ------------------------------------------- | ----------------------------------------------------------------- | | Редактирование | Визуальный холст во Framer | Поля CMS или код — в зависимости от выбранного решения | | Хостинг | Серверы Framer | Любой статический хостинг или edge-платформа, например Cloudflare | | Редиректы | Тариф Pro; подпути в пределах одного домена | Серверные 301 на вашем хостинге без ограничений по домену | | Анимация | Встроенные эффекты и взаимодействия | CSS и JavaScript, которые принадлежат вам и поддаются измерению | | CMS | Коллекции CMS Framer | Коллекции контента или headless CMS | | Формы | Обработка форм средствами Framer | Ваш собственный обработчик и хранилище данных | ## Как сохранить SEO Здесь применимо руководство Google по [переезду сайта со сменой URL](https://developers.google.com/search/docs/crawling-indexing/site-move-with-url-changes): сопоставьте каждый старый URL с ближайшим новым аналогом, используйте постоянные серверные редиректы и сохраняйте их не менее года. Если URL остаются прежними, а аккуратная пересборка часто позволяет этого добиться, достаточно проверить, что на новых страницах тот же контент и те же метаданные. Ловушка, характерная именно для Framer, — оставшийся адрес Framer. Убедитесь, что ни canonical, ни запись в sitemap, ни тег Open Graph не указывают на старый URL Framer и что после запуска нового сайта проект во Framer снят с публикации или перенаправлен. ## Как Dardo проводит миграцию с Framer Переезды с Framer мы проводим в рамках услуги [миграции сайта](https://dardo.studio/ru/services/website-migration/): инвентаризация, снимок сайта, сначала одна типовая страница, пересобранная и проверенная на согласованных значениях ширины, затем остальные шаблоны, формы и редиректы. Сама сборка — это [веб-разработка](https://dardo.studio/ru/services/web-development/) на Astro, а анимация — [креативная разработка](https://dardo.studio/ru/services/creative-development/). Этот сайт, dardo.studio, работает на Astro и Cloudflare Workers, а его контент хранится в headless CMS — такую связку мы используем чаще всего. Если вы обдумываете переезд, [пришлите нам сайт и расскажите, что хотите изменить](https://dardo.studio/ru/contact/?service=website-migration). Ещё до того, как оценивать пересборку, мы скажем, стоит ли она того. ## Частые вопросы **Можно ли экспортировать сайт на Framer в HTML?** Официально — нет. В справочном центре Framer сказано, что экспорт в HTML для размещения на собственном хостинге не предусмотрен. Некоторые инструменты умеют сохранить опубликованную страницу, но результат всё равно зависит от рантайма и CDN Framer, поэтому используйте его как эталон для пересборки, а не как готовый сайт для публикации. **Потеряю ли я позиции в Google при переезде с Framer на Astro?** Нет, если каждый URL, который приносит трафик, продолжит работать. По возможности сохраняйте пути без изменений, для изменившихся добавьте постоянные редиректы 301, перенесите title, description и структурированные данные и следите за Search Console несколько недель после запуска. **Можно ли экспортировать контент из CMS Framer?** По словам Framer, контент CMS можно экспортировать с помощью плагинов в такие форматы, как CSV или JSON. Скачайте также все изображения и файлы: поля коллекций часто ссылаются на CDN Framer. **Сможет ли команда редактировать сайт без кода после перехода на Astro?** Да, если новый сайт использует headless CMS. Редакторы работают в веб-интерфейсе, а сайт на Astro пересобирается из этого контента. Так устроен и dardo.studio. **Работают ли анимации Framer в Astro?** Напрямую — нет. Эффекты Framer выполняются в его собственном рантайме, поэтому каждую анимацию, которую нужно сохранить, воссоздают на CSS или небольшим скриптом, желательно с вариантом для режима уменьшенного движения. ## Источники и дополнительные материалы Источники, на которых основана эта страница, с дополнительными подробностями от первоначальных издателей. - [Справка Framer: можно ли экспортировать сайт в HTML и разместить его на своём хостинге? (на английском)](https://www.framer.com/help/articles/can-i-export-my-website-to-html-and-self-host-it/) · framer.com - [Справка Framer: перенос данных из Framer (на английском)](https://www.framer.com/help/articles/porting-your-data-from-framer/) · framer.com - [Справка Framer: как настроить редиректы (на английском)](https://www.framer.com/help/articles/how-to-setup-redirects-to-maintain-seo-ranking/) · framer.com - [Тарифы Framer (на английском)](https://www.framer.com/pricing/) · framer.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 - [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, студии брендинга, веб-дизайна и разработки в Боготе, Колумбия. ## Похожие статьи - [**SEO-чек-лист миграции сайта: как сменить платформу или домен и не потерять позиции**Позиции редко падают из-за новой платформы. Они падают, когда URL, приносившие трафик, перестают отвечать. Чек-лист от инвентаризации URL до 90-го дня.](https://dardo.studio/ru/blog/website-migration-seo-checklist/) - [**WordPress или индивидуальная разработка сайта: как выбрать и когда что окупается**WordPress или индивидуальная разработка: когда что окупается и чем хорош headless WordPress. Сравнение по цене, скорости, обновлениям и владению.](https://dardo.studio/ru/blog/wordpress-vs-custom-website/) - [**Перенос сайта с Webflow на Astro: как сменить платформу и не потерять контент, дизайн и позиции**Перенос с Webflow на Astro: экспорт кода не включает CMS, формы, поиск и языковые версии. Что забрать из Webflow, что пересобрать и как сохранить позиции.](https://dardo.studio/ru/blog/webflow-to-astro/) - [**3D-сайты: когда они оправданы и как сохранить их быстрыми**Когда 3D-сайт оправдан, когда лучше подойдут видео или изображения и как мы сохранили десять 3D-миров Janus Observatory быстрыми, доступными и удобными.](https://dardo.studio/ru/blog/3d-websites/) ## Продолжайте знакомство. - [Услуга · **Миграция сайта без потери SEO-позиций**](https://dardo.studio/ru/services/website-migration/) - [Ваш проект · **Начать разговор**](https://dardo.studio/ru/contact/)