المدونة · الخليج · مواقع عربية أولًا
تصميم مواقع عربية أولًا لشركات الخليج: لماذا يفشل RTL عند ترجمة قالب إنجليزي
معظم مواقع الشركات «ثنائية اللغة» في الخليج تبدأ كقالب SaaS إنجليزي: هيرو بمحاذاة يسار، عناوين قصيرة، صور بلوحات لاتينية، وقائمة مبنية لعبارات من ست كلمات. يمرّر المطوّر النصوص عبر إضافة ترجمة، يفعّل RTL في CSS، ويُطلق. النتيجة تبدو مترجمة غالبًا — فواصل عربية غريبة، أيقونات باتجاه خاطئ، نماذج تفترض عنوانًا أمريكيًا، والإنجليزية تبدو «الموقع الحقيقي». التصميم العربي أولًا للسعودية والإمارات وقطر والكويت والبحرين وعُمان يعني تخطيط اتجاه القراءة والخطوط وتسلسل المحتوى وإشارات الثقة لقارئ الخليج قبل إضافة الإنجليزية — لا عكس تخطيط أمريكي.
نُشر 2026-10-22 · 15 دقائق قراءة
لمن هذا الدليل
مسؤولو التسويق والرقمية في شركات خليجية، أعمال عائلية، موردون قريبون من القطاع الحكومي، وجهات في مناطق حرة تحتاج واجهة عربية موثوقة — وإنجليزية للشركاء والوافدين. الموقع تعريفي أو خدمي أو قطاعات أو وظائف أو علاقات مستثمرين — وليس شرحًا تقنيًا لخصائص اتجاه CSS.
«دعم RTL» ليس عربيًا أولًا
أسواق القوالب تسمي مئات القوالب «جاهزة لـ RTL». ذلك يعني غالبًا إضافة dir="rtl" وعكس الهوامش. التصميم العربي أولًا يقرر بماذا يبدأ الصفحة الرئيسية، وكم يمكن أن يطول العنوان بالعربية، وأي أرقام تستخدم العربية الهندية أو الغربية لجمهوركم، وهل زر الإجراء يقرأ طبيعيًا في الرياض — قبل اختيار لون من دليل هوية أمريكي.
- RTL = اتجاه التخطيط. عربي أولًا = محتوى ونبرة وإطار قانوني وإيقاع بصري لقارئ الخليج.
- الترجمة بعد الإطلاق تعامل العربية كبند تكلفة؛ عربي أولًا يعامل اللغتين منتجين بمساحة عرض متكافئة.
ما الذي يتعطل عند ترجمة قالب إنجليزي فقط
- العناوين تفيض أو تُصغَّر: العربية تحتاج غالبًا حروفًا أكثر؛ نص هيرو بارتفاع ثابت يُقصّ أو يصبح غير مقروء.
- الخطوط: خطوط النظام أو sans الهندسية للاتينية تبدو رفيعة أو ضيقة أو منفصلة في العربية — خاصة في نص الجسم على الجوال.
- الأيقونات والأسهم ما زالت «للأمام» لـ LTR؛ الشرائح والخطوات تبدو معكوسة للقارئ العربي.
- الصور: مدن أمريكية وإشارات دولار وصور مصافحة تلوّح بـ «موقع مستورد» للمشتريات المحلية.
- النماذج: ZIP وقوائم ولايات وترتيب الاسم (أول/أخير فقط) وأقنعة هاتف لـ +1.
- SEO: روابط وعناوين إنجليزية تُفهرس أولًا؛ عربية مُضافة متأخرًا تُصارع تكرارًا أو صفحات رقيقة.
الخطوط والقراءة في العربية الخليجية
اختاروا خطوط عربية بمجموعة حروف كاملة وارتفاع سطر مريح (غالبًا 1.6–1.8 للنص). اقترنوها باللاتينية عن قصد — لا اختيارين عشوائيين من Google Fonts. اختبروا على أجهزة شائعة في الخليج: أندرويد متوسط وآيفون بنص افتراضي أصغر.
- تجنّبوا اللاتينية بأحرف كبيرة بجانب عناوين عربية — لا يوجد caps في العربية؛ الوزن البصري يتصادم.
- قرّروا نمط الأرقام لكل لغة (٠١٢ مقابل 012) والتزموا به في الأسعار والتواريخ والهواتف.
- اتركوا فقرات العربية تلتف طبيعيًا؛ لا تفرضوا justify (كشيدة مفرطة) في أعمدة جوال ضيقة.
هيكل المعلومات: أقل مرآة، وأكثر أولوية
مواقع الشركات الإنجليزية تحب قائمة قصيرة: الرئيسية، من نحن، الخدمات، مدونة، تواصل. المواقع العربية في الخليج تحتاج غالبًا مسارات أوضح للتراخيص والشهادات وبيانات التأسيس السعودية أو الإماراتية وملفات PDF عربية وتواصل واتساب أو اتصال أولًا — دون دفنها في تذييل على طراز إنجليزي.
- صمّموا عناصر القائمة الرئيسية بالعربية أولًا ثم اختصروا الإنجليزية — لا العكس.
- إن كانت الإنجليزية ثانوية، لا تفرضوا شجرة صفحات متطابقة؛ بعض صفحات الإنجليزية ملخصات بروابط للعمق العربي.
- مبدّل اللغة يحافظ على السياق (نفس الخدمة، لا 404 في اللغة الأخرى).
الثقة والامتثال ومحتوى خاص بالخليج
مصداقية الشركة في السعودية والإمارات جزءها بصري: إشارات السجل التجاري، عرض الرقم الضريبي حيث يلزم، سياسة خصوصية متوافقة مع PDPL بعربية واضحة، وكتلة تواصل بأرقام +966 / +971 وساعات بتوقيت الخليج وقناة خدمة عربية أولًا إن أمكن.
- الصفحات القانونية: راجعوا العربية مع مستشار يعرف القانون المحلي — الترجمة الآلية خطرة على نصوص المسؤولية.
- الخرائط والعناوين: ادعموا صيغ العنوان الوطنية (العنوان المختصر السعودي، أسطر الإمارات) بتسميات عربية.
- إمكانية الوصول: التباين وحالات التركيز مهمة في RTL أيضًا؛ لا تتركوا حواصر لوحة مفاتيح في نوافذ معكوسة.
ترتيب بناء عملي عربيًا أولًا
- مخطط محتوى وwireframes بالعربية — الرسائل، ترتيب الأقسام، موضع الأزرار.
- تصميم بصري بعناوين عربية بأقصى طول واقعي؛ ثم تكييف الإنجليزية.
- مكتبة مكونات بـ CSS منطقي (margin-inline لا left/right فقط)، أيقونات ثنائية الاتجاه، وحقول نماذج مُختبرة في الاتجاهين.
- نص إنجليزي كتكييف — لا مرآة حرفية لادعاءات عربية قانونية أو تسويقية.
- hreflang وخريطة موقع وSearch Console للغتين؛ بيانات عربية مكتوبة لنية بحث خليجية.
قالب إنجليزي مقابل مخصّص مقابل منصة إقليمية
- قالب WordPress/Webflow إنجليزي فاخر + ترجمة: أسرع، وأعلى خطر RTL «معكوس» إلا إذا أعاد فريق يعرف الخليج رموز التخطيط.
- Headless أو Next.js بمسارات لغة (/ و /ar): أفضل تحكم لهيكل عربي أولًا وSEO وأداء في الخليج.
- CMS إقليمي أو عقود وكالة: جيد عند التحرير اليومي بالعربية؛ راجعوا RTL على مستوى المكونات.
إشارة ميزانية: ترقيع قالب مشترى يكلّف غالبًا إعادة عمل أكثر من تحديد نطاق بناء ثنائي صحيح مرة واحدة — خاصة عندما تعامل الإدارة العربية «المرحلة الثانية».
أسئلة قبل توقيع عقد المورد
- من يكتب العربية — كاتب خليجي أم ترجمة من الإنجليزية؟
- هل توجد wireframes بالعربية قبل التصميم البصري؟
- كيف تُختبر الأيقونات والشرائح والجداول في RTL على الجوال؟
- ما استراتيجية الروابط (/ar/، نطاق فرعي، أو query) وخطة hreflang؟
- من يملك الخطوط والتراخيص وتدريب التحرير بالعربية لفريقكم؟
كيف تطلق ويبلاك مواقع خليجية عربية أولًا
ويبلاك تبني مواقع شركات ومنتجات بعربية وإنجليزية كمحليين متكافئين — خطوط RTL، مكونات واعية للغة، أنماط تواصل خليجية، وSEO (hreflang، بيانات منظمة) من السبرنت الأول. لا نبيع قوالب أمريكية عامة؛ ننفّذ الهيكل الذي يوافق عليه أصحاب المصلحة في الرياض أو دبي.
صفوا أسواقكم ومجموعة الصفحات وهل العربية أساسية في «ابدأ مشروعًا» — نرد خلال يوم عمل بنطاق مضبوط للخليج، لا عرض قالب معكوس.
أسئلة شائعة
ما الفرق بين RTL والتصميم العربي أولًا؟
RTL يضبط اتجاه التخطيط من اليمين لليسار. عربي أولًا يعني تسلسل المحتوى والخطوط والقائمة ومحتوى الثقة والنماذج لقارئ خليجي أولًا، والإنجليزية مُكيَّفة — لا موقع إنجليزي معكوس بعد الترجمة.
هل موقع شركة سعودية عربي أولًا أم إنجليزي أولًا؟
إن قرأ معظم العملاء والجهات والشركاء المحليين العربية، اجعلوا تجربة عربية أولًا مع إنجليزية قوية. شركات B2B للتصدير قد ترجّح الإنجليزية — لكن المحتوى القانوني و«من نحن» العربي يجب أن يكون بجودة أصلية لا ترجمة آلية.
هل أضيف عربية صحيحة لاحقًا لموقع WordPress إنجليزي موجود؟
يمكن إضافة لغة، لكن إصلاح الخطوط وطول القائمة والنماذج والهيكل يعني غالبًا إعادة تصميم القوالب — لا تثبيت WPML أو Polylang فقط. خططوا لاختبار RTL على مستوى المكونات، لا زرًا واحدًا.
هل مواقع الشركات ثنائية اللغة في الإمارات تحتاج روابط عربية منفصلة؟
استخدموا مسارات لغة واضحة (مثل /ar/...) مع hreflang وقواعد canonical. تجنّبوا صفحات مكررة رقيقة؛ لكل لغة عناوين ووصف ذو معنى لنية بحث دبي وأبوظبي.
أي خطوط عربية تناسب مواقع الشركات في الخليج؟
يعتمد على نبرة العلامة، لكن أولوا عائلات عربية كاملة بترخيص ويب (مثل IBM Plex Arabic، Noto Kufi، GE SS، أو خطوط تجارية مرخّصة). اختبروا حجم النص على الجوال — لا تعتمدوا على bold مصطنع من المتصفح.
هل هذا استشارة قانونية أو هوية من ويبلاك؟
إرشاد تصميم وتسليم عام. النصوص القانونية والسجلات واستراتيجية العلامة من مستشاريكم وفريق الهوية؛ ننفّذ التجربة ثنائية اللغة التي يوافقون عليها.
ممارسات التصميم وميزات المنصات تتطور. تحققوا من المتطلبات القانونية وإمكانية الوصول والهوية مع مستشارين مؤهلين. ويبلاك لا تقدّم استشارة قانونية.