أغلب المواقع ثنائية اللغة تفشل بالطريقة الهادئة نفسها. كل شيء مترجَم، ولا شيء يبدو صحيحًا. النص يُقرأ من اليمين، لكن التخطيط ما زال يميل إلى اليسار، وسهم يشير إلى الجهة الخطأ، ورقم هاتف يبدو مبعثرًا. لا يستطيع الزائر أن يقول لماذا، لكنه يثق بالموقع أقل.
هذه الأخطاء التي أفحصها أولًا عندما أبني موقعًا بالعربية والإنجليزية أو أراجع واحدًا.
1. قلب الصفحة بحيلة بدل البناء للاتجاهين
ضبط اتجاه النص لا يكفي. الهوامش والحشوات والعناصر المكتوبة بـ«يسار» و«يمين» تبقى حيث كانت. الحل الحديث هو الخصائص المنطقية: «بداية» و«نهاية» بدل «يسار» و«يمين». اكتب التخطيط مرة واحدة فينعكس صحيحًا في اللغتين.
2. عكس الأيقونات الخطأ (أو عدم عكس أي منها)
الأيقونات التي تدل على اتجاه، مثل الأسهم و«التالي» و«السابق»، يجب أن تنعكس. والتي تمثل شيئًا في العالم الحقيقي يجب ألّا تنعكس: شعار أو ساعة أو زر تشغيل أو علامة صح. شعار مقلوب طريقة سريعة لتبدو مهملًا.
3. نص وأرقام مختلطة تتبعثر
الجمل العربية تحتوي كثيرًا على أسماء علامات إنجليزية وأرقام وأسعار وأرقام هواتف. من غير عناية تقفز علامات الترقيم إلى الجهة الخطأ ويُقرأ رقم الهاتف معكوسًا. علّم هذه القطع ليعزلها المتصفح، واختبر جملًا حقيقية لا نصوصًا تجريبية.
4. معاملة الخط العربي كالخط اللاتيني
- ارتفاع السطر: العربية تحتاج مسافة أكبر بين الأسطر من اللاتينية، وإلا تصادمت العلامات فوق الحروف وتحتها.
- تباعد الحروف: إضافته للعربية يكسر اتصال الحروف. اتركه صفرًا للعربية.
- الخط: اختر خطًا مصممًا للعربية لا بديلًا يستعير الحروف. وافحص الأوزان التي تستخدمها فعلًا.
- الحجم: العربية تحتاج غالبًا حجمًا أكبر قليلًا لتبدو مريحة مثل الإنجليزية بجوارها.
5. نماذج تعاند القارئ
التسميات والنصوص تُحاذى إلى بداية السطر في اتجاه القارئ. لكن عناوين البريد وأرقام الهواتف وعناوين المواقع من اليسار إلى اليمين بطبيعتها، فيجب أن تقبلها هذه الحقول وتعرضها هكذا حتى في صفحة عربية.
6. الشرائح وأشرطة التقدم وكل ما يتحرك
شريط صور يتقدّم إلى اليمين في صفحة عربية يبدو معكوسًا. الخطوات وأشرطة التقدم والخطوط الزمنية يجب أن تسير في اتجاه القراءة. من السهل نسيانها لأنها تبدو سليمة في النسخة الإنجليزية.
7. ترجمة الكلمات بدل المعنى
زر مكتوب فيه الترجمة الحرفية لـ«Get started» قد يبدو متكلفًا أو غريبًا. اكتب العربية كما يقولها من يتحدثها. وكذلك العناوين ورسائل الخطأ والنصوص الصغيرة حول النماذج. هنا يلتقط القارئ الأصلي ما لا تلتقطه البرمجيات.
8. عنوان واحد للغتين
أعطِ كل لغة عنوانها (مثلًا الصفحات العربية تحت مسارها)، واضبط لغة الصفحة واتجاهها في الكود، وأخبر محركات البحث بالأزواج عبر بدائل اللغة. وإلا عرضت محركات البحث اللغة الخطأ للشخص الخطأ، وقد يرسل زر اللغة الزائر إلى الصفحة الرئيسية بدل الصفحة نفسها.
9. الاختبار بمحتوى وهمي وعلى جهاز واحد
العناوين الحقيقية أطول من «Lorem ipsum»، والعناوين العربية تلتف بشكل مختلف. اختبر بالنص الحقيقي، على هاتف وعلى حاسوب، واطلب من شخص يقرأ العربية كل يوم أن ينظر إليه خمس دقائق.
قائمة فحص سريعة
- التخطيط مبني بـ«بداية» و«نهاية» لا «يسار» و«يمين».
- أيقونات الاتجاه تنعكس، والشعارات وأيقونات العالم الحقيقي لا.
- الأرقام والأسعار وأسماء العلامات داخل الجمل العربية تبدو صحيحة.
- ارتفاع السطر وتباعد الحروف مضبوطان للعربية.
- حقول البريد والهاتف والموقع تعمل من اليسار إلى اليمين.
- الشرائح والخطوات تتبع اتجاه القراءة.
- العربية مكتوبة لا مترجمة فقط.
- عناوين منفصلة، واللغة والاتجاه مضبوطان، وبدائل اللغة موجودة.
- اختُبر بمحتوى حقيقي على هواتف حقيقية بقارئ حقيقي.
أسئلة شائعة
هل أحتاج موقعين منفصلين؟
لا. موقع واحد بنسختين لغويتين، لكل منهما عناوينها، هو البنية الصحيحة.
هل تجعل إضافة موقعي من اليمين لليسار؟
الإضافة تقلب التخطيط، لكنها لا تصلح الخطوط ولا الأيقونات ولا النص المختلط ولا جودة الترجمة.
هل تكون العناوين بحروف عربية؟
العناوين اللاتينية القصيرة أسهل في المشاركة، لأن الحروف العربية تتحول إلى رموز طويلة في أماكن كثيرة.
تبني موقعًا ثنائي اللغة، أو تريد إصلاح موقع يبدو مقلوبًا؟ اطلع على أعمال تطوير المواقع أو حدّثني عن موقعك.