بناء موقع واحد يعمل بشكل صحيح بالعربية والإنجليزية

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

هيكل الروابط لموقع عربي وإنجليزي

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

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

الرابط يخبر Google بمكان الصفحة العربية. لا يخبر Google بأي لغة كُتبت الصفحة.

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

hreflang وx-default التي تربط النسختين معًا

بمجرد وجود الروابط، يصبح hreflang الآلية التي تخبر Google بأي الصفحات نسخ لغة بديلة لبعضها. يصف توثيق Google الخاص بالنسخ المترجمة الصياغة بأنها رمز لغة، مثل ar أو en، يتبعه اختياريًا رمز منطقة، بحيث يكون ar-AE أو en-AE صحيحًا، بينما رمز منطقة وحده، مثل AE بمفرده، غير صحيح، وهو بالضبط الثنائي العربي الإنجليزي الذي يحتاجه موقع دبي. يمكن أن تُوضع التعليقات التوضيحية في رأس الصفحة كوسوم رابط، أو في خريطة موقع XML، أو في ترويسات HTTP، وتعامل Google الطرق الثلاث على أنها متكافئة.

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

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

من اليمين إلى اليسار نظام تخطيط، لا صورة معكوسة

نقطة البداية لبناء من اليمين إلى اليسار هي سمة dir في عنصر html. وفق توثيق MDN، تضبط dir اتجاه النص الأساسي لعنصر ما، وضبط dir=”rtl” على وسم html إلى جانب lang=”ar” هو الطريقة القياسية لتمييز صفحة عربية كاملة كصفحة من اليمين إلى اليسار، وهو ما يؤثر على ترتيب النص وعلامات الترقيم والرموز المحايدة في الصفحة. يُظهر مثال MDN نفسه هذا النمط بالضبط: dir=”rtl” وlang=”ar” على عنصر html، مع أي جزء إنجليزي بداخله يُميَّز على حدة بـ dir=”ltr” وlang=”en”، وهو النمط الأساسي خلف كل صفحة من موقع دبي العربي والإنجليزي.

يجب أن يتبع كود التخطيط المنطق نفسه. يوضح توثيق MDN حول خصائص CSS المنطقية أن خصائص مثل margin-left أو padding-right تصف اتجاهًا فيزيائيًا ثابتًا، بينما الخصائص المنطقية مثل margin-inline-start أو padding-inline-end تصف موضعًا نسبيًا لاتجاه النص. في تخطيط من اليمين إلى اليسار، تنطبق margin-inline-start تلقائيًا على الحافة اليمنى بدلًا من اليسرى، دون الحاجة إلى ورقة أنماط منفصلة. بناء الصفحات العربية على الخصائص المنطقية منذ البداية، بدلًا من مجموعة ثانية من تجاوزات اليمين واليسار، هو ما يبقي النسختين متوافقتين مع تطور التصميم.

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

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

خطوط الويب العربية وارتفاع السطر لموقع ثنائي اللغة

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

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

نماذج الموقع العربي والتحقق من الصحة

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

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

الحفاظ على توافق النسختين بعد الإطلاق

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

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

أين تناسب الترجمة الآلية، وأين لا تناسب

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

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

كيف يمكن لـ Digital Marketing Dubai المساعدة

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