تصميم موقع عربي: لماذا تفشل القوالب المترجمة عن الإنجليزية

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

لماذا لا يكفي قلب اتجاه القالب الإنجليزي#

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

النتيجة عيوب صغيرة متراكمة: عنوان يقطعه السطر في موضع غريب، وزر يضيق عن كلمته العربية، وسهم «التالي» يشير يميناً بينما القارئ العربي يمضي يساراً. كل عيب وحده محتمل، ومجموعها يعطي انطباعاً بأن الموقع مؤقت.

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

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

الخط العربي وقياسات القراءة#

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

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

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

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

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

الأرقام والتواريخ والنص المختلط#

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

استخدم الأرقام الغربية 0 إلى 9 في الواجهة، فهي ما يقرأه المستخدم السعودي على جواله وفي فاتورته. واكتب التاريخ بصيغة واضحة مثل «2 سبتمبر 2026» بدل صيغ مختصرة تُقرأ بطريقتين.

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

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

ما الذي يميّز تصميم موقع عربي عن نسخة مترجمة#

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

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

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

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

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

النماذج والحقول في واجهة عربية#

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

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

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

ما تفحصه في موقعك خلال ربع ساعة#

افتح موقعك على جوالك بشبكة الجوال لا بشبكة المكتب، وامشِ في هذه القائمة وسجّل ما تجده:

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

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

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

أسئلة شائعة#

هل أحتاج تصميمين منفصلين للعربية والإنجليزية؟#

لا. تحتاج تصميماً واحداً يُبنى على العربية ويُختبر بالإنجليزية، مع خط لاتيني مصاحب متناسق مع الخط العربي. الفصل إلى تصميمين يضاعف الصيانة ويؤدي إلى نسختين تختلفان مع الوقت.

هل الخط العربي المجاني يكفي؟#

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

هل يؤثر التصميم العربي في ظهور الموقع في محركات البحث؟#

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

موقعي جاهز بقالب مقلوب، هل أعيد بناءه؟#

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

من أين تبدأ تعديل موقعك#

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