موقع عربي لا يبدو مترجماً

معظم النسخ العربية للمواقع اللبنانية هي الموقع الإنكليزي نفسه مع تبديل الكلمات ودفع النصّ إلى اليمين. تعرف ذلك خلال ثانية من وصولك إليه، ويعرفه كذلك الشخص الذي كنت تأمل أن تبيعه.

بنيتُ هذا الموقع باللغتين، ولم تكن الترجمة إلا جزءاً ضئيلاً من العمل. كانت المئة قرار الصغير تحتها. وهذه أهمّها.

الاتجاه خاصيّة في البنية، لا محاذاة للنصّ

الخطأ الأول معاملة «من اليمين إلى اليسار» على أنّه text-align: right.

التخطيط العربي ينعكس: القائمة تبدأ من اليمين، والشريط الجانبي ينتقل، وسهم الرجوع يشير إلى الجهة الأخرى، والتقدّم يسير من اليمين إلى اليسار. وهذا يأتي من ضبط dir="rtl" على المستند وترك المتصفّح يقلب التخطيط، لا من دفع النصّ عرضاً.

و CSS الحديثة تجعل ذلك شبه مجاني إن كتبته هكذا من البداية: استعمل الخصائص المنطقية — margin-inline-start بدل margin-left، وpadding-inline-end بدل padding-right — وعندها تقلب سمة dir واحدة الصفحة كلّها كما يجب. أمّا تركيبه لاحقاً فيعني مطاردة كل left مثبّتة في ملف الأنماط، وهكذا تنتهي المواقع منعكسةً إلى النصف.

ليس كل شيء ينعكس

الأيقونات الاتجاهية تنعكس: أسهم الرجوع، وأسهم التالي، وكل ما يدلّ على تقدّم.

الشعارات لا تنعكس. وأزرار الوسائط لا تنعكس — فزرّ التشغيل يبقى مشيراً إلى اليمين لأنّه يحاكي سير الزمن لا اتجاه القراءة. وأرقام الهاتف والبريد الإلكتروني لا تنعكس. وأسماء العلامات اللاتينية لا تنعكس.

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

الكلمات اللاتينية داخل الجمل العربية

هنا ينهار معظم المواقع العربية، والأمر يستحقّ الفهم لا الالتفاف عليه.

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

ويتعامل المتصفّح مع ذلك تعاملاً معقولاً إلى أن تدخل علامات الترقيم. فمحارف مثل + و. و# و/ محايدة اتجاهياً — تأخذ اتجاهها ممّا حولها. لذلك قد تُعرض C++ داخل جملة عربية وعلامتا الجمع في الجهة الخطأ من الحروف. والأمر نفسه ينطبق على .NET وre/Start وC#.

والعلاج أن تُحاط تلك المقاطع بعلامة «من اليسار إلى اليمين» (‏U+200E‎) لتبقى علامات الترقيم ملتصقة بالكلمة التي تخصّها. وهي علامة غير مرئية، لا تكلّف شيئاً، وبدونها تُقرأ قائمة تقنياتك هراءً بهدوء عند كل من يعرف اللغة.

ولنطاقات التواريخ المشكلة نفسها. أنا أثبّتها من اليسار إلى اليمين وأتركها بالإنكليزية في النسختين، لأنّ نطاق تاريخ باتجاهين مختلطين صعب القراءة فعلاً.

الخطّ ليس تفصيلاً

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

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

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

لا تترجمه آلياً

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

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

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

لكل لغة رابطها الخاص

لا زرّ يبدّل النصّ في مكانه، بل رابط حقيقي — /ar/about إلى جانب /about — يستطيع أحدهم مشاركته وحفظه، ويستطيع محرّك البحث فهرسته على حدة.

ثم أخبر محرّكات البحث أنّ الصفحتين نسختان من الشيء نفسه عبر تعليقات hreflang، كلّ منهما تشير إلى الأخرى، مع x-default. وبدون ذلك تنافس نفسك: صفحتان تقولان الشيء نفسه بلغتين، وليست إحداهما الجواب الواضح لأيّ من الجمهورين.

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

تفاصيل تفضح الموقع

النماذج. التسميات والنصوص الإرشادية ورسائل التحقّق. نموذج عربي يقول «This field is required» بالإنكليزية مترجَمٌ على السطح فقط.
الأرقام. احسم بين الأرقام الهندية والعربية والتزم. وخلطها في صفحة واحدة يبدو إهمالاً.
ارتفاع السطر. الخطّ العربي يحتاج مساحة رأسية أكبر من اللاتيني بالحجم نفسه. وإعادة استعمال ارتفاع سطرك الإنكليزي تجعل الفقرات الكثيفة خانقة.
تمدّد النصّ. الترجمات العربية أقصر من الإنكليزية غالباً، وأطول أحياناً. والأزرار المقاسة تماماً على تسميتها الإنكليزية ستنكسر.

كيف تختبره فعلاً

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

هذا الاختبار الأخير هو الذي يلتقط ما لا يلتقطه أي عمل تقني. كل ما سبق يجعل الموقع العربي يُعرض كما يجب. والقارئ وحده يستطيع أن يخبرك إن كان يبدو أنت.