تخطَّ إلى المحتوى
دليل

تصميم موقع عربي وإنجليزي: أخطاء RTL وLTR التي يجب تجنبها

بناء موقع بلغتين ليس تصميم نسخة واحدة ثم عكس اتجاهها. الاتجاه من اليمين لليسار له قواعد بصرية ووظيفية خاصة، وتجاهلها ينتج موقعًا يبدو مترجمًا آليًا حتى لو كانت الترجمة نفسها ممتازة. هذا الدليل يجمع الأخطاء الأكثر تكرارًا في هذا النوع من المشاريع وكيفية تفاديها.

الكاتب: Raghdan Bakhshنُشر: آخر تحديث:

عكس كل الأيقونات دون تمييز

بعض الأيقونات يجب أن تُعكس مع اتجاه الصفحة، مثل سهم «التالي» و«الرجوع»، بينما أيقونات أخرى يجب أن تبقى كما هي بغض النظر عن الاتجاه، مثل أيقونة التشغيل أو الساعة أو رقم الهاتف. عكس كل شيء تلقائيًا بلا تمييز ينتج تفاصيل بصرية غريبة تلاحظها العين حتى دون وعي تام بالسبب.

الأرقام والتواريخ في السياق الخطأ

قرار استخدام الأرقام العربية الشرقية أو الأرقام اللاتينية في النسخة العربية يجب أن يكون واعيًا ومتسقًا في كل الموقع، لا عشوائيًا بين صفحة وأخرى. كذلك ترتيب التاريخ يختلف حسب العرف المحلي، وخلط الأنماط داخل الصفحة الواحدة يُربك القارئ أكثر من أي خطأ لغوي.

نص مختلط الاتجاه بلا معالجة

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

خطوط وتباعد أسطر غير مناسبة للعربية

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

حقول النماذج والمحاذاة

حقل إدخال في نموذج عربي يجب أن يبدأ الكتابة فيه من اليمين، وأن تكون تسميته وأيقونته في الجهة الصحيحة، وإلا شعر المستخدم أن النموذج «مقلوب» حتى لو كانت الترجمة سليمة تمامًا. هذا يشمل أيضًا حقول الهاتف والبريد التي غالبًا تبقى بأرقام وأحرف لاتينية وسط نموذج عربي، وتحتاج محاذاة خاصة.

اقتطاع النص وعدم مراعاة طول الجملة

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

روابط منفصلة لكل لغة وربط صحيح بينها

كل صفحة يجب أن يكون لها رابط مستقل وواضح لكل لغة، مع ربط تقني صحيح بين النسختين حتى تعرف محركات البحث أن هذه نفس الصفحة بلغة أخرى وليست محتوى مكررًا. غياب هذا الربط يُضعف ظهور الموقع في نتائج البحث بكلتا اللغتين على المدى الطويل.

اختبار حقيقي بكلتا اللغتين قبل الإطلاق

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

خلاصة سريعة

  • لا تعكس كل الأيقونات تلقائيًا؛ ميّز بين ما يجب عكسه وما يبقى كما هو
  • التزم بنمط واحد للأرقام والتواريخ عبر الموقع بالكامل
  • استخدم خطًا عربيًا مدروسًا وتباعد أسطر مناسبًا للعربية تحديدًا
  • اختبر النماذج والأزرار بمحتوى حقيقي بكلتا اللغتين قبل الإطلاق
  • اربط الصفحتين العربية والإنجليزية تقنيًا بشكل صحيح لمحركات البحث

أسئلة شائعة

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

تريد مراجعة موقعك الحالي؟

أرسل رابط موقعك وسأخبرك بأبرز مشكلات الاتجاه والعربية التي تحتاج معالجة.

تحدث معي على واتساب