الويب و WordPress
مواقع إلكترونية وبوابات وتطبيقات ويب احترافية — من المواقع المؤسسية والشركات إلى أنظمة إدارة المتقدمين المعقدة ومنصات التعلم الإلكتروني وأدلة الموردين.
احجز استشارة مجانيةماذا يعني تطوير المواقع بالعربية أولًا؟
تطوير المواقع بالعربية أولًا يعني بناء الموقع بحيث تعمل نسخته العربية من اليمين إلى اليسار منذ السطر الأول، لا بقلب التصميم الإنجليزي في النهاية. وتبني منطقي بهذه الطريقة مواقع الشركات والبوابات وأنظمة المتقدمين ومنصات التعلم على Moodle — على WordPress حين يحرّر فريق التسويق المحتوى يوميًا، وعلى Next.js حين يهمّ الأداء والتكامل أكثر — وتربط الروابط القديمة بالجديدة حتى يحافظ الموقع على ترتيبه في نتائج البحث بعد إعادة البناء.
المدة المعتادة: اختيار المنصة في الأسبوع الأول، والتصميم والبناء من الأسبوع 2 إلى 8، والمحتوى والإطلاق من الأسبوع 8 إلى 10.
لماذا يهمّ هذا
معظم مواقع الشركات السعودية إمّا تبدو كأنها من عام 2014 (قالب Bootstrap، وبطء، واتجاه عربي RTL معطوب)، وإمّا أعادت بناءها وكالةٌ في العام الماضي فسلّمت واجهة جميلة يتعذّر تعديلها، فيتحوّل كل تغيير بسيط في النص إلى تذكرة دعم. والنمط الصحيح يتوقف على ما تحتاجه فعلًا: WordPress بقالب مبني كما ينبغي لمواقع الشركات الغنية بالمحتوى حيث ينشر فريق التسويق نصوصًا يوميًا؛ وNext.js لمواقع المنتجات وSaaS حيث يهمّ الأداء والتكامل أكثر من مرونة نظام إدارة المحتوى؛ وMoodle أو منصة تعلّم مخصصة لعملاء التعليم. تبني منطقي بما تستدعيه حالة الاستخدام فعلًا، وتسلّم دعمًا عربيًا RTL يعمل من اليوم الأول لا كفكرة لاحقة.
ما نُسلِّمه
كيف ننفّذ
- 01
الموجز واختيار المنصة
الأسبوع 1نحدّد غرض الموقع (توليد العملاء المحتملين، أو تسويق المحتوى، أو استقبال المتقدّمين، أو التجارة الإلكترونية، أو بوابة داخلية)، ومن يحرّر المحتوى (التسويق أو تقنية المعلومات أو كلاهما)، وحجم الزيارات المتوقع، والتكاملات المطلوبة. والمُخرَج توصية مكتوبة بالمنصة مع تقدير للتكلفة الإجمالية للملكية.
- بطاقة تقييم لغرض الموقع وجمهوره
- توصية بالمنصة مع مبرّراتها
- سير عمل المحرّرين وعمليات المحتوى
- تقدير التكلفة الإجمالية للملكية لثلاث سنوات
- 02
التصميم والبناء
الأسبوع 2 — 8نسلّم التصميم تدريجيًا في Figma ونراجعه في دورات من أسبوعين. ويتبع البناء التصميم المعتمد مع إتاحة وصول سليمة (WCAG AA)، واختبار العربية RTL مع كل commit لا في النهاية، وميزانيات أداء Lighthouse تُفرض عبر CI.
- نظام تصميم + نماذج لكل صفحة
- بناء إنتاجي (WordPress / Next.js / Moodle)
- اختبار العربية RTL مع كل إصدار
- Lighthouse بدرجة 90+ في جميع الصفحات
- 03
المحتوى والإطلاق
الأسبوع 8 — 10ننقل المحتوى من الموقع الحالي مع الحفاظ على رصيد SEO عبر خريطة تحويلات 301، وننفّذ تحويل DNS بخطة تراجع، ونراقب ما بعد الإطلاق مقارنةً بخط الأساس السابق (الزيارات، والترتيب، وCore Web Vitals).
- نقل المحتوى + خريطة تحويلات 301
- تحويل DNS + خطة تراجع
- مراقبة 30 يومًا بعد الإطلاق
- تقرير الحفاظ على خط أساس SEO
- 04
الصيانة والتحسين
مستمرّتشمل الصيانة الشهرية تحديثات WordPress والإضافات مع إمكانية تراجع مُختبَرة ضد الأعطال، وتصحيحات SSL والأمان، ومراقبة الأداء، ورصيدًا صغيرًا من تعديلات التصميم كل شهر. أما طلبات الميزات الأكبر فيُحدَّد نطاقها في كل sprint.
- تحديثات شهرية للمنصة والإضافات
- مراقبة الأمان والأداء
- رصيد لتعديلات التصميم والنصوص الصغيرة
- مراجعة ربع سنوية لـ Lighthouse وSEO
أسئلة شائعة
WordPress عندما يعدّل فريق التسويق المحتوى يوميًا وتنحصر التكاملات في النماذج والمدونة والبريد — تجربة المحرر هناك مفيدة فعلًا. Next.js (أو ما يماثله من React) عندما يتقدم الأداء والتكامل مع أنظمة خلفية مخصصة ودقة التصميم على مرونة إدارة المحتوى. Moodle وJoomla نادرًا ما يكونان خيارًا صائبًا دون سبب محدد. والتطوير المخصص فقط حين لا تفي المنصات الجاهزة فعلًا بالمطلوب (نادر لمواقع المحتوى، شائع لواجهات المنتجات).
نختبر مع كل commit لا في النهاية. التخطيط والخطوط والتنقل واتجاه النماذج وتنسيق التواريخ والأرقام كلها تعمل أصلًا في الاتجاهين. نستخدم الخصائص المنطقية (margin-inline-start بدل margin-left) فيخدم الكود نفسه الاتجاهين دون أنماط مكررة. وللخط العربي نستخدم Tajawal أو خط علامتك مع ضبط ارتفاع السطر لحروف العربية (الارتفاع الإنجليزي يبدو ضيقًا عليها عادة).
نعم — وهو الجزء الأعلى خطورة في أي إعادة بناء. نزحف موقعك الحالي، ونبني جردًا كاملًا للروابط، ونعيّن القديم إلى الجديد بتحويلات 301 (عبر SQL دفعي أو redirects() في Next.js حسب المنصة)، ونراقب Search Console طوال الستين يومًا الأولى بعد الإطلاق لالتقاط أي تراجع مبكرًا.
على WordPress نعم — هذه وظيفة المنصة أصلًا؛ نسلّم سير عمل تحرير مدروسًا مع حزمة محتوى تأسيسية وجلستي تدريب أو ثلاث. وعلى Next.js تمر التعديلات عبر نظام إدارة محتوى (Sanity أو Contentful أو Notion حسب حجم الفريق) نهيّئه بحيث يغيّر غير التقنيين النصوص والصور دون لمس الكود، بينما تبقى التغييرات الهيكلية بيد مطوّر.
نفرض ميزانيات أداء في CI: أي commit يهبط بـ Lighthouse تحت 90 يُفشل البناء. ولمؤشرات الويب الأساسية — LCP دون 2.5 ثانية وINP دون 200 مللي ثانية وCLS دون 0.1 حدود دنيا في كل صفحة. الجوال هو هدف القياس لا سطح المكتب. وليس هذا اختياريًا؛ Google ترتّب النتائج عليه وسيلحظه مستخدمو الجوال لديك.
لا زلت لديك أسئلة؟
فريقنا جاهز للمساعدة. تواصل معنا وسنرد عليك في أقرب وقت.
عرض مجاني
تدقيق مجاني للموقع وSEO
أرسل لنا رابط موقعك الحالي، ونعيد إليك تدقيقًا مكتوبًا يغطي درجات Lighthouse لأهم 10 صفحات، ومشكلات العربية RTL، وثغرات SEO التقنية، وملاحظات إتاحة الوصول وفق WCAG، وخطة مرحلية لإعادة البناء أو التحسين مع تقديرات الجهد.
اطلب التدقيقكل الخدمات
أعمالنا
مشاريع ذات صلة
المملكة العربية السعودية · تقنيات التعليم والويب
National Construction Academy
نظام إدارة التعلم وبوابة التقديم ونظام الحضور
قدّمنا بنية تحتية رقمية متكاملة للأكاديمية الوطنية للبناء في المملكة العربية السعودية - وهي مؤسسة رئيسية تدعم أهداف تطوير القوى العاملة ضمن رؤية 2030.
عرض دراسة الحالةالمملكة العربية السعودية · منصة ويب
Thamer Web
منصة عرض الموردين والإنجازات
بنينا المنصة الإلكترونية لموقع thamerweb.com - منصة دعم شاملة تساعد الشركات السعودية على عرض إنجازاتها وتربط الأعمال بالموردين المحليين المؤهلين، دعمًا لأهداف التوطين والسعودة في المملكة.
عرض دراسة الحالة