النسخة العربية ليست الموقع الإنجليزي بكلمات مترجمة تُسكب في التخطيط نفسه. هذه هي أخطاء الاتجاه من اليمين إلى اليسار التي تفقدك القارئ في أول ثانيتين، وما ينبغي اختباره قبل الإطلاق.
تصميم المواقع بالعربية والاتجاه من اليمين إلى اليسار: الجواب المختصر
النسخة العربية من موقعك ليست الصفحة الإنجليزية بكلمات مترجمة تُسكب في التخطيط نفسه. الاتجاه من اليمين إلى اليسار يعني أن الواجهة كلها تنعكس: التنقل، وموضع الشعار، وعناوين الحقول، وخطوات التقدم، والأسهم، والزاوية التي تقع عليها عين زائر الخليج أولًا. الأخطاء التي تكلفك الاستفسار بنيوية لا لغوية، ومعظمها ظاهر خلال ثانيتين من تحميل الصفحة. اضبط اتجاه المستند بشكل صحيح، واعكس التخطيط بخصائص CSS المنطقية بدل الهوامش المقلوبة يدويًا، واختر خطًا مصممًا فعلًا للعربية، وقرّر بوعي أي مجموعة أرقام ستعرض.
إذا ضبطت هذه الأربعة، فالترجمة غير المثالية يمكن احتمالها. وإذا أخطأتها، فحتى الترجمة المثالية تُقرأ كموقع أجنبي لم يُبنَ لهذا القارئ. كما أن الميدان أصغر مما يفترضه معظم المصدّرين: وفق W3Techs، شكّلت العربية 0.6 بالمئة من المواقع التي يرصدها في سبتمبر 2026 مقابل 49.5 بالمئة للإنجليزية، ما يعني أن حضورًا عربيًا مبنيًا بإتقان ما زال يبرز في أسواق لا يملك فيها معظم المنافسين شيئًا.
العكس قرار تخطيط، لا محاذاة نص
أكثر الأخطاء شيوعًا موقع يضبط محاذاة النص إلى اليمين ويعتبر المهمة منتهية. الاتجاه ينتمي إلى المستند: خاصيتا dir وlang على عنصر html، ليطبّق المتصفح خوارزمية يونيكود ثنائية الاتجاه ويرث كل عنصر فرعي التدفق الصحيح. ومن هناك يجب أن ينعكس التخطيط نفسه. ينتقل الشعار والتنقل الرئيسي إلى اليمين، ويتبادل الشريط الجانبي موضعه، وتسير مسارات التنقل من اليمين إلى اليسار، ويبدأ شريط التقدم المكوّن من ثلاث خطوات من اليمين.
ليس كل شيء ينعكس، وهنا تخطئ أوراق الأنماط المقلوبة يدويًا. الشعارات ذات الأسماء اللاتينية تبقى كما رُسمت. وأزرار مشغلات الوسائط والساعات وكل ما يمثّل شيئًا ماديًا تحتفظ باتجاهها. الأرقام وأرقام الهواتف وأسماء العلامات اللاتينية تسير من اليسار إلى اليمين داخل التدفق من اليمين إلى اليسار، وهذا عمل الخوارزمية ثنائية الاتجاه كما صُممت لا خلل فيها. المعيار هو المعنى: السهم الذي يعني التالي ينبغي أن يشير يسارًا بالعربية، أما السهم الذي يعني التنزيل فيظل مشيرًا إلى الأسفل.
الخط العربي يكسر كل عادة لاتينية لديك
العربية خط متصل، وتتغير أشكال الحروف بحسب موقعها في الكلمة، ويحمل النص وزنًا بصريًا فوق خط الأساس وتحته أكثر من اللاتيني. وينتج عن ذلك ثلاثة أمور. العربية بالحجم نفسه الذي تستخدمه للإنجليزية تبدو صغيرة ومزدحمة، لذا يرفع معظم المصممين الحجم ويزيدون ارتفاع السطر لإفساح المجال. ولا يوجد في العربية عريض أو مائل بالمعنى اللاتيني: تعريض خط لا يملك وزنًا عريضًا يلطّخ وصلات الحروف، والمائل الاصطناعي يبدو مكسورًا ببساطة. أبرِز النص بوزن تملكه العائلة فعلًا، أو باللون، أو بالموضع.
اختيار الخط ليس تجميليًا أيضًا. الخط الاحتياطي في النظام يعرض عربيتك بما يصادف وجوده على الجهاز، ولهذا ينتهي كثير من المواقع الموجهة إلى الخليج إلى شكل استمارة حكومية. اختر عائلة خطوط ذات قطع عربي حقيقي وأوزان متوافقة، واختبرها بحجم العناوين وحجم النص على هاتف فعلي قبل أن يعتمدها أحد.
تصميم المواقع بالعربية والاتجاه من اليمين إلى اليسار: الأرقام والتواريخ والنماذج التي تسرّب العملاء
عند الأرقام تتعثر الفرق الواثقة. تُكتب العربية بمجموعتي أرقام: الأرقام العربية الهندية الشائعة في الخليج والشام، والأرقام العربية الغربية المستخدمة في معظم شمال أفريقيا. ووفق عمل W3C حول متطلبات تخطيط العربية والفارسية، تتعامل مكتبات التدويل مع الأرقام العربية الهندية بوصفها الافتراضية للنص العربي، مع استثناء عدة بلدان في شمال وشمال غرب أفريقيا تستخدم المجموعة الغربية. لا توجد إجابة صحيحة عالميًا، بل قرار تتخذه لكل سوق وتطبّقه باتساق. أما الأسعار بمجموعة وأرقام الهواتف بمجموعة أخرى في الصفحة نفسها، فهي النسخة التي تُقرأ كإهمال.
التواريخ والعملات تتبع القاعدة نفسها: اختر اللغة والمنطقة، ثم دع مكتبة تنسيق تعرض القيمة بدل تركيب النصوص يدويًا. والنماذج هي التسريب الآخر. تُحاذى العناوين والنصوص الإرشادية إلى اليمين، لكن حقول البريد الإلكتروني وحقول الروابط وأرقام الهواتف الدولية يجب أن تقبل الإدخال من اليسار إلى اليمين وتعرضه كذلك، وإلا وقعت علامة الزائد ورمز الدولة في المكان الخطأ. قبل الإطلاق، املأ نموذجًا حقيقيًا باسم عربي وعنوان عربي ورقم جوال خليجي، وافعل ذلك على الهاتف لا على سطح المكتب وحده.
فحوص الاتجاه من اليمين إلى اليسار قبل الإطلاق
- الاتجاه عند الجذر. اضبط خاصيتي الاتجاه واللغة على عنصر html في كل صفحة عربية، لا كصنف على حاوية واحدة. ثم تأكد من أن وسوم hreflang تحيل كل نسخة لغوية إلى بقية النسخ، كي تقدّم محركات البحث الصفحة العربية للاستعلام العربي.
- CSS منطقي بدل ورقة أنماط معكوسة. استبدل الهوامش والحشو اليمنى واليسرى بمكافئاتها في بداية السطر ونهايته، واستخدم خصائص الإزاحة المنطقية بدل اليمين واليسار. عندها تخدم ورقة أنماط واحدة الاتجاهين، ويتوقف الموقع العربي عن الانحراف كلما تغيّر الإنجليزي.
- مراجعة الأيقونات والحركة واحدة واحدة. الأسهم وعلامات الشيفرون والكاروسيل والمنزلقات وإيماءات السحب تنعكس؛ أما أزرار التشغيل وعلامات الصح وأقراص الساعة فلا. والحركات التي تدخل من اليسار في الإنجليزية ينبغي أن تدخل من اليمين في العربية.
- محتوى حقيقي، لا نص بديل أبدًا. النصوص العربية المترجمة تكون أحيانًا أقصر من الأصل الإنجليزي وأحيانًا أطول بكثير، لذا يجب اختبار الأزرار وعناصر التنقل وعناوين البطاقات بالكلمات الفعلية على عرض الهاتف.
- قارئ من أهل اللغة يتصفح الموقع الحي قبل الإطلاق. لا تدقيق ملف نصي، بل تجول في الصفحات الفعلية على الهاتف. الترجمة الآلية تنتج جملًا سليمة التركيب لكنها لا تشبه كلام أحد في الرياض أو دبي أو الدوحة.
تصميم المواقع بالعربية والاتجاه من اليمين إلى اليسار: أسئلة شائعة
- هل يكفي ضبط خاصية الاتجاه على rtl لجعل الموقع من اليمين إلى اليسار؟ — لا. فهي تضبط اتجاه النص وتتيح للمتصفح تشغيل الخوارزمية ثنائية الاتجاه، لكن التخطيط ما زال عليه أن ينعكس: التنقل، والأشرطة الجانبية، والأيقونات، ومؤشرات التقدم، وأي تباعد مكتوب بقيم اليمين واليسار. والبناء بخصائص CSS المنطقية يجعل هذا العكس تلقائيًا بدل أن يكون يدويًا.
- أي أرقام ينبغي أن يستخدمها الموقع العربي؟ — يعتمد ذلك على السوق. الأرقام العربية الهندية هي العرف في الخليج والشام، بينما يستخدم معظم شمال أفريقيا الأرقام الغربية، وهو انقسام يظهر في عمل W3C حول متطلبات تخطيط العربية. اختر واحدة لكل سوق وطبّقها باتساق على الأسعار والتواريخ وأرقام الهواتف.
- هل أحتاج موقعًا عربيًا منفصلًا أم نسخة لغوية من موقعي الحالي؟ — نسخة لغوية، بشرط أن يكون التخطيط الأساسي مبنيًا بخصائص منطقية وأن يدعم نموذج المحتوى الاتجاهين. المواقع المنفصلة تتباعد خلال سنة وتُهمل وسوم hreflang فيها، فتتوقف محركات البحث عن تقديم النسخة الصحيحة.
- لماذا يبدو النص العربي لدي خاطئًا رغم صحة الترجمة؟ — السبب عادة هو الخط. عائلة بلا قطع عربي حقيقي تُعرَّض اصطناعيًا أو تُستبدل بهدوء بخط احتياطي من النظام، فتتكسر وصلات الحروف. اضبط خطًا يدعم العربية فعلًا، وارفع الحجم وارتفاع السطر مقارنة باللاتيني، ولا تستخدم أبدًا العريض أو المائل الاصطناعي.
تابع القراءة
- متعدد اللغات بالتصميم: موقع واحد يخاطب خمسة أسواق
- دخول الخليج: كيف تكسب العلامات التجارية الفاخرة مكانتها
- تصميم مواقع الشركات الحلال: إشارات الثقة التي تحقق التحويل
اطلب منا مراجعة موقعك العربي كما يراه زائر الخليج تمامًا، على الهاتف، قبل أن تنفق على جلب الزيارات.
لنبنِ شيئًا
جديرًا بالثقة.
أخبرنا بما يُبطئ أعمالك، وسنُريك النظام الذي يُصلحه — وبأي سرعة.