البرمجة السريعة (vibe coding): هيكل صفحة الهبوط التي يبنيها الوكيل بنفسه
صفحة الهبوط بالـvibe coding ليست «صفحة جميلة» فحسب، بل سلسلة أقسام تقود الزائر إلى إجراء واحد: طلب، أو اتصال، أو شراء. على NeuralSpace يكتب الوكيل التصميم والتجاوب والاستمارة بنفسه، أما الهيكل والمعنى فعليك. فيما يلي هيكل من ثمانية أقسام، وصياغة الطلبات قسماً بقسم، وقائمة فحص قبل الإطلاق، وما يستحق التعديل بعد النسخة الأولى.
أولاً الإجراء، ثم الألوان
لصفحة الهبوط مهمة واحدة: أن تدفع الزائر إلى الفعل. لذلك السؤال الأول ليس «أي ألوان»، بل «ما الذي يجب أن يحدث بالضبط». وإلى أن تتضح الإجابة، سيعطيك أي طلب صفحة أنيقة لكن بلا فائدة — أقسام جميلة لا يربطها منطق.
في قسم «الكود» عند إنشاء مشروع جديد توجد قالب جاهز اسمه «صفحة هبوط». يملأ حقل الوصف بمسودة: الشاشة الأولى، المزايا، معرض الأعمال، آراء العملاء، استمارة الطلب والتذييل. هذا هيكل أولي معقول، لا هيكل نهائي — ستعيد كتابته لعملك. القالب يوفّر الخطوة الأولى ولا يفكّر بدلاً منك.
هيكل من ثمانية أقسام
هذا ترتيب يعمل مع الخدمات والمنتجات الصغيرة. ليس قاعدة مقدسة، لكنه خيار جيد إذا لم تعرف من أين تبدأ.
- الشاشة الأولى. عنوان بالنتيجة، وعنوان فرعي بتوضيح، وزر إجراء، وصورة واحدة. وكل ما تبقى يأتي بعدها.
- حالة العميل. فقرة قصيرة: بماذا يأتي الشخص ولماذا الوضع الحالي مزعج. ليس «نحن شركة شابة»، بل «التجديد يتأخر لأن الفرق تختفي».
- ماذا تقدّم. من ثلاث إلى ست بطاقات خدمات أو نتائج. بلا جدران نص: عنوان وجملة واحدة.
- كيف يعمل. من ثلاث إلى أربع خطوات من الطلب إلى النتيجة. يقتل الخوف من «ماذا سيحدث بعد ذلك».
- الأدلة. آراء، صور أعمال، أرقام، حالات. رأي واحد حقيقي أقوى من عشر عبارات «آلاف العملاء يثقون بنا».
- السعر والشروط. نطاق «يبدأ من» واضح، وما يشمله، وكم يستغرق. إذا كان السعر معقداً، أضف حاسبة أو وعداً بعرض سعر خلال يوم.
- الاعتراضات والأسئلة الشائعة. الضمان، الاسترجاع، المواعيد، الدفع. من أربعة إلى ستة أسئلة يسألها الناس فعلاً.
- الدعوة الأخيرة. تكرار الزر، الاستمارة أو جهة الاتصال، وتذييل قصير. لا تجعل الزائر يبحث عن مكان النقر.
ثمانية أقسام لا تعني ثماني شاشات. على الهاتف تُقرأ الصفحة المبنية على هذا الهيكل في ست إلى ثماني تمريرات تمرير، إن لم تنفخ النص.
ثلاث جولات بدل طلب واحد
طلب «اصنع صفحة هبوط جميلة لاستوديو خزف» يعطيك صفحة عامة: سيخترع الوكيل العناوين والأسعار والآراء. وستعيد كتابة نصفها. الأضمن تقسيم العمل إلى ثلاث جولات. ونعم — ابدأ من النموذج: «مشروع جديد»، حقل «صف مشروعك»، النموذج، ثم زر «إنشاء مشروع». وإذا كان لديك شعار أو صور أعمال أو لقطة لموقع يعجبك، أرفق الملفات فوراً.
الجولة 1: الهيكل والحقائق
صف العمل والجمهور والإجراء وقائمة الأقسام. مثلاً:
الطلب: «ابنِ صفحة هبوط من صفحة واحدة لاستوديو خزف في القاهرة. الجمهور بالغون يريدون تجربة صناعة الفخار للمرة الأولى. الإجراء: حجز حصة تجريبية. الأقسام: الشاشة الأولى، لمن، ثلاثة أشكال للحصص، كيف تسير الحصة، صور الأعمال، آراء، أسعار، أسئلة، استمارة حجز. الطابع هادئ دافئ فاتح؛ بلا ابتسامات جاهزة وبلا نص صغير. التجاوب مع الهاتف إلزامي».
هكذا تحصل على إطار: لن يبدأ الوكيل باختراع «رسالة الشركة» ولن يضيف قسماً عن الفريق لم تطلبه.
الجولة 2: النصوص والأرقام
عدّل المعنى، لا الشكل. أعطِ الأسعار الحقيقية والمدة والعنوان وقواعد الإلغاء. مثلاً: «في قسم الأسعار استبدل بالسعر الحقيقي، ساعتان، والمواد والحرق مشمولان. أبقِ الآراء الثلاثة الحقيقية التي سأرسلها. احذف كلمة „فريد“ وعلامات التعجب».
أرسل النصوص جاهزة إن أمكن. النموذج يكتب بسلاسة لكنه لا يعرف شروطك — وإن تركته فارغاً سيخترع شيئاً معقولاً. تحقق من كل ما يشبه الحقيقة: الأسعار والمواعيد والضمانات والأسماء والتراخيص.
الجولة 3: الهاتف والتفاصيل
بعد أن يستقر الهيكل والنص، اطلب فحص الهاتف: «اختبر بعرض 375 بكسل: يجب ألا ينكسر العنوان، وأن يتسع الزر، وأن يمرّر جدول الأسعار، وأن تُرسل الاستمارة بلا تمرير أفقي». ثم التفاصيل: النص البديل للصور، عنوان الصفحة، ووصف المعاينة لشبكات التواصل.
الشاشة الأولى: خمسة عناصر تحسم
تُقرأ الشاشة الأولى في ثوانٍ. تحتاج إلى:
- عنوان بالنتيجة. ليس «استوديو خزف»، بل «اصنع كوبك في ساعتين — بلا خبرة».
- عنوان فرعي بالتوضيح. لمن، وأين، وماذا يشمل. جملة واحدة.
- زر بفعل. «احجز حصة تجريبية»، لا «إرسال».
- دليل صغير. «المواد مشمولة، المجموعة حتى ستة أشخاص» أو تقييم حقيقي.
- صورة واحدة. صورة المنتج أو العملية أو النتيجة. لا كولاج من عشر صور.
كرّر الزر في أسفل الصفحة ومرة أخرى بعد الأسعار إن كانت الصفحة طويلة. هذه ليست إلحاحاً: من قرأ حتى النهاية جاهز، لكنه ليس دائماً جاهزاً للبحث عن الاستمارة.
نصوص لا يخترعها الوكيل
الوكيل يبني الصفحة، لكن الحقائق يجب أن تكون منك. قبل الإطلاق تحقق من: الأسعار، المواعيد، العنوان، الهاتف، ساعات العمل، شروط الاسترجاع، ماذا تشمل الخدمة ومن ينفذها. كل ما لم تعطه، سيملؤه النموذج على الأرجح بمثال معقول — وسيبدو مقنعاً حتى أول عميل.
في المشروع «قواعد المشروع» — نص يُمرَّر إلى الذكاء الاصطناعي في كل المحادثات. ضع فيه المحظورات: «لا تضف آراء لم أرسلها. لا تعد بخصومات. اكتب بنبرة ودّية بلا لغة مؤسسية. لا تغيّر الهاتف أو العنوان». و«ذاكرة المشروع» تحفظ الحقائق الثابتة: العنوان، الساعات، أسماء الخدمات. هكذا لا ينسى الوكيل في التعديل الخامس اسم الاستوديو.
الصور: صورتك أم توليد
أفضل صورة لصفحة الهبوط هي صورتك الحقيقية للمنتج أو العملية أو المكان. إن لم تكن موجودة، يمكنك توليد صورة في قسم «الصور» وتنزيلها. لا تسحب صوراً من بنوك الصور بعلامات مائية ولا أعمالاً من معرض شخص آخر: هذا ظاهر ويكلّفك الثقة.
وفقاً لبيانات المنصة خلال 90 يوماً (27 يوليو — 25 أكتوبر 2026)، أكمل GPT Image 2 بنجاح 93.3% من 2991 عملية توليد، وأكمل Seedream 4.5 — 91.2% من 1395 عملية. الخلاصة بسيطة: توليد الغلاف والخلفيات ممكن، لكن اترك هامشاً — نحو طلب من كل عشرة قد يعود بلا نتيجة، وهذا طبيعي.
أي نموذج تختار
وفقاً لإحصاءات مجهولة الهوية لمحادثات مشاريع الـvibe coding خلال 90 يوماً (7 أغسطس — 1 نوفمبر 2026، 37 محادثة)، جرت 19 محادثة — أكثر من النصف — على نموذج DeepSeek V4.1 Flash الابتدائي. لصفحة الهبوط هذا كافٍ: الهيكل نمطي ولا منطق معقد فيه. انتقل إلى Claude أو نموذج قوي آخر عندما يظهر آلة حاسبة أو فلتر أو ربط بالدفع أو حجم كبير من التعديلات. أبقِ مستوى التفكير منخفضاً للتنسيق وارفعه للمنطق: لذلك أثر واضح في السرعة واستهلاك الرموز.
فحص قبل الإطلاق
تجوّل في الصفحة كعميل، ثم راجع القائمة:
- هل يتضح في خمس ثوانٍ ما يُعرض وما يجب النقر عليه؟
- هل الزر والهاتف مرئيان بلا تمرير على الهاتف؟
- هل تُرسل الاستمارة، وهل يصل الطلب إلى المكان الموعود؟
- هل لا يوجد تمرير أفقي عند 375 بكسل؟
- هل تتطابق الأسعار والمواعيد مع ما تفعله فعلاً؟
- هل روابط سياسة الخصوصية والموافقة على معالجة البيانات موجودة؟
- هل الصور أصغر من خمسة ميغابايت ولا تبطئ أول تحميل؟
- هل يبدو عنوان التبويب ومعاينة المراسلة بشكل طبيعي؟
يُفتح الموقع بزر «فتح الموقع»، ويمكن إرسال عنوان مثل project-name.app.neuralspace.pro إلى الهاتف مباشرة للفحص. وإن أردت نطاقك الخاص، في المشروع خيار «ربط النطاق»: تضيف سجل DNS ويصدر الخدمة الشهادة ويفعّل HTTPS.
تعديلات بلا إعادة بناء كل شيء
لا تطلب «أعد تصميم الصفحة كلها» بسبب قسم واحد. التعديلات الصغيرة أرخص وأأمن: «أضف قسماً عن الضمان بعد الأسعار»، «اجعل الزر أوضح»، «اختصر نص القسم الثاني». يحتفظ المشروع بإصدارات وتراجع: إذا كسر تعديل التصميم، تعود إلى النسخة السابقة بخطوة واحدة بدل البدء من الصفر.
يمكنك تنزيل المشروع الجاهز كأرشيف، وإن لم تكن بحاجته الآن — أرشفه: يتوقف فتح الموقع، ويتوقف الخصم اليومي للاستضافة، وتبقى الملفات. هذا مفيد للعروض الموسمية والصفحات التجريبية.
الأسئلة الشائعة
هل يمكن بناء صفحة هبوط بلا برمجة؟
نعم. تصف الهيكل والنصوص، ويكتب الوكيل الكود ويجمع الصفحة. فهم أقسام صفحة الهبوط يساعدك على الصياغة بدقة، لكن معرفة الصيغة البرمجية غير مطلوبة.
كم قسماً تحتاج صفحة الهبوط؟
عادة تكفي ستة إلى ثمانية. إذا لم يقد القسم إلى الإجراء ولم يجب على اعتراض، فهو غالباً زائد. أقل مع تفاصيل ملموسة أفضل من صفحة طويلة عامة.
ماذا لو اخترع الوكيل أسعاراً وآراء؟
استبدلها بالحقيقية قبل الإطلاق. في «قواعد المشروع» يمكنك منع إضافة آراء وأرقام لم تقدّمها، وطلب وسم غير المعروف بعبارة «يُحدَّد لاحقاً».
ما الفرق بين صفحة الهبوط وقالب «موقع للبحث»؟
صفحة الهبوط تقود إلى إجراء واحد وتعيش على عنوان واحد. «موقع للبحث» قصة متعددة الصفحات لاستعلامات البحث: صفحات خدمات منفصلة، عناوين، ترميز، خريطة موقع. إذا احتجت زيارات من البحث بعشرات الاستعلامات، خذ القالب الثاني؛ وإذا احتجت صفحة بيع واحدة لإعلاناتك، خذ الأول.
هل يمكن ربط نطاقي الخاص؟
نعم: في المشروع ربط نطاق عبر سجل DNS، وتُضبط الشهادة تلقائياً. وإلى أن يتوفر النطاق، يعيش الموقع على عنوان المنصة.
ابدأ من صفحة البرمجة السريعة أو مباشرة من قسم «الكود»: أنشئ مشروعاً، ألصق وصفاً مبنياً على الهيكل أعلاه واطلب النسخة الأولى. صور الشاشة الأولى يمكن صنعها في قسم «الصور». الدفع بالرموز، بلا اشتراك؛ ويحصل المستخدمون الجدد على رموز بداية.