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

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

ابدأ مشروعك

أو راسلنا على sales@wwi.dev

التصيير

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

التسليم

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

إتاحة الوصول

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

اللغات

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

التتبع

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

الملكية

مستودعك، ونطاقك أنت

المخرجات

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

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

01

نظام تصميم، لا قالب جاهز

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

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

02

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

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

03

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

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

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

04

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

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

05

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

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

06

مستودع تملكه، بفحوصه الخاصة

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

الهندسة

كيف يُبنى

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

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

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

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

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

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

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

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

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

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

البحث

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

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

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

إتاحة الوصول

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

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

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

اللغات

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

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

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

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

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

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

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

التسليم

ما تملكه في النهاية

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

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

ابدأ مشروع موقع إلكتروني sales@wwi.dev

أخبرنا بما يجب أن يحققه الموقع ومن عليه أن يقنعه. تواصل معنا عبر نموذج التواصل أو على sales@wwi.dev، وسيردّ عليك من يبني العمل فعليًا.