مواقع الشركات

موقع الشركة هو أول ما يتفقّده مشترٍ جاد. نبني موقعك بالطريقة نفسها التي تبني بها شركات المنتجات مواقعها: تصميم من صفحة بيضاء خصيصًا لعلامتك، مُصرَّف إلى HTML ساكن، يُقدَّم من حافة عالمية، ومُختبر عند كل مقاس شاشة، ومكتوب ليكون قابلًا للعثور عليه.

ابدأ مشروعك

أو راسلنا على [email protected]

التصيير

HTML ساكن، بلا خادم وقت تشغيل

التسليم

شبكة Cloudflare الحافة العالمية

إتاحة الوصول

معيار WCAG 2.2 AA، مُتحقَّق منه في كل صفحة

اللغات

بعدد اللغات التي تبيع بها

التتبع

بلا سكربتات خارجية افتراضيًا

الاستضافة

نستضيفه ونُشغّله، شهريًا

المخرجات

ما الذي يتضمنه موقع من Whitewater

كل مشروع يُسلَّم بالجوهر نفسه. التصميم والكلمات يتغيران من عميل لآخر، أما الأساس الهندسي فلا يتزحزح.

01

نظام تصميم مُصمَّم خصيصًا لعلامتك

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

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

نصمّم المظهر الداكن جنبًا إلى جنب مع المظهر الفاتح، لا بعكس الألوان في النهاية، فيرى الزائر الذي يبقي هاتفه على الوضع الداكن صفحة مدروسة لا صفحة باهتة.

02

صفحات مكتوبة لعمليات البحث التي يجريها المشتري فعليًا

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

03

مسار تواصل يوصل فعلًا

النموذج عبارة عن HTML بسيط يرسل البيانات إلى نقطة نهاية بلا خادم على النطاق نفسه. يحميه تحدي Cloudflare Turnstile، وحقل فخ خفي، وفحص لوقت التعبئة، ويُرسَل من نطاق إرسال موثَّق حتى تصل الرسالة إلى صندوق الوارد لا إلى مجلد البريد المزعج.

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

04

كل صفحة بكل لغة تبيع بها

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

05

الصور والخطوط تُعالَج وقت البناء

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

06

استضافة، وعمليات نشر، ومجموعة فحوص تحكمها

نستضيف الموقع المكتمل ونُشغّله مقابل رسم شهري: المنصة الطرفية، والشهادات، ونطاق الإرسال، وعمليات النشر، والمراقبة. الموقع شيفرة قياسية داخل مستودع بفحوص آلية ونشر بأمر واحد، والفحوص ليست شكلية: إتاحة الوصول، وتكافؤ اللغات، ورؤوس الأمان، ونظافة البيانات الوصفية، وسلامة الروابط، كلها تعمل مع كل تعديل، وأي فحص فاشل يوقف النشر.

إعادة الإطلاق

استبدال موقع لديك بالفعل

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

01

جرد كامل قبل تصميم أي شيء

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

الصفحات التي تحظى بالاهتمام فعلًا تُحمى أولًا. وإن كانت صفحة هزيلة لا يزورها أحد هي السبب الخفي وراء نصف استفساراتك، فسيظهر ذلك في الجرد، لا بعد حذفها.

02

محتوى يُنقل مع بقاء معناه سليمًا

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

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

03

خريطة إعادة توجيه مكتوبة وقابلة للاختبار

كل عنوان يتغيّر يحصل على إعادة توجيه دائمة (301) إلى أقرب صفحة معادلة له. لا إعادة توجيه شاملة إلى الصفحة الرئيسية أبدًا، فمحركات البحث تقرأ ذلك على أنه حذف ناعم لكل ما كان لديك. الصفحات المدمجة تشير إلى الصفحة التي استوعبتها، والصفحة المُلغاة تشير إلى أقرب صفحة أعلى تفيد فعلًا من تبع الرابط القديم.

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

04

ما يُنقل، وما نُسقطه عن قصد

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

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

05

التحويل، والأسابيع التي تليه

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

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

ما لن نفعله هو الوعد برقم. الترحيل الحذر يحمي ما كسبتَه بالفعل ويمنح المحتوى الأفضل فرصة عادلة للمنافسة. وأي شخص يضمن نتيجة إعادة إطلاق إنما يخمّن بحركة زيارات موقعك.

الهندسة

كيف يُبنى

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

بنية ساكنة أولًا

تُصرَّف الصفحات إلى HTML قبل وصول أي زائر. لا خادم تطبيقات في مسار الطلب، ولا استعلام قاعدة بيانات يعطّل أول عرض. المحتوى والتنقل والبيانات الوصفية كلها داخل HTML نفسه، فيحصل محرك الزحف والشخص على اتصال جوال ضعيف على الصفحة نفسها.

تحسين، لا اعتماد

تُضاف جافاسكربت حيث تستحق مكانها فعلًا، ومحصورة في المكوّن الذي يحتاجها وحده. عطّلها وستظل الصفحة قابلة للقراءة، والتنقل يعمل، والنموذج يرسل بياناته.

الأصول تُعالَج مرة واحدة

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

عمليات نشر يمكن التراجع عنها

كل تعديل هو التزام (commit). التكامل المستمر يبني الموقع، ويشغّل مجموعة الفحوص كاملة، ثم ينشر إلى الحافة فقط بعد ذلك. وإن كان هناك خلل، فالنسخة السابقة على بُعد تراجع واحد.

الشكل 1: الصفحة كرسم هندسي: نافذة العرض، العنوان، الإجراء الأساسي، هدف التباين.

البحث

مبني ليُعثر عليه

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

  • الهيكل أولًا. صفحة واحدة لكل نيّة بحث، بعناوين تجيب عن السؤال الذي كتبه الباحث، وروابط داخلية توضّح التسلسل الهرمي.
  • نظافة الترويسة في كل صفحة. عنوان ووصف تعريفي فريدان، ورابط أساسي واحد بالضبط، وبطاقات اجتماعية تظهر بشكل صحيح عند لصق الرابط في محادثة.
  • بيانات مهيكلة من المحتوى الظاهر نفسه. توليد بيانات المؤسسة والخدمة ومسار التصفح من المصدر نفسه الذي تعرضه الصفحة، فلا يمكن للبيانات التي يقرأها محرك البحث أن تنحرف عمّا يراه الشخص.
  • فهرس قابل لقراءة الآلة. فهرس خرائط موقع يغطي كل لغة، وملف robots يشير إليه، وملف llms.txt لمحركات الزحف التي باتت تلخّص المواقع للأشخاص.
  • فهرسة فورية. كل نشر إنتاجي يُرسل إشعارًا إلى نقطة نهاية IndexNow بالروابط التي تغيّرت، فتعرف محركات البحث الداعمة لها بالتغيير خلال دقائق لا في زحفها التالي.
  • مؤشرات الويب الأساسية بحكم البناء. التسليم الساكن، والأصول الثابتة ذات البصمة، وغياب السكربتات الخارجية، كلها أقصر طريق إلى بيانات ميدانية جيدة، وهي نفسها مدخل في الترتيب.
  • ما لن نَدَّعيه. لا أحد يستطيع أن يبيعك ترتيبًا في نتائج البحث. نبني الأساس التقني والتحريري الذي يتيح لمحتوى قوي أن ينافس، نقيسه بعد الإطلاق، ونخبرك بصراحة بالأجزاء الخارجة عن سيطرتنا.

إتاحة الوصول

قابل للاستخدام من الجميع، لا من معظم الناس فقط

إتاحة الوصول مسؤولية قانونية، وإشارة بحث، وإشارة جودة في آن واحد. نتعامل مع مستوى WCAG 2.2 AA بوصفه الحد الأدنى، ونتحقق منه آليًا لا أن نكتفي بادّعائه في كتيب تسويقي.

  • مُدقَّق في كل صفحة، وكل مقاس شاشة، وكل مظهر ألوان. تدقيق آلي يعمل على كل صفحة مبنية بعرض الهاتف والجهاز اللوحي وسطح المكتب، في المظهرين الفاتح والداكن، وأي مخالفة توقف عملية البناء.
  • دعم حقيقي للوحة المفاتيح. رابط تخطٍّ كأول محطة، وحلقة تركيز مرئية في كل مكان، وترتيب تنقّل يتبع تسلسل الصفحة.
  • تباين في المظهرين. تُفحص ألوان النص والواجهة مقابل خلفياتها الفعلية، بالصرامة نفسها في المظهر الداكن والفاتح.
  • حركة تطلب الإذن أولًا. كل ما يتحرك يُعطَّل لدى الزائر الذي يطلب نظامه تقليل الحركة، وتُعرض بدلًا منه لقطة ثابتة.
  • ترميز دلالي. معالم صفحة واضحة، وعنوان واحد لكل مستوى بترتيب منطقي، وحقول نماذج موسومة، ونص بديل وصفي لكل صورة.
  • أهداف مريحة للمس. كل عنصر تفاعلي يتجاوز الحد الأدنى البالغ 24 بكسل، مُتحقَّق منه بالقياس لا بالعين المجردة.
  • أيدٍ على لوحة المفاتيح أيضًا. الفحوص الآلية تكتشف الكثير لكن ليس كل شيء، لذا نستخدم الموقع فعليًا بلوحة المفاتيح ونقرأه بأحجام صغيرة قبل إطلاقه.

اللغات

موقع واحد، بكل لغة تبيع بها

أداة ترجمة مُركَّبة فوق صفحة إنجليزية غير مرئية لمحركات البحث وغير مريحة للقراءة. الدعم الحقيقي لتعدد اللغات قرار في التوجيه والتحرير يُتَّخذ منذ البداية.

  • مسار لكل لغة. كل صفحة موجودة على رابطها الخاص في كل لغة، فيمكن فهرستها والربط إليها ومشاركتها.
  • إشارات صحيحة. مجموعة وسوم hreflang مع x-default في كل صفحة، ورابط أساسي يشير إلى الصفحة نفسها لا إلى النسخة الإنجليزية الأصلية.
  • اتجاه اليمين إلى اليسار مُعالَج في التخطيط نفسه. تستخدم أوراق الأنماط خصائص منطقية في كل مكان، فتعكس العربية التكوين كاملًا بدل ترقيعه.
  • مكتوب، لا مترجَم آليًا. يُحرَّر المحتوى لكل لغة بصوت العلامة نفسه. النص المُولَّد آليًا يبدو كذلك، والمشترون يلاحظون الفرق.
  • خطوط بحجم صادق. تُقتطع الخطوط بحسب كل رسم كتابي، والنصوص غير اللاتينية تعود إلى خط النظام بدل إرسال ميغابايتات إلى الهاتف.
  • مبدّل لغة لا يحتاج جافاسكربت. روابط بسيطة بين الصفحة نفسها في كل لغة، بلا ملف تعريف ارتباط وبلا تخمين لإعادة التوجيه.

الأمان والبريد

محصَّن، والبريد يصل

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

  • سياسة أمان محتوى حقيقية. بلا سماح للسكربتات المضمَّنة الحرة: كل سكربت مضمَّن مثبَّت ببصمة تجزئة، وما عداه مرفوض، وهو ما يمنع أي سكربت مُحقَن من العمل أصلًا.
  • رؤوس نقل ومتصفح منذ اليوم الأول. أمان نقل صارم (HSTS)، وبلا استنشاق للمحتوى، وسياسة إحالة، وحماية من التأطير، كلها تصل مع أول نشر.
  • دفاعات متعددة الطبقات للنموذج. تحدي Turnstile للتحقق من البشر، وفخ خفي للبرمجيات الآلية الساذجة، وفحص لوقت التعبئة للسريعة منها، وتحقق من جانب الخادم وحدود طول لكل حقل.
  • موثوقية الوصول مُتحقَّق منها عند النشر. يُتحقق من نطاق الإرسال كجزء من عملية النشر، فنكتشف نحن أي نموذج توقّف عن الإيصال، لا عميل لم يتلقَّ ردًّا أبدًا.
  • بلا أدوات تتبع افتراضيًا. لا يُحمَّل أي عنصر خارجي إلا إن طلبت ذلك، والتحليلات الوحيدة التي قد نضيفها بلا ملفات تعريف ارتباط، وهو ما يعني أيضًا بلا شريط موافقة.
  • الأسرار تبقى خارج المستودع. تعيش المفاتيح في مخزن أسرار وتصل إلى الموقع أثناء التشغيل كقيم بيئة، لا كملف داخل git أبدًا.

الاستضافة والتعديلات

من يشغّله، ومن يكتبه، وكيف يتغيّر

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

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

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

من يكتب الكلمات

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

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

تعديل المحتوى بعد الإطلاق

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

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

ابدأ مشروع موقع إلكتروني [email protected]

أخبرنا بما يجب أن يحققه الموقع ومن عليه أن يقنعه. تواصل معنا عبر نموذج التواصل أو على [email protected]، وسيردّ عليك من يبني العمل فعليًا.