English
الدليلمشاريع المواقع الإلكترونية

كيف تخطط لموقع إلكتروني بالعربية والإنجليزية

Alpha Expansionروجعت هذه الصفحة في أكتوبر 2026
باختصار

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

أهم النقاط
  • 01صمّم الاتجاهين معاً، فعكس تصميم مكتمل نادراً ما ينجح
  • 02النص العربي يُكتب لقرّائه، ولا يُنقل كلمة بكلمة
  • 03تحتاج كل لغة إلى رابط خاص بها، وعنوان ووصف خاصين بها في نتائج البحث
01

الموقع ثنائي اللغة اتجاهان، لا قاموسان

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

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

02

حدّد مكان كل لغة في الموقع

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

الخيارالشكلمتى يناسب
مجلد لكل لغةexample.com/ar/servicesمعظم مواقع الشركات: نطاق واحد، ومجموعة أدوات واحدة، وصيانة بسيطة
نطاق فرعي لكل لغةar.example.com/servicesحين تُدار اللغتان بفرق مختلفة أو على أنظمة مختلفة
نطاق لكل بلدexample.sa وexample.comكيانات قانونية منفصلة، أو عروض أو أسعار تختلف من بلد إلى آخر
رابط واحد، واللغة محفوظة في ملف تعريف الارتباطexample.com/services للغتينتجنّبه، فمحركات البحث والروابط المشاركة لا ترى إلا لغة واحدة

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

03

صمّم التخطيط بحيث ينعكس

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

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

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

04

تعامل مع الخط العربي على أنه مهمة تصميم قائمة بذاتها

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

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

حدّد من يكتب النص العربي ومن يراجعه ومن يحدّثه

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

  1. 01

    من يكتب النص العربي، ومن يعتمده؟

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

  2. 02

    بأي مستوى لغوي ستكتب؟

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

  3. 03

    أي المصطلحات تبقى بالإنجليزية؟

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

  4. 04

    ماذا تفعل بصفحة موجودة بلغة واحدة فقط؟

    لماذا تهم هذه الأسئلةقرّر هل تخفيها، أم تعرضها مع تنبيه، أم تؤجل نشرها حتى تجهز النسختان.

  5. 05

    هل شملت النماذج والرسائل؟

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

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

06

مثال تطبيقي

مثال توضيحي

إضافة العربية إلى موقع شركة مقاولات

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

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

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

07

امنح كل لغة إعدادات البحث الخاصة بها

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

  1. 01

    اكتب عنوان الصفحة ووصفها بكل لغة

    الصفحة العربية التي تحمل عنواناً إنجليزياً تقول للقراء ولمحركات البحث معاً إن الصفحة لم تكتمل.

  2. 02

    علّم النسختين على أن كلاً منهما بديلة للأخرى

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

  3. 03

    حدّد اللغة والاتجاه داخل الصفحة

    يجب أن تعلن الصفحة في شيفرتها أنها عربية وأنها تُقرأ من اليمين إلى اليسار، كي تتعامل معها المتصفحات وقارئات الشاشة وأدوات الترجمة على النحو الصحيح.

  4. 04

    لا تحوّل الزائر بحسب موقعه

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

  5. 05

    ادرس عمليات البحث العربية على حدة

    الناس لا يبحثون بالترجمة الحرفية لكلماتك المفتاحية الإنجليزية. اعرف الكلمات التي يستخدمها المتحدثون بالعربية للبحث عن خدماتك.

08

قائمة التحقق لموقع بالعربية والإنجليزية

قائمة التحقق لتخطيط موقع ثنائي اللغة

0 من 10 منجزة
09

ماذا تفعل الآن

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

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

10

أسئلة شائعة

هل يمكن أن نضيف العربية لاحقاً إلى موقع إنجليزي قائم؟

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

هل يجب أن يكون محتوى الصفحات العربية والإنجليزية متطابقاً؟

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

هل نحتاج إلى تصميم منفصل للعربية؟

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

بأي لغة يجب أن يُفتح الموقع؟

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

هل يحتاج نظام إدارة المحتوى لدينا إلى دعم خاص للعربية؟

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

التالي

إلى أين بعد ذلك

الخطوة التالية

حدّثنا عن مشروعك

صف لنا ما تريد بناءه والأنظمة التي سيعمل معها. نرد عليك بطريقة تعاملنا مع المشروع وبالقرارات التي تأتي أولاً. جلسة تحديد النطاق مجانية.

نرد خلال 24 ساعةاستشارة وتحديد نطاق مجاناًاتفاقية عدم إفصاح عند الطلب