العربية والإنجليزية في موقع واحد: قائمة تحقق للمواقع ثنائية اللغة

لماذا يحتاج الموقع ثنائي اللغة إلى أكثر من الترجمة؟

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

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

1. الروابط وتحسين الظهور: هل لكل لغة عنوانها الخاص؟

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

• مجلد لكل لغة. المجلد الفرعي مثل /ar يُبقي النطاق واحدًا والنشر واحدًا، وتتقاسم اللغتان قوة الموقع في البحث.
• وسوم hreflang في كل صفحة. تعلن كل صفحة عن نسختيها العربية والإنجليزية مع x-default، فيعرض Google الصفحة العربية لمن يبحث بالعربية.
• رابط أساسي (canonical) لكل لغة يشير إلى نفسها، فالصفحة العربية لا تشير إلى الإنجليزية.
• السمتان الصحيحتان lang وdir في عنصر <html> (lang="ar" dir="rtl").
• بيانات وصفية مترجمة: العناوين والأوصاف ونصوص المعاينة على الشبكات الاجتماعية باللغتين.
• خريطة موقع تضم النسختين مع روابطهما البديلة.

2. التصميم: ما الذي ينعكس في الاتجاه من اليمين إلى اليسار؟

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

ابنِ التصميم باستخدام الخصائص المنطقية في CSS (margin-inline-start وpadding-inline-end وinset-inline-start وtext-align: start). فـFlexbox وGrid يتبعان اتجاه الصفحة تلقائيًا، فيخدم ملف تنسيق واحد اللغتين دون صيانة مزدوجة.

3. الخطوط: ماذا يحتاج النص العربي؟

للعربية قراراتها الطباعية الخاصة:

• خط مصمم للعربية على الشاشات. عائلات مثل IBM Plex Sans Arabic وNoto Sans Arabic وTajawal تجمع تصميمًا عربيًا مع حروف لاتينية متناسقة، فتبقى الجمل المختلطة منسجمة.
• مساحة أكبر. يُقرأ النص العربي عادةً بشكل أفضل عندما يكون أكبر بنقطة أو نقطتين من النص الإنجليزي، مع ارتفاع سطر أكبر.
• لا تباعد بين الحروف، ولا أحرف كبيرة، ولا مائل مصطنع. فالتباعد يقطع اتصال الحروف العربية، والأحرف الكبيرة غير موجودة في العربية، والعربية المائلة صعبة القراءة. استخدم السماكة أو اللون للتأكيد.

4. المحتوى: هل نترجم العربية أم نكتبها؟

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

• اتفقوا على مسرد مصطلحات لأسماء المنتجات والمصطلحات التقنية، وحددوا الأسماء التجارية التي تبقى بالحروف اللاتينية.
• اختر نمط أرقام واحدًا (الأرقام الغربية 0–9 أو الأرقام العربية المشرقية ٠–٩) والتزم به في كل مكان.
• الأسعار بالريال العُماني تُكتب بثلاث خانات عشرية (الريال = 1000 بيسة)، فخطّط لتنسيق الأسعار باللغتين.

5. النماذج والأرقام والنص المختلط: أين تتعطل المواقع ثنائية اللغة عادةً؟

معظم الأخطاء تظهر حيث يلتقي الاتجاهان:

• الجمل المختلطة. قد يقفز اسم تجاري إنجليزي داخل جملة عربية إلى الطرف الخطأ من السطر. ضع النص اللاتيني داخل <bdi> أو استخدم unicode-bidi: isolate، أو أعد صياغة الجملة.
• حقول الإدخال. حقول البريد الإلكتروني والهاتف والروابط تبقى dir="ltr" حتى في الصفحة العربية، أما الاسم والرسالة فتتبع اتجاه الصفحة.
• رسائل التحقق والنصوص الإرشادية ورسائل البريد التي يرسلها النموذج متوفرة باللغتين.
• التواريخ والأوقات بالإعدادات المحلية والمنطقة الزمنية الصحيحة (Asia/Muscat لعُمان).

6. نظام إدارة المحتوى: كيف يحافظ المحررون على تزامن اللغتين؟

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

قائمة التحقق قبل الإطلاق

كيف يمكن لأبوداتا أن تساعدك

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