المواقع من اليمين إلى اليسار: قائمة تحقق لمواقع WooCommerce وOdoo

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

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

1. اتجاه الصفحة

يجب أن تعلن الصفحة نفسها عن اتجاهها ولغتها. وفي HTML يعني ذلك السمة dir="rtl" وقيمة lang مثل ar على العنصر الجذر. ودونهما تخمّن المتصفحات وقارئات الشاشة، وتقع علامات الترقيم في الجانب الخطأ من الجمل. تحقق من أن الاتجاه يتغير عند تغيّر اللغة، وأن صفحة بالإنجليزية في الموقع نفسه تعود إلى الاتجاه من اليسار إلى اليمين.

2. انعكاس التخطيط

في التخطيط من اليمين إلى اليسار تنعكس الواجهة كلها:

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

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

3. الخطوط والنصوص

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

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

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

تمزج الأسعار بين النص والأرقام: فعبارة «149.00 SAR» داخل جملة عربية قد يُعاد ترتيبها من تلقاء نفسها. غلّف المبالغ بحيث تبقى معًا كوحدة واحدة، وتأكد من ظهور رموز العملات في الجهة الصحيحة. واختبر التواريخ كذلك، بما في ذلك التقويم الذي يتوقعه عملاؤك.

5. النماذج وحقول الإدخال

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

6. رسائل البريد والفواتير والمستندات

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

7. البحث وعناوين URL وتحسين محركات البحث

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

8. اختبره كما يفعل العميل

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

بطاقة تقييم سريعة

من أين تبدأ

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