تخطَّ إلى المحتوى
العودة إلى الأعمال

موقع مجمع نوفا الطبي

موقع WordPress متوقف استُبدل بموقع طبي عربي الهوية

الصفحة الرئيسية لموقع نوفا، وتظهر فيها واجهة المجمع خلف عنوان عربي
الحالة
يعمل
الدور
مطوّر منفرد، من المخطط الأولي حتى تحويل النطاق
العميل
مجمع نوفا الدولي الطبي، جدة
المدة
أغسطس 2026 – سبتمبر 2026
التقنيات
Next.js, React, TypeScript, Tailwind CSS, next-intl, Zod, MDX, Resend, Motion, sharp, Schema.org, Technical SEO, Accessibility (WCAG), Internationalisation, Arabic RTL layout, Vercel

مجمع نوفا الدولي الطبي مجمع طبي يعمل 24 ساعة في جدة. توقّف موقعه القديم على WordPress عن العمل، وسقطت معه صفحات مفهرسة تراكمت عبر سنوات. أعدت بناء الموقع بـ Next.js، واستعدت الروابط المفقودة من أرشيف الويب، ونقلت النطاق في تحويل مخطط له.

أبرز النقاط

  • استعدت 74 رابطًا قديمًا من خرائط موقع Wayback Machine وربطتها صفحةً بصفحة، مع سكربت يتحقق من الـ74 جميعها في بيئة الإنتاج بعد كل نشر.
  • بنيت الموقع بالعربية أولًا مع حفظ اللغة في كوكي، فتُخدَم اللغتان من رابط واحد وينعكس التخطيط بخصائص CSS المنطقية وحدها.
  • المحتوى ملفات JSON و MDX موثّقة بـ Zod، وأي سجل ما زال مؤقتًا يُفشل بناء الإنتاج بدلًا من أن يصل إلى مريض.
  • تُولَّد بطاقات المشاركة وقت البناء من شجرة مسارات مخصّصة، تُخرِج النص العربي من اليمين إلى اليسار بخطوط الهوية نفسها.
  • خفّضت مخالفات axe من أربع إلى صفر، والتقطت عطلًا في التحكم بإيقاف الصفوف المتحركة لم يُبلّغ عنه أي فاحص آلي.
98
Lighthouse، صفحة الحجز — قياس في بيئة الإنتاج، 6 سبتمبر 2026
100
الإتاحة وأفضل الممارسات وتحسين الظهور — في كل صفحة جرى قياسها
0
إزاحة التخطيط التراكمية
74
روابط قديمة مستعادة
5 weeks
من البداية إلى الإطلاق — 136 إسهامًا، من 4 أغسطس إلى 6 سبتمبر 2026

المشكلة

كان للمجمع موقع على WordPress توقّف عن العمل. المرضى الذين يبحثون عن المجمع بالاسم لا يجدون شيئًا، وسنوات من الصفحات المفهرسة — أقسام وأطباء ومقالات — تُرجع أخطاء.

لم يكن بالإمكان تصدير أي شيء من التنصيب القديم. السجل الوحيد لتلك الروابط كان في أرشيف Wayback Machine.

الجمهور يقرأ بالعربية أولًا. موقع تُرجم إلى العربية لاحقًا كان سيكون المنتج الخطأ، مهما بدت النسخة الإنجليزية جيدة.

المعالجة

كتبت المخطط قبل أي سطر برمجي: خريطة الموقع، ورموز التصميم، وميزانية الأداء، وما يجب أن تحقّقه كل صفحة. ظل المرجع طوال خمسة أسابيع وما زال في المستودع.

جاءت العربية أولًا في البنية لا في النص فقط. تُحفظ اللغة في كوكي فتتشارك اللغتان رابطًا واحدًا، وكل أداة تباعد منطقية، فينعكس التخطيط بدل إعادة بنائه.

صار المحتوى بيانات. الأقسام والأطباء وشركات التأمين والوظائف سجلات JSON موثّقة بـ Zod، والمقالات بصيغة MDX. تعرض الصفحات سجلات، فلا يمكن أن يوجد خطأ مطبعي في لغة دون الأخرى.

أعدت بناء خريطة الروابط القديمة من خرائط الموقع المؤرشفة، وكتبت سكربتًا يتحقق من كل تحويل مقابل الموقع الحي، فيُكتشف أي نشر يكسر تحويلًا في اليوم نفسه.

النتائج

أُطلق الموقع في 6 سبتمبر 2026 بدليل تحويل مكتوب وخطة تراجع. جميع الروابط القديمة الـ74 تصل إلى صفحاتها الجديدة.

بلغ Lighthouse في بيئة الإنتاج 98 في صفحة الحجز و95 في صفحات الأقسام والمقالات، مع 100 للإتاحة وأفضل الممارسات وتحسين الظهور في كل صفحة قيست، ودون أي إزاحة في التخطيط.

خمسة وعشرون نوعًا من البيانات المنظّمة تصف المجمع لمحركات البحث، وتغطي المجمع نفسه وأطباءه وإجراءاته الطبية ووظائفه المعلنة.

استُعيد الأداء سببًا واحدًا في كل مرة

لم يكن القياس الأول في بيئة الإنتاج جيدًا بما يكفي، فأعدت القياس بعد كل إصلاح بدلًا من تغيير عدة أشياء دفعة واحدة والأمل في النتيجة.

  • كان الشعار ملف PNG بحجم 114 كيلوبايت. خفّضه تقديم نسخة WebP بعرض 660 بكسل إلى نحو 16 كيلوبايت على الهاتف.
  • أُجّلت شرائح الواجهة من الثانية إلى الخامسة إلى ما بعد الترطيب، فلا تحجب سوى الأولى أكبر عنصر مرئي.
  • كان Google Tag Manager يكلّف من خمس إلى عشر نقاط حتى نُقل ليُحمَّل أخيرًا.
  • كانت الصفحة الرئيسية تعرض ثمانية وعشرين طبيبًا؛ تقليصها إلى ثمانية خفّض شجرة DOM من 1,482 عقدة إلى 1,204.

الفحص الآلي أرضية لا شهادة

أوصل الفحص الآلي الموقع من أربع مخالفات إتاحة إلى صفر. كانت تلك نقطة بداية التدقيق لا نهايته.

كشفت القراءة اليدوية للنتائج صفًا متحركًا تلقائيًا لا سبيل لإيقافه، وهو إخفاق في معيار WCAG لم يشر إليه أي فاحص، ومشكلتي تباين لم يصنّفهما الفاحص إلا كغير مؤكدتين. اختار العميل لاحقًا إزالة مفتاح إيقاف الحركة، وبقي ذلك ثغرة مسجّلة ومقبولة لا مسكوتًا عنها.

محتوى طبي لا يمكن أن يخطئ بصمت

النص المؤقت في موقع مطعم محرج. أما في صفحة طبيب فهو مريض يقرأ مؤهلًا مختلقًا، ولذلك يرفض البناء إصداره.

أُعيد بناء كل سجل من سجلات الأطباء الستة والعشرين من سيرة ذاتية حقيقية بعد أن كشف تدقيق نبذًا نمطية منسوبة إلى أطباء حقيقيين بأسمائهم. كما أُزيل التقييم الإجمالي عمدًا للبقاء ضمن سياسة Google لمقتطفات التقييمات.

ما سآخذه معي

  • القياس بعد كل تغيير على حدة أبطأ من تجميع الإصلاحات، وهو الطريق الوحيد لمعرفة أي تغيير أتى بالنتيجة فعلًا.
  • الفحوص الجديرة بالكتابة هي التي تعمل دون أن يتذكرها أحد. سكربت التحويلات وبوابة النصوص المؤقتة يلتقطان المشكلات في يوم لا يبحث فيه أحد عنها.

لقطات من النظام