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

في تصميم مواقع عربية RTL، الاتجاه هو الجزء الرخيص

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

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

الخط العربي ليس الخط اللاتيني بمقاس آخر

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

ثلاث قواعد تنقذ أغلب المشاريع. لا تطبق تباعد الحروف على العربية أبدا، فالخط متصل والتباعد يكسر الوصلات. ولا تصطنع خطا عريضا أو مائلا، فالعربية لا تملك أيا منهما والمتصفح سيشوه الحروف. وأبق نص المتن بوزن عادي، لأن الأوزان الخفيفة تختفي على الشاشات منخفضة الكثافة. خطوط Cairo وTajawal وAlmarai وNoto Kufi كلها تتناغم بشكل معقول مع الخطوط اللاتينية الشائعة إذا طابقت الوزن الظاهري لا الرقم المكتوب على الاسم. واختصر ملف الخط أيضا. العائلات العربية تصدر بأحجام كبيرة، والخط غير المختصر كثيرا ما يكون أثقل ملف مفرد في الصفحة.

لغتان، وتجربتان من الدرجة الأولى

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

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

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