مواقع وبوابات بالعربية أولًا
الاتجاه من اليمين إلى اليسار نظام تخطيط كامل وليس انعكاسًا في مرآة. نبني بخصائص CSS المنطقية (البداية والنهاية بدل اليمين واليسار) ليخدم مجمّع مكوّنات واحد الاتجاهين، ونضبط خاصيتي اللغة والاتجاه على المستند وعلى أي نص مضمّن بلغة أخرى. وعملنا في تطوير Next.js ينطلق من هذا الأساس.
النص المختلط هو أكثر ما يكسر الصفحات العربية. فعناوين البريد والروابط وأرقام الطلبات ورموز المنتجات نصوص تُكتب من اليسار إلى اليمين داخل جمل عربية، ومن دون عزل الاتجاه تقفز علامات الترقيم إلى الجهة الخطأ. نعزل هذه المقاطع ونختبرها ببيانات حقيقية. وللبحث العناية نفسها: يكتب المستخدمون الكلمة الواحدة بهمزات وتاء مربوطة مختلفة، فينبغي أن يوحّد فهرس البحث هذه الصور ويتجاهل التشكيل. وتجد بقية النقاط في قائمة التحقق من تطوير المواقع العربية.
الأداء على الجوال
سيصل كثير من المستخدمين السعوديين من الجوال، لذلك اضبط ميزانية الأداء على جهاز أندرويد متوسط المواصفات واتصال عادي، لا على حاسوب مطوّر. وخطوط الويب العربية غالبًا أثقل من اللاتينية. فاقتطع منها الحروف اللازمة، وحمّل الأوزان التي تستعملها فقط، واعرض النص فورًا بخط بديل ريثما يُحمَّل الخط الأصلي.
والمكاسب المعتادة أهم على الجوال: صور بأحجام مناسبة ومضغوطة، وقليل من JavaScript في المتصفح، وتوليد الصفحة الأولى على الخادم، وشبكة لتوصيل المحتوى. واسأل أي مزوّد عن مواقع حوافّه بالنسبة إلى مستخدميك. ونقيس مؤشرات Core Web Vitals (أكبر عنصر مرئي، والاستجابة للتفاعل، وثبات التخطيط) على أجهزة حقيقية قبل الإطلاق. وللمتاجر تضيف صفحة التجارة الإلكترونية الكتالوج وصفحة الدفع.
البحث بالعربية وتحسين الظهور
أعطِ كل لغة رابطها الخاص واربط بينها بوسوم hreflang: ar-SA للقارئ العربي السعودي، وen للإنجليزية، مع x-default. واكتب العناوين والأوصاف بالعربية أصلًا لا ترجمةً، وولّد خريطة موقع لكل لغة. وتشرح صفحة نظام إدارة المحتوى متعدد اللغات كيف يدير المحررون النسختين، وتقارن مقالة نظام إدارة المحتوى للفرق متعددة اللغات بين الخيارات.
روابط عربية أم مسارات إنجليزية؟ تُقرأ المسارات العربية جيدًا في المتصفح، لكنها تتحول إلى سلاسل طويلة مرمّزة عند نسخها إلى واتساب أو البريد أو أدوات التحليل. والمسارات الإنجليزية أو المكتوبة بحروف لاتينية مع محتوى عربي خيار مشروع ويُبقي الروابط قصيرة. اختر قاعدة واحدة للموقع والتزم بها، وأعد التوجيه من المسارات القديمة إن غيّرتها. وأجرِ بحث الكلمات المفتاحية بالعربية، حيث تقسّم الصور الإملائية والكلمات اللهجية الطلب، وليراجعه محرر ناطق بالعربية.
الدفع بالوسائل المحلية
استقبل الدفع عبر مزوّد يدعم مدى وApple Pay وسائر الوسائل التي يستخدمها جمهورك، واستخدم صفحة الدفع المستضافة لديه أو حقوله حتى لا تلمس بيانات البطاقة خوادمك. وتأكد من المزوّد نفسه من ترخيصه في السوق السعودي ومن معيار صناعة البطاقات الذي يلتزم به.
منطق الطلب أهم من زر الدفع. يؤكد المزوّد الدفع برسالة بين الخوادم (webhook)، فتحقق من توقيعها، وعالج كل رسالة مرة واحدة، ولا تعتبر عودة المتصفح من صفحة البنك دليلًا على الدفع. وكثيرًا ما يغادر المستخدم إلى تطبيق مصرفه للموافقة، فأبقِ حالة الطلب على الخادم ودعه يستأنف. وتعطي صفحة التقنية المالية الصورة الأوسع.
تسجيل الدخول بالهوية الرقمية الوطنية
نفاذ هو تسجيل الدخول بالهوية الرقمية الوطنية. وفي الخدمات الحكومية أو المنظّمة قد يتوقع المستخدمون استعماله، والوصول إليه تحدده الجهة المصدِرة، فاسأل مبكرًا عن الموافقة التي يحتاجها منتجك ومدتها. وابنِ التكامل خلف طبقة هوية في شيفرتك، حتى لا يعتمد باقي المنتج على وسيلة دخول واحدة.
تعامل مع رقم الهوية الوطنية ورقم الإقامة بوصفهما بيانات شخصية حساسة. لا تجمعهما إلا حين تحتاجهما الخدمة، وخزّنهما مشفّرين، ولا تعرضهما كاملين، وأبقهما خارج السجلات والروابط. وأبقِ نظام حسابات خاصًا بك مع المصادقة متعددة العوامل للمستخدمين الذين لا يغطيهم الدخول الوطني.
موقع الاستضافة ونقل البيانات
حدّد مبكرًا أين يوجد كل نوع من البيانات: قاعدة البيانات، والنسخ الاحتياطية، والسجلات، والملفات المرفوعة، وأدوات التحليلات والبريد والدعم. وكل موضع يحتفظ ببيانات شخصية يثير سؤال النقل: ما الشروط إذا خُزِّنت البيانات أو عولجت خارج المملكة؟ يوفّر بعض مزوّدي الخدمات السحابية مناطق داخل المملكة، والقائمة تتغير، فراجعها عند التخطيط ولا تعتمد على الذاكرة.
ومن الأنماط الشائعة أن تبقى البيانات الشخصية في منطقة تستطيع تسميتها، وتُقدَّم الصفحات العامة من شبكة توصيل محتوى قريبة من المستخدمين. ويمكننا تطبيق ذلك على المنصات السحابية التي نعمل معها، مثل AWS وAzure وGoogle Cloud، متى أخبرك المستشار بما يتوقعه قطاعك. ثم يتحقق نموذج التهديدات ومراجعة الشيفرة الآمنة من أن البيانات لا تتسرب إلى أماكن لم تخطط لها.
الاستضافة والنقل والتعامل مع أرقام الهوية أسئلة نظامية بقدر ما هي تقنية. هذه الصفحة للتوعية وليست استشارة قانونية، فتأكد من متطلبات منتجك مع مستشار قانوني محلي مؤهل.
سهولة الوصول في البوابات الحكومية وبوابات المؤسسات
كثيرًا ما يطلب المشترون من الجهات الحكومية والمؤسسات الالتزام بمعيار WCAG، وغالبًا عند المستوى AA، فاسأل أي إصدار ومستوى يتوقعه العميل. وللجهات العامة اسأل أيضًا هل تنطبق إرشادات هيئة الحكومة الرقمية على مشروعك. وتشرح صفحة قطاع الحكومة السياق.
وفي العربية اختبر التفاصيل التي تكشفها المراجعات: خاصية اللغة على الكلمات الإنجليزية المضمّنة ليبدّل قارئ الشاشة صوته، وترتيب التركيز الذي يتبع قراءة اليمين إلى اليسار، والتباين على الخطوط العربية الرفيعة بالأحجام الصغيرة، وبقاء النص مناسبًا عند تكبيره إلى 200 بالمئة.
التواريخ الهجرية والميلادية
تنسّق المتصفحات التواريخ للغة العربية السعودية (ar-SA) بالتقويم الهجري والأرقام الهندية ما لم تطلب غير ذلك، وهذا يفاجئ الفرق التي توقعت تاريخًا ميلاديًا. اطلب التقويم ونظام الترقيم صراحةً في شيفرة تنسيق التواريخ. واحفظ التواريخ بصيغة ISO 8601 مع المنطقة الزمنية (السعودية على UTC+3 طوال السنة)، وحوّلها عند العرض فقط.
قرّر لكل حقل ما يراه المستخدم. تُقرأ الحجوزات والفواتير غالبًا بالميلادي، وتُتوقع بعض الوثائق الرسمية والشخصية بالهجري. وحيث يلزم اعرض الاثنين مع وسم لكل منهما. وأيًّا اخترت، اختبر منطق أيام الأسبوع: فأسبوع العمل من الأحد إلى الخميس، وهذا يؤثر في تقدير التسليم ومواعيد الحجز.