خدمات الويب · العربية
البناء الحقيقي من اليمين إلى اليسار يغيّر سمة الاتجاه، ومنطق ورقة الأنماط، والطباعة، والنماذج، والروابط، لا النص وحده. هذه الصفحة هي التفاصيل التقنية التي تميّز البناء العربي الحقيقي عن موقع إنجليزي بُدّلت كلماته فقط.
معظم المواقع التي تدّعي أنها ثنائية اللغة في دبي هي مواقع إنجليزية بإضافة ترجمة مُفعّلة. يُعكَس التنقل، ويتغيّر النص لغويًا، ومن نظرة سريعة يبدو الأمر وكأن تطوير المواقع العربية قد حدث. لكن تحت السطح، تُقرَأ أرقام الهواتف بالعكس داخل الجمل العربية، ولا تزال الأسهم تشير في الاتجاه الخاطئ، ولا يزال النموذج يتحقق من الصحة مقابل نصوص خطأ إنجليزية، وتفهرس جوجل صفحة واحدة ضعيفة ونصف مكتملة بدلًا من صفحتين حقيقيتين. تطوير المواقع العربية في دبي المُنجَز بشكل صحيح هو قرار على مستوى الكود، لا مجرد مفتاح لغة، وتحدد هذه الصفحة بالضبط ما الذي يتغير: الاتجاه، ومنطق التخطيط، والطباعة، والأرقام، والمحتوى المختلط، والنماذج، وفهرسة البحث، وسير العمل المستمر الذي يبقي اللغتين متزامنتين فعليًا.
تندرج هذه الصفحة ضمن عملنا الأوسع في تطوير المواقع، وتتعمق أكثر من مختصر بناء عام في الآليات المحددة لموقع من اليمين إلى اليسار. وحيث تكون الكتابة العربية نفسها هي السؤال، تغطي صفحة خدمات الترجمة لدينا ذلك العمل مباشرة.
الأساس
يبدأ تطوير المواقع العربية بسمة واحدة تحدد كل ما يليها. تصف وثائق MDN الخاصة بسمة dir هذه السمة بأنها الطريقة التي يعلن بها عنصر ما اتجاه نصه الأساسي، وضبط dir="rtl" على عنصر html، إلى جانب lang="ar"، هو ما يخبر خوارزمية النص ثنائية الاتجاه الخاصة بالمتصفح كيفية ترتيب كل شيء في الصفحة، لا فقط الاتجاه الذي ينبغي أن ينعكس فيه التخطيط بصريًا. تقوم هذه السمة الواحدة بعمل حقيقي: فهي تتحكم في كيفية وضع الأحرف المحايدة مثل علامات الترقيم والمسافات، وكيف يرتب المتصفح العناصر على مستوى الكتلة افتراضيًا، وأي حافة من الشاشة تصبح نقطة انطلاق النص.
الموقع الذي يكتفي بعكس CSS الخاص به، بتبديل الهوامش والتعويم عبر تجاوز في ورقة الأنماط، بينما يترك اتجاه الترميز الأساسي غير مضبوط أو غير متسق، يصارع محرك النص الخاص بالمتصفح بدلًا من العمل معه. هذا التعارض هو عادة مصدر الأخطاء الصغيرة الصعبة التشخيص في موقع يُفترض أنه ثنائي اللغة.
منطق التخطيط
أكثر خطأ تخطيط شيوعًا في تطوير المواقع العربية هو بناء الموقع الإنجليزي أولًا بخصائص CSS ثابتة لليسار واليمين، ثم كتابة مجموعة قواعد ثانية موازية لعكس كل واحدة منها للعربية. الأمر ينجح تقنيًا، لكنه يعني أيضًا أن كل تغيير تصميم مستقبلي يجب أن يُجرى مرتين، بشكل صحيح، في اتجاهين، إلى الأبد. تشرح وثائق MDN الخاصة بخصائص CSS المنطقية النهج الأفضل مباشرة: خصائص مثل margin-inline-start أو padding-inline-end تصف موضعًا نسبيًا لتدفق النص بدلًا من جانب فعلي ثابت، لذا ينتج السطر نفسه من CSS النتيجة الصحيحة في كلا الاتجاهين تلقائيًا، بمجرد ضبط اتجاه الحاوية بشكل صحيح.
البناء على الخصائص المنطقية منذ أول سطر CSS، بدلًا من إضافتها لاحقًا بعد وجود ورقة أنماط إنجليزية فقط بالفعل، هو القرار الوحيد الأكثر تأثيرًا في تكلفة صيانة النسخة العربية طوال عمر الموقع.
margin-inline-start / margin-inline-end بدلًا من هوامش اليسار واليمينpadding-inline-start / padding-inline-end بدلًا من الحشو الداخلي لليسار واليمينinset-inline-start / inset-inline-end بدلًا من التموضع الثابت لليسار واليمينtext-align: start / end بدلًا من محاذاة اليسار واليمينborder-inline-start لحد يجب أن يقع على الحافة الأماميةالتنسيق حسب الاتجاه
تحل الخصائص المنطقية معظم المشكلة. عدد أصغر من الحالات يحتاج فعليًا قاعدة تنسيق تنطبق في اتجاه واحد فقط، وهناك طريقة صحيحة ومُصممة لهذا الغرض لكتابتها.
| المنهج | ما الذي يفحصه فعليًا |
|---|---|
[dir="rtl"] مُحدِّد السمة | يطابق فقط عنصرًا يحمل صراحة سمة dir نفسها، ويفوّت أي شيء يعتمد على اتجاه موروث |
:dir(rtl) الفئة الزائفة | وفق وثائق MDN، يطابق الاتجاه المحسوب الفعلي للعنصر، بما في ذلك الاتجاه الموروث من عنصر أصل أو المضبوط عبر dir="auto"، وهو ما يُعرَض عليه المكوّن فعليًا |
يهم هذا الفرق العملي في مكوّن يُبنى مرة واحدة ويُعاد استخدامه داخل صفحة عربية وإنجليزية معًا، مكوّن بطاقة أو زر مثلًا، حيث يعتمد الاتجاه الصحيح على مكانه لا على قيمة مكتوبة في المكوّن نفسه. يميل تطوير المواقع العربية لعمل في دبي يعتمد فقط على مُحدِّدات السمات لتفويت هذه المكوّنات المُعاد استخدامها بالتحديد.
الطباعة
تتصل أشكال الحروف العربية بجاراتها وتغيّر شكلها حسب موضعها في الكلمة، ويحمل الخط العربي علامات تشكيل تقع أقرب أو أبعد من خط الأساس مقارنة بمعظم علامات اللاتينية. عائلة خط اختيرت وضُبطت للنص اللاتيني، مع عرض العربية عبر أي خط احتياطي يوفره نظام التشغيل صدفة، تبدو عادة أسوأ بشكل ملحوظ من خط مصمم بحروف عربية حقيقية، خصوصًا في الأحجام الأصغر المستخدمة في التنقل والأزرار وتسميات النماذج.
مطابقة الوزن هي التفصيل الأكثر إغفالًا. نادرًا ما يحمل خط عربي وخط لاتيني موصوفان بالوزن نفسه، عادي أو عريض، الكثافة البصرية نفسها على الشاشة، لذا عنوان يبدو متوازنًا بالإنجليزية قد يبدو ثقيلًا جدًا أو رفيعًا جدًا بمجرد عرض النسخة العربية بالوزن المكافئ. هذا تفصيل ينبغي أن يتحقق منه تطوير المواقع العربية في دبي بصريًا في كل مرة، لا افتراض انتقاله تلقائيًا من التصميم الإنجليزي. ينبغي أن يعامل تطوير المواقع العربية في دبي هذا كخطوة مراجعة تصميم، بفحص فقرات حقيقية جنبًا إلى جنب في اللغتين، لا شيئًا يُكتشف لأول مرة بعد الإطلاق.
الأرقام
هذا من الأجزاء الأكثر إرباكًا فعليًا في تطوير المواقع العربية، لأن هناك إجابتين مختلفتين تبدوان صحيحتين.
أشكال الأرقام المستخدمة في هذه الجملة، والتي تعرضها معظم الخدمات الرقمية الحكومية والتجارية الإماراتية في واجهاتها العربية. رغم الاسم، هذه هي الأرقام الأكثر شيوعًا في المحتوى الرقمي العربي اليومي عبر الخليج.
مجموعة أرقام مختلفة، أكثر ارتباطًا بالطباعة، وبعض المستندات الحكومية، والمحتوى الموجَّه لمناطق عربية أخرى معينة. يعتاد جمهور الإمارات عمومًا أكثر على قراءة الأرقام العربية الغربية على الشاشة.
أيًا كان نظام الأرقام الذي يستخدمه موقع ما، تُكتَب الأرقام نفسها دائمًا من اليسار إلى اليمين، حتى داخل جملة من اليمين إلى اليسار، لذا لا تزال تحتاج معالجة الاتجاه الصريحة نفسها المشروحة في القسم التالي. إن كان لعميل في دبي أسلوب داخلي محدد أو عرف علامة تجارية قائم للأرقام، ينبغي أن يتبع تطوير المواقع العربية ذلك المختصر بدلًا من افتراض أي نظام افتراضيًا.
المحتوى المختلط
رقم هاتف، أو عنوان بريد إلكتروني، أو رمز منتج، أو اسم علامة تجارية إنجليزية يُوضَع في وسط جملة عربية هو غالبًا حيث تتشوش خوارزمية الاتجاه الثنائي الخاصة بالمتصفح، لأن هذه المقاطع تُقرأ من اليسار إلى اليمين داخل نص يُقرأ خلاف ذلك من اليمين إلى اليسار. توضح إرشادات W3C الخاصة بخوارزمية Unicode ثنائية الاتجاه أنه بدون ترميز صريح، يمكن ترتيب الأحرف المحايدة مثل الأرقام أو الفواصل أو الأقواس الواقعة عند حدود الاتجاهين بشكل خاطئ، إذ يجب على الخوارزمية تخمين أي جانب تنتمي إليه.
الحل هو عزل الاستثناء بدلًا من الأمل في أن تخمن الخوارزمية بشكل صحيح. لف المقطع اللاتيني، رقم هاتف، أو رمز تتبع، أو عنوان بريد إلكتروني، في عنصر سطري يحمل dir="ltr"، أو في عنصر bdi الخاص بلغة HTML لنص لا يُعرف اتجاهه مسبقًا، مثل اسم عميل مُدخَل عبر نموذج، يحافظ على استقرار ذلك المقطع بغض النظر عما يحيط به.
التفاصيل المرئية
ليس كل ما هو مرئي ينبغي أن ينعكس، ومعرفة أيّ نصف هو أيّهما قرار تقديري غالبًا ما يخطئ فيه بناء معكوس في الاتجاهين معًا.
الأسهم، والرموز المدببة، وأزرار الرجوع والتقدم، وأي شيء يعني تقدمًا للأمام عبر عملية ينبغي أن ينعكس مع التخطيط.
علامة الصح، ومثلث التحذير، وزر التشغيل، وأيقونة الساعة، تحمل معنى مستقلًا عن الاتجاه ولا ينبغي أن تُعكَس لمجرد أن الصفحة معكوسة.
الرسم البياني الشريطي الذي يعني فيه «أكثر» بصريًا موقعًا أبعد لليمين يُقرأ بالعكس لجمهور عربي ما لم يُعكَس المحور عمدًا أو يستخدم الرسم قيمًا موسومة بدلًا من اتجاه ضمني.
تصوير المنتجات، وصور الفريق، والشعار نفسه لا تُعكَس أبدًا؛ عكس صورة أو شعار كتابي لا ينقل اتجاهًا، بل يبدو خاطئًا فقط.
النماذج
نموذج التواصل أو طلب عرض السعر هو حيث ينكشف الموقع العربي غير المكتمل بأسرع ما يمكن، لأن النموذج يطلب من الزائر التفاعل لا القراءة فقط. تحتاج تسميات الحقول والنص التوضيحي أن تقع على الجانب الصحيح من حقل الإدخال، وهو ما يتبع بشكل طبيعي بمجرد بناء النموذج بخصائص منطقية بدلًا من قيم ثابتة لليسار واليمين، لكن حقول رقم الهاتف والبريد الإلكتروني يُفضَّل عادة إبقاؤها صراحة من اليسار إلى اليمين حتى داخل نموذج من اليمين إلى اليسار خلاف ذلك، إذ تُقرأ تلك القيم من اليسار إلى اليمين بغض النظر عن اللغة المحيطة.
رسائل التحقق من الصحة هي التفصيل الذي يخطئ فيه تطوير المواقع العربية في دبي غالبًا، لأنها عادة آخر النصوص كتابة وأول ما يُضغَط ليناسب تخطيطًا بحجم إنجليزي. غالبًا ما تكون الكلمات العربية أطول بعدد الأحرف من مكافئها الإنجليزي، لذا رسالة خطأ مُقاسة للإنجليزية يمكن أن تلتف بشكل أخرق، أو تُقطَع، أو تتداخل مع الحقل الذي أسفلها بالعربية. تحتاج كل رسالة تحقق صياغتها العربية الخاصة، مُختبرة على تخطيط النموذج الفعلي، لا ترجمة حرفية تُلقى في مربع نص مُقاس للغة أقصر.
البحث
تحتاج العربية والإنجليزية روابط منفصلة وقابلة للفهرسة، وأكثرها عملية دليل فرعي مثل مسار شرطة مائلة ar شرطة مائلة، حتى يعاملهما محرك البحث كصفحتين مستقلتين قابلتين للترتيب بدلًا من صفحة واحدة تغيّر نصها. تصف وثائق جوجل الخاصة بالنسخ المترجمة hreflang بأنها الآلية التي تربط تلك الروابط معًا، وتخبر جوجل بالصفحات التي تُعد نسخًا لغوية بديلة لبعضها، برمز لغة مثل ar أو en، وتنص على أن غياب رابط العودة، أي فشل الصفحة العربية في الربط عودة إلى نظيرتها الإنجليزية، يجعل جوجل تتجاهل الاقتران.
لا شيء من هذا يعوّض عن محتوى حقيقي. توضح إرشادات جوجل الخاصة بإدارة المواقع متعددة اللغات بوضوح أن اكتشاف اللغة يحدث من نص الصفحة الفعلي، لا من سمة lang، ولا نمط الرابط، ولا hreflang نفسها، لذا إعداد hreflang مثالي تقنيًا يحيط بمحتوى عربي ضعيف ومترجم جزئيًا لن يُقرَأ كصفحة عربية حقيقية بالنسبة لجوجل، ولا للزائر الذي يصل إليها.
المحتوى المستمر
البناء ليس سوى نصف المشروع دائمًا. الجزء الأصعب والأطول أمدًا من تطوير المواقع العربية لعمل في دبي هو الحفاظ على تزامن اللغتين بمجرد أن يبدأ أشخاص حقيقيون بتحرير الموقع.
تحمل كل صفحة محتواها الإنجليزي والعربي في السجل الأساسي نفسه، حتى يرى المترجم أو كاتب المحتوى دائمًا بدقة المصدر الإنجليزي الذي يعمل عليه.
يحمل كل زوج صفحات حالة بسيطة: متطابقة، أو متأخرة. في اللحظة التي يحرر فيها أحد الجانب الإنجليزي، ينبغي أن تُنبّه هذه الحالة تلقائيًا بدلًا من الاعتماد على الذاكرة.
يقرأ متحدث عربي طليق الصفحة المكتملة على القالب الفعلي من اليمين إلى اليسار، لا في مستند، فيتحقق من النبرة والتعبير الاصطلاحي والنقاط التقنية المذكورة أعلاه قبل معاملة أي شيء كمعادل للنسخة الإنجليزية.
لا ينبغي أن تُنشَر صفحة إنجليزية جديدة لأسابيع بينما تنتظر نظيرتها العربية في طابور. معاملة الاثنتين كحدث نشر واحد، لا مشروعين منفصلين، هو ما يُبقي الموقع ثنائي اللغة فعليًا بدلًا من كونه إنجليزيًا في الغالب بقسم عربي متأخر. هذه العادة الواحدة في النشر هي ما يفصل تطوير المواقع العربية الحقيقي في دبي عن موقع بدأ ثنائي اللغة فقط.
إثبات، لا افتراض
يمكن لموقع أن يجتاز نظرة بصرية سريعة ويفشل مع ذلك في كل نقطة مذكورة أعلاه. الاختبار الحقيقي يفحص الآليات، لا الانعكاس فقط.
تبديل اتجاه الصفحة المحسوب وفحص العناصر الفردية يكشف المكوّنات التي صُممت بقيم ثابتة لليسار واليمين بدلًا من خصائص منطقية.
تُختبَر الطباعة العربية وسلوك النماذج والتخطيط على هواتف حقيقية ومتصفحات سطح مكتب، بالعربية والإنجليزية، لا افتراض تطابقها لأن النسخة الإنجليزية اختُبرت بدقة.
يمكن لمطوّر أن يؤكد صحة سمة الاتجاه دون أن يلاحظ أن جملة تُقرأ بشكل أخرق. القارئ العربي الأصلي يلتقط ما لا تستطيع مراجعة الكود التقاطه. بناء خطوة المراجعة هذه في قائمة التحقق قبل الإطلاق، بدلًا من معاملتها كاختيارية إن سمح الوقت، من أبسط الضمانات في المشروع بأكمله.
علامات الترقيم
تستخدم العربية اصطلاحات ترقيم خاصة بها، ومعاملة النص العربي كإنجليزية بحروف مختلفة هي مصدر الكثير من الأخطاء الصغيرة السهلة الإغفال. تتمايز الفاصلة العربية وعلامة الاستفهام العربية بصريًا عن نظيرتيهما الإنجليزيتين وتواجهان الاتجاه المعاكس لتطابق تدفق القراءة، وتختلف علامات التنصيص العربية عن الزوج الإنجليزي الذي تعتمده معظم المواقع افتراضيًا في إعدادات CSS أو نظام إدارة المحتوى. الموقع الذي يسحب علامات تنصيصه من قاعدة تنسيق عامة واحدة، مكتوبة للإنجليزية، غالبًا ما يعرض علامات تنصيص عربية بشكل يلاحظه القارئ الطليق فورًا كخطأ، حتى لو لم يستطع دائمًا تحديد السبب بالضبط. ينبغي أن يُنسّق تطوير المواقع العربية في دبي هذه بشكل منفصل بدلًا من تركها موروثة من افتراضي إنجليزي.
موضع علامة الترقيم في نهاية الجملة هو التفصيل الآخر الذي يستحق التحقق المباشر بدلًا من الافتراض. في فقرة من اليمين إلى اليسار، تقع النقطة أو الفاصلة عند نهاية السطر البصرية، وهي الجانب الأيسر من الشاشة لكتلة من اليمين إلى اليسار، وبناء لم يضبط الاتجاه بشكل صحيح على مستوى الفقرة قد يترك علامة الترقيم عالقة على الجانب الخاطئ من الكلمة الأخيرة.
البيانات والجداول
الجدول من أوضح الأماكن التي يكشف فيها البناء المعكوس نفسه، لأن ترتيب الأعمدة يحمل معنى حقيقيًا. في تخطيط من اليمين إلى اليسار، أول عمود يواجهه القارئ هو الأقصى يمينًا، لا الأقصى يسارًا، لذا جدول مقارنة، أو ورقة مواصفات، أو شبكة تسعير بُنيت للإنجليزية ثم عُكست بـCSS تحتاج إعادة النظر في ترتيب أعمدتها الفعلي، لا اتجاه نصها فقط. جدول تبقى فيه رؤوس الصفوف مثبّتة بصريًا لليسار، بحكم العادة من البناء الإنجليزي، بينما يُقرأ نص المحتوى من اليمين إلى اليسار، ينتج تخطيطًا يصارع نفسه في كل مرة تحاول فيها عين القارئ متابعة صف. ينبغي أن يراجع تطوير المواقع العربية في دبي كل جدول في الموقع مقابل هذا، لا الجداول المبنية خصيصًا لإطلاق العربية فقط.
ينطبق المنطق نفسه على أي شيء بتسلسل ضمني: عملية خطوة بخطوة معروضة كمراحل مرقّمة من اليسار إلى اليمين، أو خط زمني، أو شريط تقدم. يحتاج كل من هذه قرارًا حقيقيًا حول ما إذا كان عكس الترتيب البصري أو الإبقاء على تسلسل ثابت من اليسار إلى اليمين، الشائع في نطاقات رقمية مثل التواريخ، يُقرأ فعليًا بشكل أكثر طبيعية لزائر عربي، بدلًا من عكس افتراضي مُطبّق بشكل موحّد عبر الموقع بأكمله.
نظام إدارة المحتوى وأدوات بناء الصفحات
نظام إدارة محتوى مبني أساسًا لسوق ناطق بالإنجليزية غالبًا ما يدعم العربية نظريًا ويصارعها عمليًا.
أداة بناء صفحات بصرية تتيح للمحرر ضبط المسافات والمحاذاة بعناصر تحكم ثابتة لليسار واليمين، بدلًا من البداية والنهاية، ستستمر في إنتاج تخطيطات معكوسة في كل مرة تُضاف فيها قسم جديد، بغض النظر عن مدى جودة بناء القالب الأصلي.
تقويم حجز، أو أداة تقييمات، أو إضافة دردشة تُضاف إلى الموقع قد تعرض واجهتها الخاصة بالكامل من اليسار إلى اليمين، فتكسر تجربة اليمين إلى اليسار في اللحظة بالتحديد التي يحاول فيها زائر اتخاذ إجراء. يجب أن يعامل تطوير المواقع العربية في دبي كل إضافة كهذه كغير مُختبرة حتى يُتحقق منها فعليًا بالعربية.
لا يزال حقل نظام إدارة محتوى يحمل نصًا عربيًا يحتاج إخراج سمتي اتجاهه ولغته الخاصتين بشكل صحيح في ترميز الصفحة، وهو أمر سهل الإغفال عندما كُتب قالب بافتراض محتوى إنجليزي فقط.
ينبغي أن يختبر تطوير المواقع العربية في دبي كل قسم يتحكم فيه المحرر وكل إضافة من طرف ثالث بالعربية تحديدًا، لا افتراض أن قالبًا وُصف بأنه ثنائي اللغة يمدّد ذلك الدعم تلقائيًا لكل مكوّن قد يضيفه المحرر لاحقًا. الاختبار الأكثر أمانًا هو الأقل بريقًا: فتح كل قالب صفحة يستخدمه الموقع فعليًا، والتبديل إلى العربية، والنقر عبر كل عنصر تفاعلي فيه، بدلًا من الثقة بادعاء تسويقي لمزوّد بأن منتجًا جاهز لليمين إلى اليسار.
تجهيز مختصر لمترجم
لدى كثير من أعمال دبي بالفعل كاتب عربي موثوق، أو زميل تسويق، أو وكالة، أو مترجم مستقل، وتريد بناء الموقع ليستقبل ذلك المحتوى بدلًا من أن نكتبه نحن. هذا ينجح جيدًا، شريطة أن يغطي المختصر المُرسَل للمترجم أكثر من النص المصدر الإنجليزي. مسرد بمصطلحات العلامة التجارية التي ينبغي أن تبقى دون ترجمة، ونبرة مُقرَّرة (رسمية أو حوارية، وهو ما يتفاوت في الكتابة التسويقية العربية أكثر من الإنجليزية)، وإرشادات طول الأحرف لأي شيء يظهر في مساحة ثابتة، زر، أو عنوان بطاقة، أو تسمية نموذج، كلها تنتمي إلى ذلك المختصر. يسير تطوير المواقع العربية في دبي بسلاسة أكبر بمجرد وجود هذا المختصر، إذ يزيل معظم التردد بين الطرفين الذي كان سيحتاجه المترجم لولا ذلك.
التفصيل الآخر الذي يستحق الاتفاق عليه مبكرًا هو من يملك الموافقة النهائية على النص العربي، وما إذا كان ذلك الشخص يراجعه على الصفحة الفعلية من اليمين إلى اليسار أم في مستند. لا يمكن لمترجم يعمل من جدول بيانات أن يلتقط سطرًا يلتف بشكل أخرق على شاشة جوال؛ فذلك لا يظهر إلا بمجرد استقرار الكلمات داخل القالب الفعلي، ولهذا تنتمي خطوة المراجعة الموضحة سابقًا إلى التخطيط الحي، لا مستند مشترك.
إمكانية الوصول
تعتمد قارئات الشاشة على السمات نفسها التي يستخدمها المتصفح للتخطيط، لذا فإن ضبط اللغة والاتجاه بشكل صحيح في الترميز يؤدي دورًا مزدوجًا.
يغيّر قارئ الشاشة نطقه بناءً على سمة lang، لذا تُقرأ صفحة أو عبارة بلا هذه السمة بلغة خاطئة تمامًا، لا مجرد عرضها باتجاه خاطئ. ضبط هذا بشكل صحيح جزء من الانضباط نفسه الذي يطبقه تطوير المواقع العربية في دبي على الاتجاه والتخطيط، لا إضافة منفصلة لإمكانية الوصول.
حيث يختلف الاتجاه البصري عن ترتيب DOM الأساسي، يمكن لمستخدم مبصر يستعمل الماوس ومستخدم قارئ شاشة أن يختبرا محتوى الصفحة بتسلسل مختلف فعليًا.
يتداخل هذا بشكل وثيق مع ضبط سمتي dir وlang بشكل صحيح من الأساس، المشروح سابقًا في هذه الصفحة. بناء من اليمين إلى اليسار يضبط الأساسيات على مستوى الكود بشكل صحيح هو، كنتيجة مباشرة، بناء أكثر إتاحة للوصول أيضًا.
الجدول الزمني
تطوير المواقع العربية ليس ميزة تُضاف إلى بناء إنجليزي في الأسبوع الأخير. عند التعامل معه بصدق، فإنه يغيّر شكل المشروع بأكمله.
تُفحص قرارات التخطيط والمكوّنات مقابل نص عربي حقيقي مبكرًا، لا اعتمادها بالإنجليزية وافتراض ترجمتها بشكل نظيف.
بناء معمارية CSS بشكل صحيح منذ البداية يتجنب ورقة أنماط عربية ثانية موازية يجب صيانتها إلى الأبد.
يُكتَب المحتوى العربي والإنجليزي ويُعتمَد جنبًا إلى جنب، حتى لا تنتظر أي لغة الأخرى لتنتهي قبل بدء المراجعة.
يحدث كل فحص جهاز ومتصفح باللغتين، لا مرة واحدة بالإنجليزية مع افتراض أن العربية ستتصرف بالطريقة نفسها.
رصد الفرق
| ما الذي تبحثون عنه | ما الذي يعنيه عادة |
|---|---|
| أرقام هواتف تُقرأ بترتيب أرقام خاطئ داخل النص العربي | لا عزل اتجاه على المقاطع اللاتينية المختلطة |
| كل الأيقونات معكوسة، بما فيها علامات الصح ورموز التحذير | عكس CSS شامل بدلًا من قرار مدروس لكل أيقونة على حدة |
| العربية والإنجليزية على الرابط نفسه، مُبدَّلتان بسكربت | لا رابط عربي حقيقي ليجده محرك البحث أو الزوار |
| أخطاء نموذج هي إنجليزية حرفية أخرقة مترجمة كلمة بكلمة | نصوص تحقق لم يراجعها متحدث عربي طليق قط |
| نص محتوى عربي مزدحم بصريًا بحروف متداخلة | ارتفاع السطر تُرك على الافتراضي الإنجليزي، ضيق جدًا لعلامات التشكيل العربية |
| أزرار وبطاقات بحشو داخلي غير متساوٍ في النسخة العربية فقط | قيم CSS ثابتة لليسار واليمين، لا خصائص منطقية |
| صفحة عربية بمحتوى أقل بشكل ملحوظ من نظيرتها الإنجليزية | الترجمة عُوملت كفكرة لاحقة لا بناءً موازيًا |
| لا مبدّل لغة مرئي، أو مبدّل يصل إلى صفحة خاطئة | hreflang والتنقل مبنيان دون التحقق من أزواج الصفحات الفعلية |
| أسماء علامات تجارية أو رموز إنجليزية مقطوعة عبر الأسطر في وسط الكلمة | لا عزل ولا تحكم اتجاه على النص اللاتيني المضمّن |
| رسم بياني يُقرأ بالعكس لعين عربية | تصور بيانات مُنسوخ مباشرة من النسخة الإنجليزية، دون مراجعة |
اللهجة والسجل
يُكتَب نص المواقع في الإمارات دائمًا تقريبًا بالعربية الفصحى المعاصرة، الصيغة المستخدمة في الكتابة الرسمية والإعلام والتواصل التجاري في جميع أنحاء العالم العربي، لا باللهجة الإماراتية، التي تُحكى لكن نادرًا ما تُكتب رسميًا. هذا سؤال مختلف فعليًا عن النبرة: يمكن أن تُكتَب صفحة بفصحى معاصرة صحيحة وتُقرأ مع ذلك إما دافئة وسهلة التقرب أو رسمية ومؤسسية، ويهم اختيار السجل هذا في الكتابة التسويقية العربية بقدر ما يهم بالإنجليزية، وربما أكثر، إذ يلاحظ القارئ الطليق التنافر بين علامة تجارية غير رسمية ونص عربي جامد ورسمي أكثر من اللازم حتى حين تكون كل جملة صحيحة تقنيًا.
هذا قرار يستحق اتخاذه عمدًا مع من يعتمد المحتوى العربي، بدلًا من تركه لأي نبرة يميل إليها مترجم افتراضيًا. لا ينبغي أن تُقرَأ علامة تجارية للخدمات المالية وعلامة تجارية لملابس الأطفال بالطريقة نفسها بالعربية أكثر مما ينبغي بالإنجليزية، وينبغي أن يعامل تطوير المواقع العربية في دبي ذلك كمتطلب مختصر، لا فكرة لاحقة. الاتفاق على هذا مبكرًا، إلى جانب المسرد وعملية الاعتماد المذكورين سابقًا، يوفر جولة إعادة كتابة ثانية بمجرد بناء الصفحات العربية بالفعل ومراجعتها مقابل نبرة خاطئة.
أخطاء شائعة
| ما نجده | ما تكلفته فعليًا للعمل |
|---|---|
| العربية والإنجليزية تتشاركان رابطًا واحدًا، مُبدَّلًا بسكربت | لا يمكن فهرسة أي من اللغتين حقيقةً، لذا لا يجد زوار البحث العرب الصفحة أبدًا |
| ورقة أنماط عامة واحدة بقيم يسار ويمين مُكرَّرة للعربية | يجب إجراء كل تغيير تصميم مرتين، وتتباعد النسختان مع الوقت |
| محتوى عربي أقصر بشكل ملحوظ من الأصل الإنجليزي | يُقرأ كفكرة لاحقة للزائر الطليق، وكمحتوى ضعيف لمحرك البحث |
| أرقام هواتف ورموز مرجعية أُعيد ترتيبها بشكل خاطئ داخل النص العربي | أول انطباع للزائر أن الرقم خاطئ، لا أن الصفحة بها خلل |
| لم يراجع أي متحدث عربي طليق الصفحات المكتملة والحية قط | أخطاء صغيرة لكن مرئية تُنشَر وتبقى حية إلى أجل غير مسمى، إذ لا يلتقطها أحد |
ما بعد الإطلاق
الموقع ثنائي اللغة المبني جيدًا عند الإطلاق لا يبقى كذلك دون صيانة مقصودة. تعديل في الصفحة الرئيسية، أو صفحة خدمة جديدة، أو إجابة أسئلة شائعة مُحدَّثة، كل منها يُجرى بالإنجليزية أولًا، مع تحديث عربي يتبعه بعد أيام أو أسابيع، أو أحيانًا لا يتبعه أبدًا. نادرًا ما يكون هذا قرارًا يتخذه أحد عمدًا؛ بل يحدث لأن الجانب الإنجليزي له مالك واضح والجانب العربي غالبًا ليس له، خصوصًا بمجرد انتهاء مشروع البناء الأصلي وانتقال الموقع إلى تحرير روتيني من فريق داخلي.
سير عمل المحتوى المذكور سابقًا في هذه الصفحة، علامة حالة مرئية على كل زوج صفحات، هو ما يرصد هذا الانحراف مبكرًا بدلًا من تركه يتراكم لأشهر. مراجعة تلك الحالة دوريًا، إلى جانب النقاط التقنية في هذه الصفحة، جزء طبيعي من صيانة الموقع لموقع ثنائي اللغة فعليًا، لا مهمة منفصلة يسهل نسيانها. تطوير المواقع العربية في دبي لا ينتهي فعليًا عند الإطلاق؛ بل يستمر طالما استمر الموقع نفسه.
لماذا يهم هذا
توجد التفاصيل التقنية في هذه الصفحة لخدمة نتيجة تجارية واضحة، لا لذاتها.
زائر ناطق بالعربية يصل إلى صفحة تُقرأ بشكل طبيعي، حيث الأرقام منطقية، والنموذج يعمل من أول مرة، ولا شيء يبدو مُترجمًا بشكل واضح، يُكوّن انطباعًا مختلفًا عن العمل مقارنة بمن يصل إلى موقع إنجليزي معكوس بكلمات مُبدَّلة. يتكوّن ذلك الانطباع خلال ثوانٍ، قبل أن يدخل أي شيء عن السعر أو جودة الخدمة في المحادثة بوقت طويل، ولهذا بالتحديد تستحق الآليات المذكورة في هذه الصفحة، الاتجاه، والطباعة، والنماذج، وفهرسة البحث، أن تُضبَط بشكل صحيح لا تقريبي. لا شيء من هذا صعب بمعزل عن غيره؛ بل يجب ببساطة معاملته كانضباط قائم بذاته لا كفضلات موقع إنجليزي.
الانضباط نفسه يؤتي ثماره في البحث. إرشادات جوجل نفسها صريحة في أن لغة الصفحة تُحكَم من محتواها الحقيقي، لذا فإن صفحة عربية جوهرية فعليًا، مرتبطة بشكل صحيح بنظيرتها الإنجليزية، لديها فرصة حقيقية لأن تُوجَد عبر عمليات بحث باللغة العربية لن تصلها أبدًا نسخة ضعيفة ونصف مكتملة. تطوير المواقع العربية المُنجَز بشكل صحيح في دبي هو، في النهاية، مجرد تطوير مواقع يعامل لغة ثانية بالجدية نفسها التي يعامل بها الأولى، لا كميزة مُلحَقة بموقع إنجليزي لتحقيق خانة مُعلَّمة.
بدء العمل
ما إذا كان المحتوى العربي موجودًا بالفعل، أو يحتاج تكييفًا من الإنجليزية، أو كتابة من الصفر، ومن يملك اعتماده بمجرد صياغته.
النماذج، والدفع، والحجز، أو أي ميزة تفاعلية تحتاج النسخة العربية دعمها بالكامل، لا عرضها بالعربية فقط.
إن كان البناء ثنائي اللغة جزءًا من مشروع أوسع، يُحدَّد نطاق هذا العمل إلى جانب تطوير المواقع منذ البداية، ويقع بحث الكلمات المفتاحية العربية للبحث ضمن خدمات السيو بمجرد أن يصبح الموقع نفسه حيًا.
أعمال مختارة
موقع إلكتروني · رعاية صحية · دبي
مركز تأهيل وعلاج طبيعي في دبي بموقع واحد ثنائي اللغة بالإنجليزية والعربية بشكل صحيح.
hmsfmce.com
موقع إلكتروني · تعليم · دبي
من أكثر مدارس دبي تنوعًا، بأكثر من 2,400 طالب و40 جنسية، مترابطة عبر عدة فروع.
aldiyafah.com
متجر إلكتروني · أزياء · دبي
دار عبايات فاخرة في دبي تعمل منذ 1990، نقلت حرفيتها إلى تجربة شراء سريعة على الجوال.
hanayen.comمن المدونة
أين لا يزال Ruby on Rails منطقيًا لشركة ناشئة في دبي، واقع التوظيف في الإمارات، ومتى ينبغي لمؤسس اختيار شيء آخر.
اقرأ المقال
ما الذي يتعامل معه إنترانت SharePoint جيدًا فعليًا، أين يكون الأداة الخطأ، وكيف تعمل الصلاحيات وضبط المستندات فعليًا.
اقرأ المقال
ما الذي تشتريه تكلفة ترخيص Sitecore فعليًا لشركة في دبي، وأين ينافسه WordPress فعليًا، وكيف تحسم القرار.
اقرأ المقالإجابات واضحة
لا، وهذه الفجوة هي موضوع هذه الصفحة بأكملها. يضبط العكس الاتجاه العام بشكل صحيح، لكن الأرقام، والنص اللاتيني المختلط، والأيقونات التي تعني حركة، والتحقق من صحة النماذج، وحتى طريقة فهرسة محرك بحث للصفحة، كلها تحتاج قرارات منفصلة ومقصودة لا يتخذها انعكاس بسيط.
تحققوا مما إذا كانت أرقام الهواتف ورموز المرجع تُقرأ بشكل صحيح داخل الجمل العربية، وما إذا كانت أيقونات مثل الأسهم معكوسة بينما لا تُعكَس علامات الصح والتحذير، وما إذا كان التخطيط مبنيًا بخصائص CSS منطقية بدلًا من ورقة أنماط ثانية لليسار واليمين، وما إذا كانت العربية والإنجليزية تقعان على روابط منفصلة ومترابطة بشكل صحيح بدلًا من صفحة واحدة تبدّل نصها بسكربت.
كلا الخيارين متاح. يمكننا تكييف المحتوى الإنجليزي القائم إلى عربية طبيعية، أو بناء الموقع ليحمل محتوى عربيًا يقدّمه كاتبكم أو مترجمكم الخاص، مع سير عمل يُنبّه عندما تخرج نسختا الصفحة اللغويتان عن التزامن.
لا، بالنسبة لنص موقع تسويقي. في الإمارات، يجب أن تأتي الترجمة المعتمدة أو المُحلَّفة للعقود والمستندات القضائية والمعاملات الحكومية من مترجم مرخّص من وزارة العدل. صفحات موقع عربية هي محتوى تجاري عادي ولا تتطلب ذلك الترخيص، رغم أن الكتابة لا تزال بحاجة لأن تكون طليقة فعليًا، لا مسودة أولية.
يمكن ذلك، شريطة أن يكون المحتوى العربي حقيقيًا وجوهريًا، ويقع على رابط قابل للفهرسة خاص به، ويكون مرتبطًا بنظيره الإنجليزي عبر hreflang. تحدد جوجل لغة الصفحة من نصها الفعلي، لا من سمة lang أو نمط الرابط، لذا لن يُرتَّب المحتوى العربي الضعيف أو المترجم جزئيًا كصفحة عربية حقيقية حتى مع الإعداد التقني الصحيح حوله.
يستغرق وقتًا أطول من بناء إنجليزي فقط، إذ تُعد الطباعة العربية واختبار التخطيط ومراجعة المحتوى عملًا إضافيًا حقيقيًا، لا مجرد خانة تُعلَّم. نحدد نطاق العربية كبند مستقل في خطة المشروع بدلًا من إضافة مفترضة فوق الجدول الزمني الإنجليزي، ونؤكد الجدول الزمني في عرض السعر المكتوب.
المصادر
سعر ثابت ومكتوب
وصلنا طلبك. نعمل الآن على كتابة عرض السعر.
خلال ساعات العمل ستصلك خلال 45 دقيقة. تحقق من بريدك الإلكتروني لرسالة التأكيد.