بناء منتجات ثنائية اللغة من اليوم الأول

التصميم للغات متعددة ليس قراراً يُؤجَّل، بل هو قرار أساسي يُشكّل بنيتك التقنية وواجهتك وإستراتيجية المحتوى.

إضافة اللغة العربية إلى منتج بُني بالإنجليزية أولاً ليست مهمة ترجمة، بل إعادة هندسة. الفرق التي تؤجّل هذا القرار تدفع ثمنه مرتين: مرة في الكود، ومرة في تجربة المستخدم التي تخرج مشوّهة.

لماذا يفشل «نضيف العربية لاحقاً»؟

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

القرارات السبعة التي يجب حسمها في اليوم الأول

١) تخزين النصوص خارج الكود: كل نص يظهر للمستخدم يعيش في ملفات ترجمة، بما في ذلك رسائل الأخطاء ونصوص أزرار التأكيد ورسائل البريد الإلكتروني. النص المكتوب داخل الكود هو أكثر سبب متكرر لظهور كلمات إنجليزية داخل واجهة عربية.

٢) استخدام الخصائص المنطقية في CSS: اكتب margin-inline-start بدل margin-left، وpadding-inline-end بدل padding-right، وinset-inline بدل left/right. المتصفحات الحديثة تعكسها تلقائياً حسب اتجاه الصفحة، فتختفي الحاجة إلى ملف CSS منفصل للعربية.

٣) ضبط dir وlang على مستوى الصفحة: عنصر html يحمل dir=rtl وlang=ar في النسخة العربية، وdir=ltr وlang=en في الإنجليزية. هذا ليس تفصيلاً شكلياً — قارئات الشاشة ومحركات البحث تعتمد عليه.

٤) اختيار خط عربي حقيقي: الخطوط اللاتينية لا تحتوي محارف عربية، والاعتماد على خط النظام يعني مظهراً مختلفاً على كل جهاز. اختر خطاً عربياً مصمَّماً للواجهات، واضبط ارتفاع السطر بشكل منفصل لأن العربية تحتاج تنفّساً رأسياً أكبر من اللاتينية.

٥) الأرقام والتواريخ والعملات: قرّر مبكراً هل تعرض الأرقام هندية (١٢٣) أم عربية (123)، وكيف تنسّق العملة والتاريخ في كل لغة. استخدم واجهة Intl القياسية بدل التنسيق اليدوي.

٦) الروابط وبنية العناوين: افصل اللغة في مسار الرابط مثل ‎/ar/services و‎/en/services، وأضف وسوم hreflang لكل نسخة. هذا يمنع تنافس النسختين على نفس الكلمة المفتاحية في محركات البحث.

٧) البيانات ثنائية اللغة في قاعدة البيانات: كل حقل يظهر للمستخدم يحتاج نسخته في اللغتين منذ التصميم الأول للجداول. إضافة عمود ثانٍ لاحقاً أسهل من إعادة كتابة كل استعلام وكل شاشة إدارة.

اختبار لا يستغرق أكثر من عشر دقائق

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

خلاصة تجربتنا

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

لو عندك منتج قائم وتفكّر في إضافة العربية، أو تبني منتجاً جديداً وتريد أن يعمل باللغتين من البداية، تواصل معنا ونراجع معك البنية الحالية.