المواقع

موقع بلغتين عربي وإنجليزي: ما الذي تجهزه

موقع بلغتين عربي وإنجليزي: ما الذي تجهزه

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

  1. الروابطمجلد لكل لغة، ورابط مستقل لكل صفحة
  2. التصميمبالاتجاهين من البداية
  3. المحتوىمكتوب لقارئ كل لغة
  4. الوسومhreflang وcanonical لكل صفحة
  5. الاختباركل قالب باللغتين على جوال حقيقي
ترتيب العمل في موقع ثنائي اللغة

كيف تنظم روابط الموقع ثنائي اللغة؟

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

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

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

ما هو hreflang وكيف تضبطه؟

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

  • كل صفحة تذكر نفسها ونظيرتها. العربية تشير إلى نفسها برمز ar وإلى الإنجليزية برمز en، والإنجليزية تفعل الشيء نفسه. الإشارة من طرف واحد يتجاهلها جوجل.
  • أضف x-default للصفحة التي تُعرض لمن لا تطابق لغته أياً من النسختين، وتكون عادة الإنجليزية أو صفحة اختيار اللغة.
  • رمزا ar وen يكفيان لأغلب المواقع. أضف رمز البلد، مثل ar-SA، فقط إذا كان لديك محتوى مختلف لكل بلد.
  • اربط كل صفحة بنظيرتها الفعلية: صفحة الخدمة العربية بصفحة الخدمة نفسها بالإنجليزية، وليس بالصفحة الرئيسية.
  • ضع الوسوم في رأس الصفحة أو في خريطة الموقع XML، واختر طريقة واحدة لكل الموقع.

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

ما الذي تنتبه له في تصميم RTL؟

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

في الكود، ضع dir="rtl" وlang="ar" على وسم html للصفحات العربية، واكتب CSS بالخصائص المنطقية مثل margin-inline-start بدل margin-left، فتعمل الصفحة بالاتجاهين من ملف واحد. والخط العربي يحتاج غالباً حجماً أكبر قليلاً وتباعد أسطر أوسع حتى يُقرأ براحة على الجوال.

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

هل تترجم محتوى الموقع حرفياً؟

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

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

كيف تصمم زر تبديل اللغة؟

اكتب اسم اللغة بلغتها: «English» في الصفحة العربية و«العربية» في الإنجليزية. تجنب الأعلام، فالعلم يمثل بلداً، والعربية والإنجليزية لغات بلدان كثيرة. ضع الزر في مكان ثابت في رأس الصفحة، واجعله يفتح الصفحة المقابلة نفسها، فمن يقرأ صفحة خدمة لا يريد أن يعود إلى الصفحة الرئيسية.

ماذا تختبر قبل إطلاق الموقع ثنائي اللغة؟

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

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

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

أسئلة يطرحها شركاؤنا

هل يعتبر جوجل الصفحة المترجمة محتوى مكرراً؟

لا. الصفحات بلغات مختلفة لا تُعامل كمحتوى مكرر، وhreflang يساعد جوجل على عرض النسخة المناسبة لكل باحث.

هل أبدأ بلغة واحدة ثم أضيف الثانية؟

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

كتبه فريق Visual Innovate، الفريق الذي يبني الأنظمة والمواقع والتطبيقات ويستضيفها ويتابعها لعملائنا في الأردن والسعودية وعُمان ومصر.

هل أنت شريك نجاحنا القادم؟

احكِ لنا المشكلة كما تراها، ونعود إليك خلال يوم عمل بفهمنا لها وخطوة أولى واضحة.