قوائم رقمية عربية
واجهتا قائمة رقمية عربية (RTL) بمنهج الجوّال أولًا — تنقّل بين التصنيفات وبنية متجاوبة ووضوح قراءة على الهاتف.
الخدمات
تطوير الويب العربي وواجهات RTL
الـ RTL اتجاه تخطيط لا ترجمة. كثير من الواجهات العربية تُبنى بترجمة النص وترك التخطيط في اتجاهه الخاطئ — بينما يجب أن تتحرّك معه المحاذاة وترتيب القراءة والأيقونات الاتجاهية والتنقّل، وإلا بدت النتيجة قالبًا أجنبيًا كُتبت فيه كلمات عربية.
لمن هذا
الشركات التي تخدم عملاء ناطقين بالعربية، والوكالات التي تعود إليها مشاريعها العربية بأعطال تخطيط متكرّرة.
التقنيات
HTMLCSSJavaScriptWordPressWooCommerceNext.js
المشكلات
ما الذي يحلّه هذا فعلًا.
- مُترجَم لا مُوطَّن
- النص يتحوّل إلى العربية بينما يبقى التخطيط والمحاذاة والتنقّل من اليسار لليمين. القارئ يلاحظ فورًا حتى لو لم يستطع تسمية الخلل.
- محتوى مختلط عربي وإنجليزي
- أسماء المنتجات والتقنيات والأكواد والأرقام تبقى من اليسار لليمين داخل جملة من اليمين لليسار. ومعالجة ذلك بشكل صحيح تفصيل هندسي حقيقي لا تفضيل طباعي.
- عناصر اتجاهية تشير للجهة الخطأ
- أسهم الرجوع والشرائح وأشرطة التقدّم ومسارات التصفّح كلها تحمل اتجاهًا. وعكس الصفحة دون عكسها يُنتج واجهة تناقض نفسها.
- العربية كنسخة ثانية
- حين تُضاف العربية بعد اكتمال النسخة الإنجليزية، ترث كل افتراض تخطيطي اتُّخذ من دونها. وجعل الاتجاه قرارًا بنيويًا منذ البداية أقل كلفة.
ما يشمله
- تنفيذ التخطيط العربي RTL
- ترتيب القراءة والمحاذاة
- التنقّل والأيقونات وعناصر التحكّم الاتجاهية
- معالجة المحتوى المختلط عربي/لاتيني
- الطباعة العربية وارتفاع الأسطر للويب
- النماذج والجداول وواجهات البيانات بترتيب RTL
- واجهات عربية بمنهج الجوّال أولًا
- واجهات متاجر WooCommerce العربية
- بنية موقع ثنائي اللغة مع hreflang صحيح
- تشخيص أعطال RTL في المواقع القائمة
المنهج
كيف يجري العمل.
الاتجاه أولًا
التعامل مع RTL كقرار بنيوي منذ البداية، لتكون المحاذاة وترتيب القراءة صحيحة لا مُرقَّعة لاحقًا.
البدء من الهاتف
تخطيط الهاتف يُصمَّم أولًا وتتبعه التخطيطات الأوسع — وهو الترتيب الصحيح حين يكون الهاتف هو الجهاز الفعلي.
تدقيق كل عنصر اتجاهي
التنقّل والأسهم ومسارات التصفّح والأيقونات والجداول والأرقام والتواريخ وعلامات الترقيم والشرائح ومحاذاة النماذج واتجاه أزرار الإجراء — كل عنصر يُفحص لا يُفترض.
كتابة عربية تُقرأ كعربية
كتابة تقنية عربية طبيعية، دون تكلّف ترجمة أسماء تقنيات يعرفها القارئ أصلًا بحروفها اللاتينية.
معايير الجودة
ما معنى «مُنجز جيدًا» هنا.
- هذا الموقع هو البرهان
- الموقع الذي تقرأه الآن ثنائي اللغة بشجرة عربية أصيلة — روابط خاصة بها، واتجاه تخطيط خاص بها، وhreflang متبادل، دون اختصارات عكس الإنجليزية.
- العربية لا تُلغى بالـ canonical
- الصفحات العربية canonical لذاتها. وتوجيه canonical الصفحة العربية إلى مقابلها الإنجليزي يخبر محركات البحث بأن النسخة العربية لا ينبغي أن توجد.
- اختبار بعروض حقيقية
- تُفحص التخطيطات العربية عبر نفس مصفوفة نقاط التوقّف الإنجليزية — من 320 إلى 1920 — لأن أعطال الاتجاه تظهر عند عروض بعينها لا في المتوسط.
الدليل
المشاريع التي تثبت هذا.
كل ادّعاء قدرة على هذه الصفحة مسنود بعمل مُنفَّذ.
أسئلة
أسئلة تُطرح فعلًا.
- هل الـ RTL مجرّد direction: rtl في CSS؟
- هذا السطر يعكس تدفّق النص فقط. لا يصلح الأيقونات الاتجاهية ولا الشرائح ولا مؤشرات التقدّم ولا مسارات التصفّح ولا المحتوى اللاتيني المختلط ولا محاذاة النماذج ولا ترتيب قراءة تخطيط بُني بافتراضات من اليسار لليمين. هذه هي المهمة الحقيقية.
- هل يمكن إضافة العربية لموقع إنجليزي قائم؟
- نعم، وهو أمر شائع. لكنه يتطلّب تدقيقًا صادقًا أولًا: بعض التخطيطات تحمل افتراضات اتجاهية عميقة بحيث يكون الحل الصحيح إعادة بناء المكوّن لا عكسه.
- هل تكتب المحتوى العربي أيضًا؟
- العربية لغتي الأم، لذا فإن كتابة نصوص الواجهة والكتابة التقنية بالعربية ضمن ما أستطيع تقديمه. أما الكتابة التسويقية الموسّعة فتخصّص مختلف يفضَّل أن يتولّاه متخصّص.
التواصل
لديك موقع أو متجر يحتاج أن يعمل بشكل أفضل؟
أخبرني بما يحدث وفي أي صفحة. فالتشخيص وحده مُخرَج أول مفيد.
أقرأ كل رسالة بنفسي وأردّ خلال يوم عمل — غالبًا بسؤال أو اثنين أولًا، لأن أي نطاق يستحق تسعيرة يحتاج إجابتهما.
متاح للعمل عن بُعد بما يتوافق مع توقيت EST
مصطفى نوح
مطوّر ويب متكامل وبانٍ للمنتجات
- لينكدإن
- linkedin.com/in/mostafanoah
- الموقع الجغرافي
- مصر · عن بُعد