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

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

هذا ما نفعله حين نبني موقعًا بالعربية والإنجليزية، وهو ما طبقناه على هذا الموقع نفسه.

1. رابط مستقل لكل لغة

يجب أن يكون لكل صفحة رابط خاص بكل لغة، مثل unlockd.art/services بالإنجليزية وunlockd.art/ar/services بالعربية. الترجمة التي تتبدل داخل الصفحة نفسها بزر، دون تغيير الرابط، لا يراها Google كنسخة مستقلة، فلا تظهر العربية في نتائج البحث.

2. وسوم hreflang متبادلة

يحتاج Google إلى معرفة أن الصفحتين نسختان للمحتوى نفسه. تشير كل صفحة إلى نسختها الأخرى وإلى نفسها بوسوم hreflang، مع نسخة افتراضية (x-default). ويجب أن يكون الربط متبادلًا: إن أشارت الإنجليزية إلى العربية ولم تُشر العربية إلى الإنجليزية، يتجاهل Google الوسوم (Google Search Central: hreflang).

3. لا تحويل تلقائي

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

4. التخطيط يعكس الاتجاه بالكامل

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

5. خط عربي حقيقي

الخطوط اللاتينية لا تحتوي عادة على الحروف العربية، فيعرض المتصفح خطًا احتياطيًا لا يشبه تصميمكم. اختاروا خطًا عربيًا بأوزان تطابق الخط اللاتيني، واحملوه من خادمكم. وتجنبوا تباعد الحروف (letter-spacing) في العربية، لأنه يقطع اتصال الحروف.

6. الأرقام والعملات والتواريخ

قرروا بين الأرقام الغربية (1، 2، 3) والأرقام الهندية (١، ٢، ٣) والتزموا بقرار واحد. كثير من مواقع الأعمال في الخليج تستخدم الأرقام الغربية. وتحققوا من طريقة عرض العملات والنسب والتواريخ داخل النص العربي، لأن اتجاه النص المختلط قد يقلب ترتيبها.

7. محتوى مكتوب للسوق، لا مترجم حرفيًا

الناس لا يبحثون بالعربية بالكلمات نفسها التي يبحثون بها بالإنجليزية. "website design company" تصبح "شركة تصميم مواقع"، وقد تكون الصيغة الأكثر بحثًا مختلفة تمامًا. اكتبوا العناوين والأوصاف والعناوين الرئيسية لكل لغة وفق كلماتها المفتاحية، وراجعوا النص العربي مع متحدث أصلي.

8. البيانات الوصفية والبيانات المنظمة لكل لغة

عنوان الصفحة ووصفها وبيانات Open Graph والبيانات المنظمة (schema) يجب أن تكون بلغة الصفحة، مع لغة الصفحة (lang="ar") صحيحة في الكود. وخريطة الموقع يجب أن تضم النسختين مع روابطهما المتبادلة.

9. النماذج والبريد

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

خلاصة القول

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