Core Web Vitals
صور بصيغة WebP أو AVIF، وتخزين مؤقت، وتحميل مؤجل. وتُراقَب المواقع الحية وفق عتبات "جيد": LCP ≤ 2.5 ثانية، وINP ≤ 200 مللي ثانية، وCLS ≤ 0.1.
- الرئيسية
- التقنيات والمعايير
التقنيات والمعايير · كيف نبني
الأداة المناسبة لكل مشروع، والفحوص نفسها في كل مرة.
نختار التقنيات لكل مشروع أثناء تحديد النطاق: أغلب المواقع المؤسسية مبنية بلغة PHP مع العرض من جهة الخادم وTypeScript، بينما تضيف المتاجر وأنظمة الأعمال Laravel وReact وPostgreSQL حيث تفيد. أما ما لا يتغير من مشروع إلى آخر فهو بوابات الجودة: السرعة، وإمكانية الوصول، وترويسات الأمان، والبيانات المنظمة، والفحوص الآلية قبل الإصدار.
نتحقق منه في كل مشروع
السرعةتقرير Lighthouse عند التسليم، والهدف 90+
إمكانية الوصولتدقيق WCAG 2.2 AA في الخطط الأعلى
الأمانHSTS وCSP وحماية من الرسائل المزعجة دون CAPTCHA
البحثبيانات منظمة مترابطة بصيغة JSON-LD وخرائط الموقع
كيف نختار
القيود أولاً، ثم أُطر العمل.
يختلف موقع الشركة والمتجر الإلكتروني ونظام ERP في احتياجاتها من حيث حجم الزيارات وتكرار التحديث والتكاملات والصيانة على المدى الطويل. وتطبيق مجموعة تقنيات واحدة عليها جميعاً مريح للمطوّر ومكلف للعميل.
تُحدَّد لغة البرمجة وقاعدة البيانات وإعداد الاستضافة أثناء تحديد النطاق، على يد المهندس المسؤول عن المشروع، بعد دراسة الحجم المتوقع وتكلفة صيانة النظام على مدى سنوات. ونشرح لكم الخيار وأسبابه قبل بدء العمل.
القاعدةلا إطار JavaScript حيث تكون الصفحات البسيطة المعروضة من الخادم أسرع، ولا قاعدة بيانات ثقيلة حيث تكفي قاعدة أبسط.
- شرح الخيار بلغة واضحة مع البدائل
- مراعاة تكلفة الصيانة إلى جانب تكلفة البناء
- لا قوالب ولا أدوات بناء صفحات ولا إضافات من أطراف خارجية
التقنيات المعتادة
ما نستخدمه عادةً، حسب نوع المشروع.
نقطة انطلاق، لا قائمة ثابتة. ويعتمد الخيار النهائي على نطاق مشروعكم، ويُؤكَّد في العرض المكتوب.
| المشروع | التقنيات المعتادة | السبب |
|---|---|---|
| موقع الشركة | PHP 8.3، TypeScript، MySQL، Nginx، Cloudflare | عرض سريع من جهة الخادم، وصفحات ملائمة لمحركات البحث، دون JavaScript غير ضرورية |
| متجر إلكتروني | PHP مع Laravel، React، MySQL، Redis، Docker | خلفية متينة لمسارات السلة والدفع، وReact للتصفية الفورية وعرض المخزون |
| أنظمة ERP وCRM وأنظمة الأعمال | PHP مع Laravel، React، PostgreSQL، Redis، WebSocket | فهرسة قوية للتقارير، وإشعارات فورية، ونماذج معقدة |
| التكامل والربط والبرمجيات الوسيطة | Node.js، TypeScript، Redis، Docker | خدمات منخفضة زمن الاستجابة، وتحديد معدل الطلبات، وwebhooks، وطوابير المعالجة |
| تحديث الأنظمة القديمة | اللغة الحالية، بنهج API أولاً | استبدال على مراحل بنمط strangler fig، لتستمر العمليات |
بوابات الجودة
ما يجب أن يجتازه كل مشروع.
تعتمد الفحوص المطبقة على الخطة والنطاق، وكل منها مذكور في عرض السعر لتعرفوا ما ستحصلون عليه.
البيانات المنظمة
بيانات JSON-LD مترابطة للمؤسسة والخدمات والمنتجات والأسئلة الشائعة، إضافة إلى خرائط الموقع بصيغة XML وخرائط الصور، وllms.txt وIndexNow.
إمكانية الوصول
تدقيق WCAG 2.2 AA، وHTML دلالي، والتنقل بلوحة المفاتيح، وتصاميم تُختبر على الجوال أولاً.
ترويسات الأمان
HSTS وسياسة أمان المحتوى (Content Security Policy)، وحماية النماذج من CSRF، وحماية متعددة الطبقات من الرسائل المزعجة دون CAPTCHA.
فحوص ما قبل الإصدار
تدقيق SEO آلي، وفحص الروابط المعطلة واليتيمة، وتنافس الصفحات على الكلمات المفتاحية نفسها، والتحقق من البيانات المنظمة قبل كل إصدار.
عمليات النقل
خريطة تحويل 301 لكل عنوان قديم، ويُتحقق من كل منها بعد الإطلاق.
لأنظمة الأعمال
معايير لأنظمة يستخدمها فريقكم كل يوم.
صلاحيات حسب الدور
يرى كل دور ويعدّل ما يخصه فقط، ويُتحقق من ذلك على الخادم.
سجل التغييرات
سجل يوضح من غيّر ماذا ومتى، وصولاً إلى مستوى الحقل عند الحاجة.
PWA
تطبيق قابل للتثبيت يمكنه مواصلة العمل دون اتصال عند انقطاع الشبكة.
نسخ احتياطي يومي
نسخ احتياطي يومي تلقائي، مع اختبارات أمان واختبارات اختراق في الخطط الأعلى.
نتائج مُقاسة، لا ادعاءات
ما أظهرته اختباراتنا في مشاريع حقيقية.
أرقام من مخرجات الاختبارات يوم التسليم لمشاريع مجهّلة. وقد تتغير القيم على المواقع الحية مع الوقت.
652فحصاً في الاختبارات الشاملةنظام أعمال حلّ محل دفتر ورقي لدى مشغّل مستودعات تبريد.
1,034فحصاً آلياً، و0 أخطاءمنصة إعلانات مبوبة متكاملة مع الأنظمة الحكومية.
22/22نتيجة 100 في Lighthouseجميع قياسات السرعة يوم تسليم مشروع SEO محلي.
355/355رابطاً قديماً تم التحقق منهعملية نقل موقع وصل فيها كل عنوان إلى صفحته الجديدة.
عند التسليم
ما تتسلمونه عند اكتمال العمل.
- تقرير السرعةتقرير Lighthouse للصفحات الرئيسية على الجوال والحاسوب، والهدف 90+.
- القيم الأساسية لـ Core Web Vitalsالقيم الابتدائية لمؤشرات LCP وINP وCLS، ثم مراقبتها على الموقع الحي.
- خريطة التحويلفي مشاريع إعادة بناء الموقع، القائمة الكاملة بالعناوين القديمة والجديدة ونتيجة فحص كل منها.
- محضر الاستلاممحضر موقّع بما تم تسليمه، تُغلق به المرحلة الأخيرة.
أسئلة شائعة
أسئلة عن التقنيات التي نستخدمها
هل تستخدمون إطار العمل نفسه دائماً؟
لا. تُبنى المواقع المؤسسية عادةً بلغة PHP دون إطار عمل مع TypeScript، لأنها تُحمَّل أسرع دون إطار واجهة أمامية ثقيل. وتستخدم المتاجر وأنظمة الأعمال غالباً Laravel وReact وPostgreSQL. ويُتخذ القرار أثناء تحديد النطاق ونشرحه لكم.
أين يُستضاف موقعنا أو نظامنا؟
تطوّر Kodem برمجياتكم، وتستضيفها على خوادم في تركيا، وتحافظ على تحديثها. تبقى الشيفرة المصدرية لدى Kodem. ويُسجَّل اسم النطاق باسمكم، ويبقى محتواكم وبياناتكم ملكاً لكم دائماً.
هل سيحصل موقعنا على نتيجة 100 في Lighthouse؟
ليس بالضرورة، ولا نَعِد بذلك. نشارككم تقرير Lighthouse عند التسليم والهدف 90+، ونراقب Core Web Vitals على الموقع الحي. وتعتمد النتائج أيضاً على المحتوى والنصوص البرمجية الخارجية التي تُضاف لاحقاً، لذلك نبلغكم بما نقيسه فعلاً.
كيف تتعاملون مع إمكانية الوصول؟
تستخدم الصفحات HTML دلالياً وتدعم التنقل بلوحة المفاتيح. وتشمل الخطط الأعلى تدقيق WCAG 2.2 AA، ونشارككم نتيجته.
هل تبنون بالإنجليزية والعربية؟
نعم. لكل لغة عنوانها الخاص ووسوم hreflang، وتعتمد النسخة العربية تصميماً حقيقياً من اليمين إلى اليسار. وهذا الموقع مبني بهذه الطريقة.
ماذا يحدث قبل كل إصدار؟
تُجرى فحوص آلية لمشكلات SEO، والروابط المعطلة واليتيمة، والصفحات المتنافسة، والبيانات المنظمة. وفي أنظمة الأعمال تُشغَّل مجموعات الاختبارات أيضاً، وأي فحص يفشل يوقف الإصدار.
اسألونا لماذا نبني مشروعكم بالطريقة التي نقترحها.
أرسلوا وصفاً موجزاً لمشروعكم. وفي اجتماع تعريفي مجاني عبر الفيديو نشرح لكم التقنيات التي سنختارها، والبدائل، وتكلفة صيانتها.