الموقع العربي من اليمين إلى اليسار: أخطاء شائعة وقائمة فحص

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

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

لماذا يهمك أن يكون موقعك عربيًا أولًا في الخليج؟

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

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

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

أخطاء شائعة في المواقع العربية وثنائية اللغة

أغلب المشاكل تتكرر بأشكال معروفة. إن كان لديك موقع حالي، فابحث عن هذه:

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

كيف يبدو الموقع العربي حين يُبنى بشكل صحيح؟

استخدم هذه القائمة حين تكلّف مطورًا أو تراجع عرض سعر:

• الصفحة تعلن لغتها واتجاهها. تحمل الصفحات العربية dir="rtl" و lang="ar" على مستوى الصفحة كلها، لا على فقرات متفرقة. ويشرح W3C السبب في دليله عن خاصية dir في HTML.
• التصميم كله معكوس. الشعار والقائمة يبدآن من اليمين، وترتيب الأعمدة والخطوات ومسار التنقل معكوس، والسلايدر يتحرك في الاتجاه الآخر، والأيقونات التي تدل على اتجاه تنقلب.
• خطوط مصممة للعربية. والأفضل خط له شكلان عربي ولاتيني متناسقان، فتبدو اللغتان هوية واحدة، بلا تباعد حروف ولا ميلان مصطنع على العربية. وتصف وثيقة W3C عن متطلبات تنسيق النص العربي كيف يُصفّ النص العربي كما ينبغي.
• مسافة مريحة بين السطور. بسبب الامتدادات الطويلة والنقاط فوق الحروف وتحتها، يحتاج النص العربي عادةً إلى مسافة أكبر قليلًا بين السطور، وأحيانًا إلى حجم أكبر قليلًا من الإنجليزي.
• النص المختلط في مكانه. أرقام الهواتف والإيميلات وأرقام الطلبات تُعامَل كقطع تُقرأ من اليسار إلى اليمين داخل الجملة العربية، وحقلا الهاتف والإيميل يُكتبان من اليسار إلى اليمين.
• عنوان مستقل لكل لغة. مثل /ar و /en، فتكون نسختا المنيو بالعربية والإنجليزية صفحتين حقيقيتين يمكن مشاركتهما والعثور عليهما في البحث.
• زر تبديل لغة يبقيك في مكانك. إذا بدّلت اللغة في صفحة منتج، تصل إلى المنتج نفسه لا إلى الصفحة الرئيسية.
• اللغتان بقلم بشر. المسودة قد تأتي من أي مكان، لكن يراجع كل لغة ويصلحها شخص يكتبها كلغته الأم قبل النشر.
• الأسعار بالدينار الكويتي وبثلاث خانات عشرية. الدينار ألف فلس، فاكتب 3.500 د.ك لا 3.5 ولا 3.50، وبالشكل نفسه في اللغتين.

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

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

1. عنوان لكل لغة. توصي Google بعنوان URL مستقل لكل لغة بدل تبديل اللغة عبر الكوكيز أو إعدادات المتصفح، وتنصح بعدم تحويل الزائر تلقائيًا إلى لغة بناءً على تخمين.
2. وسوم hreflang. تذكر كل صفحة نسخها الأخرى عبر hreflang (مثل ar و en، مع x-default اختياريًا)، ويجب أن تشير كل نسخة إلى الأخرى في الاتجاهين. ويشرح دليل Google عن النسخ المترجمة من صفحاتك التفاصيل.
3. رابط أساسي (canonical) يشير إلى الصفحة نفسها. كل نسخة لغوية تعلن نفسها عنوانًا رئيسيًا. وإذا أشار الرابط الأساسي للصفحة العربية إلى الإنجليزية، فأنت تقول لمحركات البحث إن العربية مجرد نسخة مكررة.

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

قائمة فحص من 10 نقاط لموقعك العربي على الهاتف

افتح موقعك، أو رابط المعاينة من المطور، على هاتفك بالعربية:

1. هل يبدأ كل شيء من اليمين: الشعار والقائمة والنص والأزرار؟ وهل يتحرك السلايدر بالاتجاه الذي يتوقعه القارئ العربي؟
2. هل الحروف في العناوين والأزرار متصلة كلها بلا فراغات؟
3. هل يوجد نص عربي مائل، أو خط يتغير في منتصف الجملة؟
4. في جملة فيها رقم هاتف أو إيميل أو سعر: هل الترتيب صحيح؟ وهل يتصل الرقم صحيحًا عند الضغط عليه؟
5. هل يشير سهما «التالي» و«رجوع» في اتجاه العربية، بينما يبقى الشعار والساعات والصور على حالها؟
6. هل الأسعار بالدينار وبثلاث خانات عشرية، ومتطابقة في اللغتين؟
7. في صفحة منتج أو خدمة، هل يبقيك تبديل اللغة في الصفحة نفسها؟
8. هل للصفحة العربية عنوان خاص بها، مثل عنوان فيه /ar؟
9. أرسل نموذجًا عربيًا وفيه حقل مطلوب فارغ: هل العناوين على اليمين؟ وهل رسالة الخطأ بالعربية؟ وهل يُكتب الهاتف والإيميل من اليسار إلى اليمين؟
10. اقرأ فقرة بصوت عالٍ، ثم شارك الرابط في محادثة: هل يبدو الكلام محليًا؟ وهل تظهر معاينة الرابط بعنوان عربي؟

كيف تتعامل دروازة مع العربية والاتجاه من اليمين إلى اليسار؟

تبني دروازة البرامج التي تقوم عليها المشاريع في الكويت والخليج، وكل موقع تبنيه يأتي بالعربية والإنجليزية من البداية: اتجاه من اليمين إلى اليسار مطبّق كما يجب على التصميم كله، ولكل لغة عنوانها الخاص مثل /ar و /en، وخطوط مصمَّمة للعربية.

ولكل موقع أيضًا أساسيات الظهور في البحث باللغتين: العناوين والأوصاف، وخريطة الموقع، والبيانات المنظَّمة، وملف llms.txt، ونصوص البحث والأسئلة الشائعة لكل لغة تعدّلها بنفسك من لوحة التحكم. والأسعار تظهر بالدينار الكويتي بثلاث خانات عشرية، ويدفع العملاء بكي نت أو البطاقات أو Apple Pay عبر حسابك أنت لدى بوابة الدفع، في كل الخطط.

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

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