---
title: "نقل موقع Framer إلى Astro دون خسارة التصميم أو SEO — Dardo"
description: "نقل موقع Framer إلى Astro يعني إعادة بنائه، فلا تصدير HTML في Framer. ما تلتقطه، وكيف تعيد بناء المحتوى والحركة والنماذج، وتحافظ على الروابط وSEO."
url: "https://dardo.studio/ar/blog/framer-to-astro/"
language: "ar"
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/","ru":"https://dardo.studio/ru/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:09:44.962Z"
---

[المدونة](https://dardo.studio/ar/blog/)

# نقل موقع Framer إلى Astro: كيف تنقل موقعك دون أن تخسر تصميمه أو ترتيبه في نتائج البحث

نقل موقع Framer إلى Astro إعادة بناء، فـFramer لا يتيح تصدير HTML. ما الذي تلتقطه أولًا، وما الذي يتعطل، وكيف تحافظ على التصميم والروابط والترتيب.

بقلم [Nicolás Cerón](https://dardo.studio/ar/studio/) ·12 أكتوبر 2026

![إطار لوحة مذهّب فارغ على حامل رسم في مرسم فنان ليلًا، يمتد منه خيط قرمزي عبر نافذة مفتوحة ثم يصعد درب تلّة حتى مرصد مضاء تحت النجوم.](https://dardo.studio/_astro/01M4S57PW4TH7D1E7E3RQM4Z4E_Z3SVDC.webp)

## أهم النقاط

- لا يتيح Framer تصدير HTML للاستضافة الذاتية، لذا يعني الانتقال إلى Astro إعادة بناء الموقع، مع اعتماد صفحات Framer المنشورة مرجعًا.
- سجّل كل رابط وكل مجموعة في نظام إدارة المحتوى وكل نقطة توقف وكل حركة قبل إعادة البناء، لأن Framer يحمّل محتواه وصوره وشيفرته من شبكة CDN وبيئة التشغيل (runtime) الخاصتين به.
- تعتمد نماذج Framer وملفات نظام إدارة المحتوى فيه على بيئة تشغيل Framer؛ فاربط كل نموذج بنقطة استقبال (endpoint) خاصة بك، وانقل المحتوى إلى مجموعات Astro أو إلى نظام إدارة محتوى headless.
- اضبط عمليات إعادة توجيه 301 من جهة الخادم بنظام 1:1 لدى جهة الاستضافة؛ فبناء Astro الثابت دون محوّل (adapter) لا ينتج إلا عمليات إعادة توجيه من نوع meta-refresh.
- تأكد بعد الإطلاق من أنه لا يوجد وسم canonical أو إدخال في خريطة الموقع أو وسم Open Graph ما زال يشير إلى عنوان Framer القديم.

## الإجابة المختصرة

يقول مركز المساعدة لدى Framer صراحةً إنه لا يوفّر تصدير HTML للاستضافة الذاتية ([Framer Help](https://www.framer.com/help/articles/can-i-export-my-website-to-html-and-self-host-it/)). لذا فنقل الموقع من Framer إلى Astro إعادة بناء وليس عملية تصدير. تلتقط الموقع المنشور ليكون مرجعًا، وتعيد بناء كل قالب على هيئة مكوّنات Astro، وتنقل محتوى نظام إدارة المحتوى إلى مجموعات (collections)، وتعيد إنشاء الحركة التي تحتاج إليها فعلًا، وتمنح كل رابط يتغيّر إعادة توجيه دائمة.

إذا سرت بهذا الترتيب، يمكن أن يبدو الموقع الجديد كما كان، وأن يحمّل قدرًا أقل من JavaScript، وأن يحتفظ بترتيبه في نتائج البحث. أما إذا تخطّيت الالتقاط أو خريطة إعادة التوجيه، فستنتهي بإعادة تصميم لم يطلبها أحد وبتراجع في الزيارات القادمة من البحث.

## لماذا تغادر الفرق Framer

Framer أداة جيدة لتصميم المواقع التسويقية ونشرها بسرعة. وأسباب المغادرة عادةً عملية لا جمالية:

- **الاستضافة والملكية.** يعمل موقع Framer على خوادم Framer. والفرق التي تريد الشيفرة في مستودعها الخاص، أو على استضافتها الخاصة، أو بجوار الواجهة الخلفية (backend) الخاصة بها، تحتاج إلى إعادة بناء.
- **تكلفة الخطة لكل موقع.** بحسب [صفحة أسعار Framer](https://www.framer.com/pricing/) التي راجعناها في 12 أكتوبر 2026، تكلّف خطة Basic مبلغ 10 دولارات أمريكية شهريًا، وخطة Pro التي تضيف عمليات إعادة التوجيه 30 دولارًا شهريًا، وكلتاهما بفوترة سنوية. أما التوطين (Localization) فإضافة مدفوعة.
- **حدود إعادة التوجيه.** لا تعمل عمليات إعادة التوجيه في Framer إلا للمسارات داخل النطاق نفسه ([Framer Help](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 وحدات صغيرة لا تفعل سوى إعادة تصدير الحزمة الحقيقية، لذا تفوّت جولة فحص واحدة جزءًا من الشيفرة. وتواصل الأداة إعادة الفحص إلى أن لا تظهر أي وحدة جديدة.
- **محتوى نظام إدارة المحتوى بصيغة ملفات مستقلة.** تُشحن مجموعات Framer CMS على هيئة ملفات .framercms تجلبها الصفحة من شبكة CDN على شكل نطاقات من البايتات (byte ranges). وعلى استضافة ثابتة عادية تعيد هذه الطلبات الملف كاملًا، كما أن الوحدة التي تبني روابطها تشير مجددًا إلى Framer.
- **بيئة التشغيل تعيد كتابة الصفحة بعد تحميلها.** تُجري بيئة تشغيل React في Framer عملية hydration على HTML، وقد تعيد إدراج عناصر أزلتها. فشارة «Made in Framer» مثلًا تُعاد إضافتها عبر hydration داخل حاوية خاصة بها.
- **النماذج تعتمد على Framer.** لا تحمل النماذج الملتقطة خاصية action في HTML، ولا يعمل إرسالها إلا عبر بيئة تشغيل Framer في المتصفح.
- **وسوم SEO تشير إلى Framer.** ما لم تُعَد كتابتها، تظل روابط canonical وOpen Graph تعلن عنوان Framer الأصلي.
- **الحركة بيانات.** تُخزَّن تأثيرات الظهور (Appear effects) في الصفحة على هيئة بيانات JSON، لذا تسجّلها الأداة مع الإطارات المفتاحية (keyframes) وتوقيت كل حركة قيد التشغيل.

الاستنتاج الذي خرجنا به: التصدير دليل وليس هو المُخرَج النهائي. لا ننشر أبدًا HTML الملتقط ولا بيئة تشغيل Framer، بل يخبراننا بدقة بما يجب إعادة بنائه.

## من Framer إلى Astro خطوة بخطوة

1. **اجرد كل الروابط.** ابدأ من ملف sitemap.xml للموقع، وأضف كل صفحة من نظام إدارة المحتوى، واستخرج تقرير الصفحات (Pages) من Google Search Console لأطول نطاق زمني متاح. ودوّن أي عمليات إعادة توجيه مضبوطة مسبقًا في Framer ضمن Site Settings ثم Hosting.
2. **صدّر ما يسمح به Framer.** يقول Framer إن محتوى نظام إدارة المحتوى يمكن تصديره عبر إضافات إلى صيغ مثل CSV أو JSON ([Framer Help](https://www.framer.com/help/articles/porting-your-data-from-framer/)). نزّل كل صورة وكل ملف، وتحقق من ترخيص كل خط قبل استضافته بنفسك.
3. **التقط الموقع المنشور ليكون مرجعًا.** سجّل كل قالب عند كل نقطة توقف (breakpoint)، إضافةً إلى توقيت كل حركة تريد الإبقاء عليها. تلتقط أداتنا الصفحات بعرض 1440 و810 و390 بكسل، ثم عند بكسل واحد أقل من كل نقطة توقف تجدها في CSS الموقع، وعندها تمامًا، وبكسل واحد فوقها.
4. **أعد بناء القوالب على هيئة مكوّنات Astro.** انقل مجموعات نظام إدارة المحتوى إلى [مجموعات المحتوى (content collections)](https://docs.astro.build/en/guides/content-collections/) أو إلى نظام إدارة محتوى headless، والصور إلى [astro:assets](https://docs.astro.build/en/guides/images/)، والصفحات المترجمة إلى [توجيه i18n في Astro](https://docs.astro.build/en/guides/internationalization/)، برابط مستقل لكل لغة.
5. **أعد إنشاء الحركة التي تحمل معنى.** تتحول معظم تأثيرات Framer إلى انتقالات CSS أو إطارات مفتاحية أو سكربت صغير. واحترم إعداد prefers-reduced-motion. وفي إحدى عمليات إعادة البناء التي أجريناها بأنفسنا من Framer إلى Astro، لموقع من 18 مسارًا لم يكن مشروعًا لعميل، تطابقت 217 من أصل 219 حالة تمرير وتفاعل مع الأصل ضمن فارق 1% في البكسلات.
6. **امنح كل نموذج نقطة استقبال حقيقية.** وجّه كل نموذج إلى معالج خاص بك (Cloudflare Worker، أو خدمة نماذج، أو نظام CRM لديك)، واختبر وصول الإرسالات في بيئة الاختبار.
7. **انقل بيانات البحث الوصفية.** العناوين والأوصاف ووسوم Open Graph والبيانات المنظمة ووسم canonical يشير إلى الصفحة نفسها في كل صفحة، إضافةً إلى خريطة موقع XML جديدة.
8. **أعد التوجيه من الخادم لا من HTML.** يحوّل بناء Astro الثابت دون محوّل (adapter) عمليات إعادة التوجيه المضبوطة إلى صفحات meta-refresh لا تحمل رمز حالة HTTP ([مرجع إعدادات Astro](https://docs.astro.build/en/reference/configuration-reference/)). اضبط عمليات إعادة توجيه 301 بنظام 1:1 حيث يُستضاف الموقع، مثلًا في ملف \_redirects على Cloudflare أو في Worker.
9. **أطلق الموقع، ثم راقب.** بدّل إعدادات DNS، وأبقِ مشروع Framer إلى أن يتم التحقق من الموقع الجديد، وتابع تقارير الفهرسة والصفحات في Search Console خلال الأسابيع القليلة التالية. وتغطي [قائمة تحقق SEO لترحيل المواقع](https://dardo.studio/ar/blog/website-migration-seo-checklist/) يوم الإطلاق والأيام التسعين التي تليه.

## ما الذي يتغيّر بعد الانتقال

| المجال                   | على Framer                             | على Astro                                                            |
| ------------------------ | -------------------------------------- | -------------------------------------------------------------------- |
| التحرير                  | لوحة تصميم مرئية في Framer             | حقول نظام إدارة المحتوى أو الشيفرة، بحسب ما تختاره                   |
| الاستضافة                | خوادم Framer                           | أي استضافة ثابتة أو منصة طرفية (edge) مثل Cloudflare                 |
| إعادة التوجيه            | خطة Pro؛ مسارات فرعية داخل النطاق نفسه | إعادة توجيه 301 من جهة الخادم لدى جهة الاستضافة، دون قيود على النطاق |
| الحركة                   | تأثيرات وتفاعلات مدمجة                 | CSS وJavaScript تملكهما وتستطيع قياسهما                              |
| نظام إدارة المحتوى (CMS) | مجموعات Framer CMS                     | مجموعات المحتوى أو نظام إدارة محتوى headless                         |
| النماذج                  | معالجة النماذج في Framer               | نقطة استقبال وتخزين بيانات خاصان بك                                  |

## الحفاظ على SEO

تنطبق هنا إرشادات Google بشأن [نقل المواقع مع تغيير الروابط](https://developers.google.com/search/docs/crawling-indexing/site-move-with-url-changes): اربط كل رابط قديم بأقرب مكافئ جديد له، واستخدم عمليات إعادة توجيه دائمة من جهة الخادم، وأبقِها سنة على الأقل. وإذا بقيت الروابط كما هي، وهو ما تستطيع إعادة البناء المتأنية تحقيقه في أحيان كثيرة، فكل ما عليك هو التحقق من أن الصفحات الجديدة تحمل المحتوى والبيانات الوصفية نفسها.

الفخ الخاص بـFramer هو عنوان Framer المتبقي. تأكد من أنه لا يوجد وسم canonical أو إدخال في خريطة الموقع أو وسم Open Graph ما زال يذكر رابط Framer القديم، وأن مشروع Framer أُلغي نشره أو أُعيد توجيهه بمجرد أن يصبح الموقع الجديد متاحًا.

## كيف تنفّذ Dardo ترحيل مواقع Framer

ننفّذ عمليات الانتقال من Framer ضمن خدمة [نقل المواقع](https://dardo.studio/ar/services/website-migration/): الجرد، ثم الالتقاط، ثم إعادة بناء صفحة تمثيلية أولًا ومراجعتها على عروض شاشة متفق عليها، ثم بقية القوالب والنماذج وعمليات إعادة التوجيه. أما البناء نفسه فهو [تطوير مواقع الويب](https://dardo.studio/ar/services/web-development/) بإطار Astro، وأعمال الحركة من [التطوير الإبداعي](https://dardo.studio/ar/services/creative-development/). وهذا الموقع، dardo.studio، يعمل بإطار Astro على Cloudflare Workers ومحتواه في نظام إدارة محتوى headless، وهو الإعداد الذي نستخدمه في أغلب الأحيان.

إذا كنت تفكّر في الانتقال، [أرسل إلينا الموقع وما تريد تغييره](https://dardo.studio/ar/contact/?service=website-migration). سنخبرك إن كانت إعادة البناء تستحق العناء قبل أن نقدّم عرض سعر لها.

## الأسئلة الشائعة

**هل يمكنني تصدير موقع Framer بصيغة HTML؟**

ليس رسميًا. يقول مركز المساعدة لدى Framer إنه لا يوفّر تصدير HTML للاستضافة الذاتية. توجد أدوات تلتقط الصفحة المنشورة، لكن النتيجة تظل معتمدة على بيئة تشغيل Framer وشبكة CDN الخاصة به، لذا تعامل معها كمرجع لإعادة البناء لا كشيء تنشره.

**هل سأخسر ترتيبي في Google إذا نقلت موقعي من Framer إلى Astro؟**

لا، إذا ظل كل رابط يجلب زيارات يعمل. أبقِ المسارات كما هي حيثما أمكن، وأضف إعادة توجيه دائمة 301 لأي مسار يتغيّر، وانقل العناوين والأوصاف والبيانات المنظمة، وراقب Search Console لبضعة أسابيع بعد الإطلاق.

**هل يمكنني تصدير محتوى نظام إدارة المحتوى في Framer؟**

يقول Framer إن محتوى نظام إدارة المحتوى يمكن تصديره عبر إضافات إلى صيغ مثل CSV أو JSON. نزّل أيضًا كل صورة وكل ملف، لأن حقول المجموعات كثيرًا ما تشير إلى شبكة CDN الخاصة بـFramer.

**هل سيظل فريقي قادرًا على تعديل الموقع دون كتابة شيفرة بعد الانتقال إلى Astro؟**

نعم، إذا كان الموقع الجديد يستخدم نظام إدارة محتوى headless. يعمل المحررون في واجهة ويب، ويُعاد بناء موقع Astro من ذلك المحتوى. وهكذا يعمل موقع dardo.studio.

**هل تعمل حركات Framer في Astro؟**

ليس مباشرة. تعمل تأثيرات Framer داخل بيئة التشغيل الخاصة به، لذا يُعاد بناء كل حركة تريد الإبقاء عليها باستخدام CSS أو سكربت صغير، ويُفضّل أن تكون لها نسخة مخففة لمن يفضّلون تقليل الحركة.

## المصادر ومراجع للقراءة

المصادر التي تستند إليها هذه الصفحة، مع تفاصيل إضافية من الناشرين الأصليين.

- [Framer Help: هل يمكنني تصدير موقعي بصيغة HTML واستضافته بنفسي؟](https://www.framer.com/help/articles/can-i-export-my-website-to-html-and-self-host-it/) · framer.com
- [Framer Help: نقل بياناتك من Framer](https://www.framer.com/help/articles/porting-your-data-from-framer/) · framer.com
- [Framer Help: كيفية إعداد عمليات إعادة التوجيه](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: مجموعات المحتوى (Content collections)](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: نقل المواقع مع تغيير الروابط](https://developers.google.com/search/docs/crawling-indexing/site-move-with-url-changes) · developers.google.com

[Nicolás Cerón](https://dardo.studio/ar/studio/)

نيكولاس سيرون هو مؤسس Dardo، استوديو للهوية البصرية وتصميم وتطوير المواقع الإلكترونية في بوغوتا، كولومبيا.

## مقالات ذات صلة

- [**قائمة تحقق SEO لترحيل المواقع: غيّر المنصة أو النطاق دون خسارة ترتيبك في نتائج البحث**نادرًا ما ينخفض الترتيب بسبب المنصة الجديدة؛ بل بسبب روابط كانت تجلب الزيارات ولم تعد تستجيب. قائمة تحقق من جرد الروابط حتى اليوم التسعين.](https://dardo.studio/ar/blog/website-migration-seo-checklist/)
- [**WordPress أم موقع مخصص؟ كيف تختار، ومتى يؤتي كل منهما ثماره**WordPress أم موقع مخصص؟ متى يناسبك WordPress، ومتى يستحق الموقع المخصص، والحل الوسط WordPress بنمط headless، مقارنةً بالتكلفة والسرعة والتحديثات والملكية.](https://dardo.studio/ar/blog/wordpress-vs-custom-website/)
- [**نقل موقع Webflow إلى Astro: كيف تنقل موقعك دون أن تخسر محتواه أو تصميمه أو ترتيبه في نتائج البحث**نقل موقع Webflow إلى Astro: تصدير الشيفرة لا يشمل محتوى CMS والنماذج والبحث واللغات. ما تأخذه من Webflow، وما تعيد بناءه، وكيف تحافظ على ترتيبك.](https://dardo.studio/ar/blog/webflow-to-astro/)
- [**المواقع ثلاثية الأبعاد (3D): متى تستحق العناء وكيف تحافظ على سرعتها**متى تستحق المواقع ثلاثية الأبعاد مكانها، ومتى يكون الفيديو أو الصور أفضل، وكيف أبقينا عوالم Janus Observatory العشرة سريعة وسهلة الوصول وقابلة للاستخدام.](https://dardo.studio/ar/blog/3d-websites/)

## واصل الاستكشاف.

- [الخدمة · **نقل الموقع الإلكتروني دون خسارة ترتيبه في محركات البحث**](https://dardo.studio/ar/services/website-migration/)

- [مشروعك · **ابدأ المحادثة**](https://dardo.studio/ar/contact/)