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

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

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

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

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

ما ينعكس

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

ما يبقى على حاله

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

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

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

الترجمة تنقل الكلمات. والكتابة من جديد تنقل المعنى. العناوين ونصوص الأزرار والتعابير الاصطلاحية قلّما تسلم من الترجمة الحرفية، والقارئ يلحظ ذلك من الجملة الأولى.

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

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

اجعل كل صفحة بلغة واحدة. تستنتج Google لغة الصفحة من نصها الظاهر، وتنصح بألا توضع الترجمات جنباً إلى جنب.

اجعل لكل لغة عنواناً خاصاً بها. توصي Google بأن يكون لكل نسخة لغوية عنوان URL مستقل، أي عنوان الصفحة كما يظهر في المتصفح، بدلاً من عنوان واحد تتغير لغته بحسب ملفات تعريف الارتباط أو إعدادات المتصفح. ومن الأنماط الشائعة أن يكون لكل لغة مجلد، مثل /en/ و /ar/. وتقبل Google أيضاً النطاقات الفرعية ونطاقات الدول، وتنصح بألا تُحدَّد اللغة بمتغيّر يضاف إلى عنوان URL.

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

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

اللغة الثانية لا تضاعف التكلفة، لأن بنية الموقع وكوده البرمجي ونظام إدارة المحتوى مشتركة بين اللغتين. لكنها تضيف عملاً حقيقياً. تنشر Ron Studios، وهي وكالة في دبي، أن الموقع ثنائي اللغة يزيد ميزانية المشروع بنسبة من 20% إلى 35%. خذ هذا الرقم على أنه تقدير وكالة واحدة، لا قاعدة.

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

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

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

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

تهيئة اللغتين لمحركات البحث جزء من خدمة SEO وأداء الموقع.