تحسين محركات البحث في Framer
دليل تقني إلى Framer SEO: العرض المسبق وخرائط الموقع وrobots.txt وcanonical والبيانات المنظمة والتحويلات وhreflang والأداء والقيود مقارنة بـWebflow وWordPress.
اللغات
يعرض Framer HTML ثابتًا مسبقًا عند النشر، لذلك يرى Googlebot المحتوى بلا تشغيل JavaScript. ويوفر خريطة موقع وrobots.txt وcanonical وHTTPS وتحسين الصور تلقائيًا، مع بيانات وصفية لكل صفحة ومدير تحويلات وشفرة head مخصصة. تتمثل حدوده في غياب واجهة schema وربط النص البديل من CMS، وقيود Pro+، والتحويل داخل النطاق فقط، وhreflang الآلي غير القابل للتحرير، وحدود حجم CMS.
Evidence for this claim The article's described framer-seo capabilities must be evaluated against the platform's current documentation rather than assumed to be search-engine behavior. Scope: Platform-specific capability documentation. Confidence: high · Verified: Framer: SEO Evidence for this claim Regardless of platform, Google needs crawlable URLs, accessible rendered content, descriptive metadata, and valid search directives. Scope: Google requirements independent of platform. Confidence: high · Verified: Google Search Central: SEO Starter Guideالخلاصة — Framer منشئ مواقع يركز على التصميم، وأهم ما يخص SEO أنه ينشر HTML حقيقيًا معروضًا مسبقًا. عندما يزور Google صفحة Framer يكون المحتوى موجودًا بالفعل، فلا يحتاج إلى تشغيل JavaScript لرؤيته. وهذا يتجاوز وحده العقبة التي تواجه أدوات كثيرة لبناء المواقع بالبرمجة. يبقى عليك تنفيذ عمل SEO نفسه، لكن الأساس التقني متين.
ما Framer؟
بدأ Framer أداة لتصميم واجهات React وبناء نماذجها الأولية، ثم تحول في السنوات الأخيرة إلى منشئ مواقع متكامل: تصمم على لوحة، وتضغط «نشر»، ويستضيف Framer الموقع. ما زال كثيرون يعدونه «مجرد أداة تصميم»، لكن هذا التصور لم يعد صحيحًا.
الفكرة الأساسية
عند نشر موقع Framer، ينشئ Framer صفحات HTML ثابتة مسبقًا. لذلك يجد Googlebot نص الصفحة وعناوينها وروابطها في HTML مباشرة، ولا يحتاج إلى تنفيذ JavaScript لاكتشاف المحتوى.
هذه ميزة أكبر مما تبدو. فمواقع كثيرة مبنية بـReact أو أطر مشابهة ترسل صفحة شبه فارغة لا تمتلئ إلا بعد تشغيل المتصفح قدرًا كبيرًا من JavaScript، ما قد يسبب مشكلات في الاكتشاف والفهرسة. يتجنب Framer هذه الفئة كلها بعرض HTML نيابة عنك. ولشرح السبب، راجع JavaScript SEO.
ما تحصل عليه تلقائيًا
يتضمن كل موقع Framer منشور تلقائيًا:
- خريطة موقع في
yourdomain.com/sitemap.xmlتشمل صفحات CMS. - ملف
robots.txtافتراضيًا. - وسم canonical ذاتي الإشارة في كل صفحة، يوضح لـGoogle عنوان URL الأساسي؛ راجع تحديد العنوان الأساسي.
- تفعيل HTTPS تلقائيًا.
- تحسين الصور بتحويلها إلى صيغ حديثة وتقديمها عبر CDN، ما يدعم سرعة الصفحة.
ما يزال مطلوبًا منك
تلخص أكاديمية Framer الأمر جيدًا: “does a lot of the heavy lifting when it comes to structure, but it still needs direction from you, the end user.” (ترجمة) «ينجز Framer جانبًا كبيرًا من العمل البنيوي، لكنه يظل بحاجة إلى توجيه منك بوصفك المستخدم النهائي». فأنت من يحدد عناوين الصفحات وأوصافها، ويكتب محتوى جيدًا، ويربط الصفحات، ويختار الاستعلام المستهدف لكل صفحة.
يمكنك لكل صفحة تعيين العنوان والوصف التعريفي وصورة المشاركة الاجتماعية، وتبديل خيار index/noindex لإبقاء صفحة خارج البحث. كل ذلك من واجهة Framer بلا برمجة.
للاطلاع على الصورة التقنية الكاملة، والميزات المقيدة بالخطط، والنواقص، والمقارنة مع Webflow وWordPress، انتقل إلى تبويب المتقدم.
Evidence for this claim The article's described framer-seo capabilities must be evaluated against the platform's current documentation rather than assumed to be search-engine behavior. Scope: Platform-specific capability documentation. Confidence: high · Verified: Framer: SEO Evidence for this claim Regardless of platform, Google needs crawlable URLs, accessible rendered content, descriptive metadata, and valid search directives. Scope: Google requirements independent of platform. Confidence: high · Verified: Google Search Central: SEO Starter Guideالخلاصة — يعرض Framer HTML ثابتًا مسبقًا عند النشر، فيتلقى Googlebot صفحات مكتملة بلا تشغيل JavaScript. كما يوفر خرائط موقع تلقائية و
robots.txtافتراضيًا ووسوم canonical ذاتية وHTTPS تلقائيًا وبيانات وصفية لكل صفحة وعناصر CMS ومدير تحويلات وإضافة شفرة مخصصة إلى<head>. أما الحدود الحقيقية فتتعلق بالعمق والحجم: لا واجهة لبيانات schema، ولا ربط لنصوص الصور البديلة بحقول CMS، وتخصيصrobots.txtومدير التحويلات يحتاجان Pro أو أعلى، والتحويلات لا تعبر بين النطاقات رغم دعمها أحرف البدل، وhreflangآلي غير قابل للتحرير. تقنيًا، يقارب Framer مستوى Webflow.
أهم حقيقة: العرض المسبق
ينشئ Framer HTML ثابتًا وقت النشر. فالصفحات معروضة مسبقًا لا معروضة على جهة العميل، ولذلك يتلقى Googlebot HTML كاملًا من دون تنفيذ JavaScript لرؤية المحتوى.
هذه هي لب الإجابة المطمئنة عن سؤال «هل Framer جيد لـSEO؟». الفشل التقليدي لمنصات التصميم التي تحولت إلى نشر هو إرسال حزمة React تعمل لدى العميل ولا يظهر المحتوى المهم إلا بعد تشغيل JS؛ عندها تدخل في مرحلة عرض Google المنفصلة ذات الطابور ومخاطرها. يتجنب Framer ذلك تمامًا. وبمصطلحات JavaScript SEO، هذه هي المدخلات النظيفة المطلوبة.
تنبيه صادق: Framer مبني على React، وقد تضيف الصفحات كثيرة الحركات تكلفة تفاعل. قابلية زحف HTML محسومة؛ وما ينبغي مراقبته في التصاميم الثقيلة هو مؤشرات التفاعل، كما سيأتي في قسم الأداء.
ما يوفره Framer تلقائيًا
sitemap.xmlتلقائية. تُنشأ عند كل نشر فيyourdomain.com/sitemap.xmlوتشمل صفحات مجموعات CMS. أرسلها إلى Google Search Console وBing Webmaster Tools.robots.txtتلقائي. تقول وثائق Framer: “Framer automatically generates arobots.txtfile for every published site.” (ترجمة) «ينشئ Framer ملفrobots.txtتلقائيًا لكل موقع منشور».- وسوم canonical ذاتية الإشارة تلقائيًا لكل صفحة. يقول Luca Da Corte، اختصاصي منتجات Framer: “By default, Framer automatically sets a self-referencing canonical tag for each page on your website.” (ترجمة) «يعيّن Framer افتراضيًا وسم canonical ذاتي الإشارة لكل صفحة».
- HTTPS تلقائي في جميع المواقع التي يستضيفها Framer.
- CDN وتحسين الصور مع التحويل إلى صيغ حديثة والتقديم عبر شبكة عالمية.
البيانات الوصفية للصفحات وCMS
تتوفر إعدادات SEO لكل صفحة، أي العنوان والوصف التعريفي وصورة OG وcanonical وخيار index/noindex، في جميع الصفحات بما فيها عناصر مجموعات CMS. ويمكن لحقول المجموعة تغذية العنوان والوصف، بحيث تولد مدونة أو مجموعة منتجات من 200 عنصر بيانات فريدة بدل تعديلها واحدًا واحدًا.
هذا مفيد فعلًا. لكن من القيود التي تشير إليها Hannah Martin اعتماد عناوين صفحات CMS على نمط افتراضي من [item name] [separator] [site name]، ولذلك يكون تخصيص قالب عنوان كل عنصر أضعف مما توفره إضافة SEO في WordPress.
إضافة شفرة مخصصة إلى <head>
هذا هو المخرج لما لا تعرضه الواجهة. يدعم Framer شفرة <head> مخصصة على مستوى الموقع ولكل صفحة، ومنها تضيف:
- بيانات JSON-LD المنظمة، إذ لا توجد واجهة schema؛
- وسوم التحقق لمحركات البحث؛
- وسوم hreflang أو غيرها عند الحاجة إلى تحكم يدوي؛
- التحليلات وأي شفرة أخرى تنتمي إلى الرأس.
التحويلات
لدى Framer مدير تحويلات مدمج في Site Settings → Redirects للتحويلات الشبيهة بـ301، ولم يعد مقتصرًا على تطابق واحد لواحد. فهو يدعم أحرف البدل ومطابقة الأنماط: يستخدم * لمجلد كامل، مثل /blog/* الذي يطابق /blog/hello-world والمسارات المتفرعة؛ وتُستخدم مجموعات الالتقاط :1 و:2 في الوجهة، أو المقاطع المسماة مثل /blog/:year/:month/:day → /article/:year-:month-:day. وهذا يغطي الهجرات المجمعة التي كانت تتطلب إدخال كل تحويل منفردًا. الحد الفعلي أضيق: تعمل التحويلات داخل النطاق الحالي فقط، فلا يستطيع Framer تحويل نطاق كامل مثل www.old.com إلى www.new.com؛ يجب تنفيذ ذلك لدى DNS أو مستضيف النطاق القديم قبل ربط الجديد. تقول الوثائق: “You can only redirect sub-paths within your current domain. To redirect an entire domain… use your hosting provider for the old domain to set up domain-level redirects.” (ترجمة) «لا يمكنك تحويل سوى المسارات الفرعية داخل نطاقك الحالي؛ ولتحويل نطاق كامل استخدم مستضيف النطاق القديم لإعداد تحويلات على مستوى النطاق». ويتطلب مدير التحويلات خطة Pro أو أعلى، فلا يتوفر في Free أو Basic.
تفاصيل وسوم canonical
السلوك الافتراضي آمن لـSEO: وسم canonical ذاتي لكل صفحة. وعند الحاجة إلى canonical مخصص يشير إلى مكان آخر، تضيف <link rel="canonical"> عبر شفرة <head> للصفحة. يوضح Da Corte: “When Framer detects a custom canonical tag in the <head> tag of the page, it will avoid adding the default self-referencing one, so it won’t cause any confusion to search engines.” (ترجمة) «عندما يكتشف Framer وسم canonical مخصصًا في <head> يتجنب إضافة الوسم الذاتي الافتراضي، كي لا يربك محركات البحث». وهكذا لا ينتهي بك الأمر بوسمين متنافسين. وللسياق الأوسع راجع تحديد العنوان الأساسي.
«التحسين الديناميكي»: مصطلح خاص بـFramer
يتحدث Framer عن Dynamic Optimization أو العرض المسبق الواعي بالزيارات. ليس هذا مصطلح SEO معياريًا، بل اسم ميزة في Framer. تقول مدونته: “we optimize each page the first time a user visits it. After that, the optimized version is stored in a cache until you publish a new version.” (ترجمة) «نحسن كل صفحة عند أول زيارة، ثم نخزن النسخة المحسنة مؤقتًا حتى تنشر نسخة جديدة». وهكذا يحصل معظم زوار الصفحات كثيرة الزيارات على النسخة المحسنة المخزنة.
يهم ذلك SEO لأن إشارة Core Web Vitals تستخدم بيانات مستخدمي Chrome الحقيقية من CrUX لا نتيجة مختبر. يقول Framer: “Aggregated performance scores like CrUX are not affected, since the overwhelming majority of the visitors will get the optimized page.” (ترجمة) «لا تتأثر نتائج الأداء المجمعة مثل CrUX لأن الغالبية الساحقة من الزوار تحصل على الصفحة المحسنة». لذلك لا تفزع من رقم مختبر متوسط في PageSpeed Insights؛ إذ تصفه مقالة مساعدة Framer بأنه «أداة غير دقيقة لا تؤثر في SEO» (ترجمة). ما يرتبط بالترتيب هو بيانات المستخدمين الحقيقية التي يحميها التخزين المؤقت.
البيانات المنظمة: لا واجهة، بل شفرة مخصصة
فجوة حقيقية: لا يملك Framer واجهة لبيانات schema. يجب إضافة البيانات المنظمة بصيغة JSON-LD عبر شفرة <head> مخصصة. يقول Arthur Lauwers من 6th Man Digital: “Structured data must be added via custom code components by pasting JSON-LD, since there is no native UI for schema.” (ترجمة) «تُضاف البيانات المنظمة عبر مكونات شفرة مخصصة بلصق JSON-LD، إذ لا توجد واجهة أصلية لـschema». يمكن إذن تنفيذ Article وFAQ وBreadcrumbList وOrganization، لكن بلصق الشفرة بدل ملء حقول. وتوصي Google بأن “use JSON-LD where possible,” (ترجمة) «تستخدم JSON-LD متى أمكن»، وهي الصيغة التي يدفعك Framer إليها.
يوثق مركز المساعدة الآن هذا النمط لصفحات CMS: استخدم {{FieldName}} داخل JSON-LD في الشفرة المخصصة لقالب CMS، و{{FieldName | json}} حين تحتاج القيمة إلى تهريب JSON آمن، مثل العناوين والأوصاف والتواريخ. بهذه الطريقة تولد ترميز BlogPosting أو Product فريدًا لكل عنصر من دون حقل schema أصلي؛ تظل شفرة مخصصة، لكنها طريقة رسمية لتطبيق القالب على المجموعة بدل كتابة JSON-LD لكل عنصر.
التوطين وhreflang
يدعم Framer التوطين أصليًا ويولد وسوم hreflang تلقائيًا عند تفعيله. لكن وثائقه تقول: “Both the lang and hreflang tags are managed automatically in the backend and are not editable via the UI.” (ترجمة) «تُدار وسوم lang وhreflang تلقائيًا في الخلفية ولا يمكن تحريرها من الواجهة». لذلك لا تستطيع ضبطها يدويًا ولا تستطيع خدمات الترجمة الخارجية تعديلها. يكون الناتج الآلي مناسبًا لمعظم المواقع، لكن تحقّق منه. وتوثق Google المواصفة الأساسية، بما فيها تعليقات كل URL محلي وx-default.
القيود المعروفة
- لا واجهة لبيانات schema؛ استخدم JSON-LD عبر
<head>مخصص. - لا ربط للنص البديل من حقول CMS؛ يُضبط نص صور CMS يدويًا أو بحلول التفافية.
- تخصيص
robots.txtمقيد بالخطة؛ يحتاج Pro أو أعلى، وتصفه الوثائق بأنه “available on Pro, Scale, and Enterprise plans.” (ترجمة) «متاح في خطط Pro وScale وEnterprise». - التحويلات داخل النطاق الحالي فقط؛ يدعم المدير أحرف البدل ومجموعات الالتقاط ومطابقة slugs، لكنه لا يحول نطاقًا كاملًا إلى آخر، كما يحتاج Pro أو أعلى.
- hreflang غير قابل للتحرير؛ يولد آليًا.
- حدود حجم CMS؛ تجعل سقوف العناصر لكل مجموعة مشاريع SEO البرمجية الكبيرة، مثل أكثر من خمسمئة صفحة، محرجة، ولا يوجد استيراد CSV جماعي من الدرجة الأولى.
- لا IndexNow؛ لا يرسل Framer إشعارًا أصليًا إلى Bing عند النشر، فأرسل الخريطة يدويًا إلى Bing Webmaster Tools.
Framer مقابل Webflow وWordPress
Framer مقابل Webflow: يولد كلاهما HTML ثابتًا ويوفر التحكم في robots.txt والتحويلات. لدى Webflow نظام CMS أنضج ومنظومة وكالات أوسع، ولدى Framer سير تصميم أقوى. تقنيًا هما متقاربان؛ الفرق في عمق CMS وسير العمل لا قابلية زحف HTML. يقول Matija Golubovic من Omnius: “Both platforms cover the basics, but Webflow clearly is ahead in flexibility, especially for large content inventories, migrations, or international SEO.” (ترجمة) «تغطي المنصتان الأساسيات، لكن Webflow يتقدم بوضوح في المرونة، خاصة لمخزونات المحتوى الكبيرة والهجرات وSEO الدولي». ما زالت حدود CMS وhreflang غير القابل للتحرير فجوات حقيقية، وإن كان مدير تحويلات Framer قد ضيق فجوة الهجرة بدعم المجلدات ذات أحرف البدل ومجموعات الالتقاط.
Framer مقابل WordPress: يتفوق WordPress في المحتوى بفضل إضافات Yoast وRank Math، وأدوار المؤلفين، والنشر المجدول، وسير التحرير. ويتفوق Framer في أرضية النشر: SSR وCDN وHTTPS وتحسين الصور تعمل افتراضيًا بلا إضافات أو إدارة استضافة. إعداداته التقنية ممتازة لموقع تسويقي صغير أو متوسط، بينما تتقدم أدوات WordPress لعمليات المحتوى الكبيرة.
الخلاصة
Framer متين تقنيًا لـSEO لأنه يعرض HTML قابلًا للزحف مسبقًا ويقدم الإعدادات الافتراضية الصحيحة. تتعلق حدوده بالعمق والحجم، مثل واجهة schema وسقوف CMS وhreflang القابل للتحرير والتحويلات عبر النطاقات، لا بقدرة Google على قراءة الصفحات. وهذه مقايضة يسهل قبولها في معظم المواقع التسويقية.
ملخص الذكاء الاصطناعي
خلاصة موجزة للنسخة المتقدمة:
- الحقيقة الأساسية: يعرض Framer HTML ثابتًا مسبقًا عند النشر، فيتلقى Googlebot صفحات كاملة بلا تنفيذ JavaScript.
- الإعدادات الافتراضية:
sitemap.xmlتلقائية تشمل CMS، وrobots.txtافتراضي، وcanonical ذاتي لكل صفحة، وHTTPS تلقائي، وCDN وتحسين صور. - البيانات الوصفية: عنوان ووصف وصورة OG وcanonical وخيار index/noindex لكل صفحة بما فيها عناصر CMS، ويمكن تغذيتها من حقول المجموعة.
- شفرة
<head>مخصصة على مستوى الموقع والصفحة لإضافة JSON-LD ووسوم التحقق وhreflang اليدوي. - التحويلات: مدير مدمج في Pro+ يدعم أحرف البدل للمجلدات ومجموعات الالتقاط، لكنه لا يحول بين نطاقين.
- Dynamic Optimization اسم Framer للعرض المسبق الواعي بالزيارات؛ يخزن الصفحة المحسنة كي لا تتضرر بيانات CrUX الحقيقية. نتيجة PageSpeed Insights المختبرية ليست إشارة SEO.
- الفجوات: لا واجهة schema، ولا ربط لنص CMS البديل، وتخصيص robots.txt يحتاج Pro+، وhreflang آلي غير قابل للتحرير، وحدود لحجم CMS، ولا IndexNow.
- مقابل Webflow: متقاربان تقنيًا؛ CMS ومنظومة الوكالات أنضج في Webflow، وسير التصميم أقوى في Framer.
الوثائق الرسمية
وثائق Framer عن SEO، وإرشادات Google المحايدة تجاه المنصة التي تنطبق على أي موقع Framer.
Framer
- صفحة منتج Framer SEO — عرض تسويقي لميزات SEO.
- دليل ميزات وأدوات SEO — قائمة الخريطة وrobots.txt والبيانات الوصفية.
- الوصول إلى robots.txt — الملف التلقائي وقيد Pro+ لتخصيصه.
- إعداد التحويلات للحفاظ على الترتيب — أحرف البدل ومجموعات الالتقاط وحد النطاق الواحد.
- البيانات المنظمة عبر JSON-LD — إضافة JSON-LD وحقول CMS عبر الشفرة المخصصة.
- سمة اللغة lang وhreflang — التوليد الآلي وسبب عدم قابلية التحرير.
- Dynamic Optimization — العرض المسبق الواعي بالزيارات وعلاقته بـCrUX.
- تحسين نتيجة PageSpeed Insights — تفضيل بيانات Core Web Vitals الميدانية على نتيجة PSI المختبرية.
- أكاديمية Framer: مقدمة إلى SEO وإتاحة الوصول — الحاجة إلى توجيه المستخدم.
- مركز مساعدة Framer لـSEO — فهرس الوثائق.
- أسعار Framer — الخطط الحالية وميزات Pro+.
Google، إرشادات مستقلة عن المنصة
- أساسيات JavaScript SEO — لماذا HTML المعروض مسبقًا أكثر موثوقية.
- تحديد العنوان الأساسي — وظيفة canonical الذاتي في Framer.
- Core Web Vitals — إشارة بيانات CrUX الميدانية لا نتيجة المختبر.
- مقدمة إلى البيانات المنظمة — توصية «استخدم JSON-LD متى أمكن».
- النسخ الدولية والمحلية وhreflang — مواصفة وسمي
langوhreflangالتي ينفذها Framer آليًا.
اقتباسات من المصادر
تصريحات مسجلة عن تعامل Framer مع SEO، من وثائقه ومن ممارسين راجعوا المنصة بأسمائهم.
Framer — الوثائق والمدونة الرسميتان
- “Framer automatically generates a
robots.txtfile for every published site.” (ترجمة) «ينشئ Framer ملفrobots.txtتلقائيًا لكل موقع منشور». وتخصيصه “available on Pro, Scale, and Enterprise plans.” (ترجمة) «متاح في خطط Pro وScale وEnterprise». — مساعدة Framer: robots.txt - “Both the
langandhreflangtags are managed automatically in the backend and are not editable via the UI.” (ترجمة) «تُدار وسومlangوhreflangتلقائيًا في الخلفية ولا يمكن تحريرها من الواجهة». — سمة اللغة - “We optimize each page the first time a user visits it. After that, the optimized version is stored in a cache until you publish a new version.” (ترجمة) «نحسن الصفحة عند أول زيارة ثم نخزن النسخة حتى نشر إصدار جديد». وكذلك “Aggregated performance scores like CrUX are not affected, since the overwhelming majority of the visitors will get the optimized page.” (ترجمة) «لا تتأثر النتائج المجمعة مثل CrUX لأن معظم الزوار يحصلون على الصفحة المحسنة». — Dynamic Optimization
- تصف الوثائق PageSpeed Insights بأنه «أداة غير دقيقة لا تؤثر في SEO». — تحسين PageSpeed Insights
- “You can only redirect sub-paths within your current domain. To redirect an entire domain… use your hosting provider for the old domain to set up domain-level redirects.” (ترجمة) «لا تحول إلا المسارات الفرعية داخل نطاقك؛ وللنطاق الكامل استخدم مستضيف النطاق القديم». وللتحويلات المجمعة: “you can redirect entire folders with wildcards to match multiple URLs… You can also use capture groups like
:1,:2in the new URL to reference matched groups in the old URL.” (ترجمة) «يمكن تحويل مجلدات كاملة بأحرف البدل واستخدام مجموعات التقاط مثل:1و:2». — إعداد التحويلات - “Framer does a lot of the heavy lifting when it comes to structure, but it still needs direction from you, the end user.” (ترجمة) «ينجز Framer كثيرًا من العمل البنيوي، لكنه يظل بحاجة إلى توجيه المستخدم». — أكاديمية Framer
Luca Da Corte — خبير Framer معتمد واختصاصي منتجات فيه
- “By default, Framer automatically sets a self-referencing canonical tag for each page on your website.” (ترجمة) «يعيّن Framer افتراضيًا canonical ذاتي الإشارة لكل صفحة».
- “When Framer detects a custom canonical tag in the
<head>tag of the page, it will avoid adding the default self-referencing one, so it won’t cause any confusion to search engines.” (ترجمة) «عند اكتشاف canonical مخصص في<head>يتجنب Framer إضافة الوسم الذاتي الافتراضي». — تحرير canonical في Framer
Arthur Lauwers — مؤسس 6th Man Digital
- “Framer is technically sound for SEO but stumbles on the content side.” (ترجمة) «Framer متين تقنيًا لـSEO لكنه يتعثر في جانب المحتوى».
- “The platform delivers good performance and server-side rendering so Core Web Vitals stay healthy.” (ترجمة) «تقدم المنصة أداء جيدًا وعرضًا على الخادم يحافظ على سلامة Core Web Vitals».
- “Structured data must be added via custom code components by pasting JSON-LD, since there is no native UI for schema.” (ترجمة) «تُضاف البيانات المنظمة بلصق JSON-LD في مكونات شفرة مخصصة لغياب واجهة schema». — هل Framer جيد لـSEO؟
Hannah Martin — تعمل في SEO منذ 2010 ونائبة رئيس وكالة ومؤسسة شركة
- عن السرعة: “one of the fastest platforms I’ve built on.” (ترجمة) «إحدى أسرع المنصات التي بنيت عليها». وعن الحدود: “No Granular CMS Page Title Management.” (ترجمة) «لا إدارة دقيقة لعناوين صفحات CMS». — مراجعة صريحة لـFramer SEO
Matija Golubovic — Omnius، مقارنة Webflow وFramer
- “Both platforms cover the basics, but Webflow clearly is ahead in flexibility, especially for large content inventories, migrations, or international SEO.” (ترجمة) «تغطي المنصتان الأساسيات، لكن Webflow يتقدم في المرونة، خصوصًا للمحتوى الكبير والهجرات وSEO الدولي». — Webflow مقابل Framer
قائمة إعداد Framer SEO
نفذ هذه المراجعة بعد نشر موقع Framer جديد:
- تحقق من تحميل الخريطة في
yourdomain.com/sitemap.xmlومن إدراج الصفحات الفعلية وعناصر CMS. - أرسلها إلى Google Search Console وBing Webmaster Tools؛ لا يدعم Framer IndexNow، لذلك إرسال Bing يدوي.
- عيّن عنوانًا ووصفًا تعريفيًا فريدين لكل صفحة مهمة، وافحص ألا تعتمد عناصر CMS كلها النمط الافتراضي نفسه.
- عيّن صورة OG للصفحات المتوقع مشاركتها.
- استخدم خيار index/noindex لكل صفحة لمنع الصفحات منخفضة القيمة أو الخدمية من الظهور في البحث.
- أضف JSON-LD عبر شفرة
<head>مخصصة لترميز Article أوFAQ أوBreadcrumb أوOrganization، إذ لا توجد واجهة schema. - عيّن النص البديل يدويًا لصور CMS؛ لا يربطه Framer بحقل.
- إذا كنت على Pro+ وتحتاج تخصيص
robots.txtفارفعه؛ لا تتيحه الخطة المجانية. - اربط عناوين URL القديمة بالجديدة في مدير التحويلات قبل الإطلاق أو معه، في Pro أو أعلى. استخدم
/blog/*ومجموعات الالتقاط للنقل الجماعي، وتذكر أنه لا يحول بين نطاقين؛ خطط وفق ذلك لأي هجرة تغير النطاق. - عند التوطين، تحقق من hreflang المولد تلقائيًا؛ لا يمكنك تحريره.
- لا تطارد نتيجة PageSpeed Insights المختبرية؛ افحص بيانات Core Web Vitals الحقيقية.
Framer SEO في لمحة
ما يعمل تلقائيًا وما تتحكم فيه
| الإمكانية | إعداد Framer الافتراضي | ما تتحكم فيه |
|---|---|---|
| عرض HTML | HTML ثابت معروض مسبقًا عند النشر | لا شيء؛ قابل للزحف افتراضيًا |
| خريطة الموقع | sitemap.xml آلية تشمل CMS | أرسلها إلى GSC وBing |
| robots.txt | ملف افتراضي آلي | تخصيصه في Pro+ فقط |
| Canonical | ذاتي الإشارة لكل صفحة | مخصص عبر شفرة <head> |
| HTTPS | تلقائي | — |
| البيانات الوصفية | — | عنوان ووصف وصورة OG لكل صفحة وCMS |
| الفهرسة | قابلة للفهرسة افتراضيًا | خيار noindex لكل صفحة |
| التحويلات | مدير بأحرف بدل ومجموعات التقاط في Pro+ | لا يحول بين نطاقين |
| Schema | لا شيء | JSON-LD عبر <head> مخصص |
| النص البديل في CMS | غير مربوط بالحقول | يعيّن يدويًا لكل صورة |
| hreflang | يولد عند التوطين | غير قابل للتحرير |
| IndexNow | غير مدعوم | إرسال خريطة Bing يدويًا |
قيود الخطط
- تخصيص
robots.txt← Pro أوScale أوEnterprise، لا الخطة المجانية. - شفرة
<head>مخصصة ← الخطط المدفوعة.
مصطلح خاص بـFramer
- Dynamic Optimization يعني العرض المسبق الواعي بالزيارات. يخزن الصفحة المحسنة كي لا تتضرر بيانات CrUX الحقيقية. إنه اسم ميزة، لا مصطلح SEO معياريًا.
الحقيقة السريعة
- ينشر Framer HTML معروضًا مسبقًا؛ يرى Googlebot المحتوى بلا تشغيل JavaScript. هذا هو الأساس التقني كله.
أدوات Framer SEO
- Google Search Console — أرسل خريطة Framer، وراقب الفهرسة، واستخدم فحص URL لتأكيد رؤية HTML المعروض مسبقًا.
- Bing Webmaster Tools — لأن Framer لا يدعم IndexNow، أرسل الخريطة يدويًا لتغطية Bing.
- لوحات Framer المدمجة — إعدادات SEO لكل صفحة ومدير التحويلات وإضافة شفرة
<head>داخل المحرر. - Rich Results Test أوSchema Markup Validator — تحقق من JSON-LD بعد لصقه، إذ لا توجد واجهة Framer تلتقط الأخطاء.
- زاحف موقع — مثل Ahrefs Site Audit أوScreaming Frog للتحقق من العناوين وcanonical والتحويلات وعدم ضبط صفحة مهمة على noindex.
- CrUX أوPageSpeed Insights — اقرأ بيانات الميدان في CrUX لقياس Core Web Vitals الحقيقية، لا نتيجة المختبر وحدها.
اختبر نفسك: Framer SEO
خمسة أسئلة سريعة عن عمل SEO على Framer. اختر إجابة ثم تحقق.
مصادر تستحق وقتك
كتاباتي ذات الصلة
- دليل المبتدئ إلى SEO التقني — موضع اختيار المنصة والعرض في الصورة الأوسع.
- مشكلات JavaScript SEO وأفضل ممارساته — لماذا HTML المعروض مسبقًا هو المسار الموثوق وما الذي يحدث بدونه.
- robots.txt وSEO — سياق ملف Framer التلقائي والمقيد بالخطة.
محاضراتي
- كيف يعمل البحث — شرح الزحف والعرض والفهرسة والترتيب، وهو منظور تقييم SEO لأي منشئ مواقع. وينطبق تنبيهي المعتاد: “This is my understanding of systems… not going to be 100% complete or accurate.” (ترجمة) «هذا فهمي للأنظمة، ولن يكون كاملًا أو دقيقًا بنسبة 100 %».
من مصادر المجال
- دليل Framer لميزات وأدوات SEO — القائمة الرسمية.
- مدونة Framer: Dynamic Optimization — العرض المسبق الواعي بالزيارات وCrUX.
- هل Framer جيد لـSEO؟ — Arthur Lauwers عن الميزات والقيود.
- مراجعة صريحة لـFramer SEO — Hannah Martin عن السرعة وحدود عناوين CMS.
- Webflow مقابل Framer — Matija Golubovic عن الحجم والمرونة، مع الانتباه إلى ميله لـWebflow.
- هل Framer جيد لـSEO؟ — شرح تقني من وكالة تصميم.
سجل التغييرات
تم التحديث في 22 أغسطس 2026.
ملخص تحريري وتفاصيل التغيير المسجلة.تفاصيل التغيير
-
تفاصيل التغيير متاحة حاليًا باللغة الإنجليزية.
المقارنة الكاملة غير متاحة — لم تُؤرشف لقطة سابقة لهذه المراجعة.
تم التحديث في 22 أغسطس 2026.
ملخص تحريري وتفاصيل التغيير المسجلة.تفاصيل التغيير
-
تفاصيل التغيير متاحة حاليًا باللغة الإنجليزية.
-
تفاصيل التغيير متاحة حاليًا باللغة الإنجليزية.
المقارنة الكاملة غير متاحة — لم تُؤرشف لقطة سابقة لهذه المراجعة.
تم التحديث في 12 أغسطس 2026.
ملخص تحريري وتفاصيل التغيير المسجلة.تفاصيل التغيير
-
تفاصيل التغيير متاحة حاليًا باللغة الإنجليزية.
-
تفاصيل التغيير متاحة حاليًا باللغة الإنجليزية.
-
تفاصيل التغيير متاحة حاليًا باللغة الإنجليزية.
المقارنة الكاملة غير متاحة — لم تُؤرشف لقطة سابقة لهذه المراجعة.
تم التحديث في 11 أغسطس 2026.
ملخص تحريري وتفاصيل التغيير المسجلة.تفاصيل التغيير
-
تفاصيل التغيير متاحة حاليًا باللغة الإنجليزية.
-
تفاصيل التغيير متاحة حاليًا باللغة الإنجليزية.
-
تفاصيل التغيير متاحة حاليًا باللغة الإنجليزية.
المقارنة الكاملة غير متاحة — لم تُؤرشف لقطة سابقة لهذه المراجعة.
تم التحديث في 19 يوليو 2026.
ملخص تحريري وتفاصيل التغيير المسجلة.تفاصيل التغيير
-
تفاصيل التغيير متاحة حاليًا باللغة الإنجليزية.
-
تفاصيل التغيير متاحة حاليًا باللغة الإنجليزية.
-
تفاصيل التغيير متاحة حاليًا باللغة الإنجليزية.
المقارنة الكاملة غير متاحة — لم تُؤرشف لقطة سابقة لهذه المراجعة.