موقع قوي من أول مرة

الهدف

تطلب موقعًا كاملًا بمواصفات تخلّي النتيجة قوية من أول مرة، وتعرف كيف تعدّل وتنشر وتربط دومينك.

الشرح

كلود يبني مواقع كاملة كآرتيفاكت (ملف HTML واحد يحتوي كل شي). الفرق بين موقع «عادي» وموقع «قوي» هو مواصفات الطلب.

المواصفات الثمانية للموقع القوي

1. الهدف الواحد: وش تبي الزائر يسوّي؟ (يطلب عبر واتساب، يحجز، يتصل).
2. الأقسام بالترتيب: غلاف، عن المحل، الخدمات/المنتجات، لماذا نحن، آراء، الأسئلة الشائعة، تواصل.
3. المحتوى الحقيقي: أسماء منتجاتك وأسعارك ونصوصك. لا نصوص وهمية.
4. الهوية: الألوان، الخط، الأسلوب (فاخر/شبابي/رسمي)، الشعار إن وُجد.
5. اللغة والاتجاه: عربي من اليمين لليسار، أو ثنائي اللغة.
6. الجوال أولًا: زر واتساب ثابت، أقسام تتجاوب، خط مقروء.
7. السرعة والبساطة: بدون مكتبات ثقيلة، صور خفيفة.
8. SEO أساسي: عنوان ووصف لكل صفحة، كلمات مفتاحية في العناوين.

الطلب الكامل

ابنِ لي موقعًا من صفحة واحدة لـ[اسم النشاط] في [المدينة].
الهدف: الزائر يطلب عبر واتساب على [الرقم].
الأقسام بالترتيب: غلاف بعنوان قوي وزر، عن المحل (٣ أسطر)، المنتجات (٦ بطاقات: [اذكرها بالأسعار])، لماذا نحن (٤ نقاط)، آراء العملاء (٣)، الأسئلة الشائعة (٥)، تواصل (خريطة + أوقات + روابط السوشال).
الهوية: الألوان [...]، الأسلوب [...]، الخط عربي واضح.
الاتجاه RTL، عربي بالكامل.
الجوال: زر واتساب ثابت أسفل الشاشة، وكل شي يتجاوب.
بدون مكتبات خارجية ثقيلة. أضف عنوان ووصف SEO.
المحتوى الحقيقي: [الصق نصوصك إن وجدت].

الصور

كلود ما يولّد صورًا فوتوغرافية. له خيارات:

• استخدم صورك: ارفعها واطلب إدراجها (أو ضع روابطها).
• اطلب رسومات SVG بسيطة وأيقونات.
• اترك مكانًا للصور وأضفها لاحقًا.

التعديل الذكي

عدّل بالأقسام: «في قسم المنتجات، اجعل البطاقات ٣ في الصف على الكمبيوتر و١ على الجوال». «غيّر عنوان الغلاف إلى […]». تعديلات صغيرة ومحددة.

النشر

1. من كلود مباشرة: انشر الآرتيفاكت وشارك الرابط. مناسب للتجربة.
2. استضافة مجانية: GitHub Pages أو Netlify أو Vercel: ارفع ملف HTML وتحصل على رابط.
3. استضافة مدفوعة بدومين خاص: ارفع الملف على استضافتك (مثل Hostinger) باسم index.html.

اطلب من كلود: «اشرح لي خطوات رفع الملف على [الاستضافة] خطوة بخطوة».

خطوة بخطوة

1. اجمع المحتوى الحقيقي: نصوص، أسعار، صور، رقم واتساب.
2. اكتب الطلب بالمواصفات الثمانية.
3. راجع على الجوال أولًا.
4. عدّل بالأقسام.
5. انشر وجرّب الرابط من جهاز آخر.

برومبتات جاهزة

قبل ما تبني الموقع، اسألني ١٠ أسئلة قصيرة تحتاجها لتخرج النتيجة قوية من أول مرة (الهدف، الأقسام، المنتجات، الهوية، التواصل). بعد إجاباتي ابنِ الموقع كاملًا.

راجع موقعي المرفق كخبير تجربة مستخدم: ١) هل الهدف واضح في أول ٣ ثواني؟ ٢) هل الزر الأساسي ظاهر على الجوال؟ ٣) وش أضعف ٣ أقسام؟ ثم طبّق التحسينات.

أخطاء شائعة

• نصوص وهمية: «لوريم إبسوم» ينشر كما هو. اعطه محتواك.
• بدون هدف واحد: ٥ أزرار = ولا زر.
• المراجعة على الكمبيوتر فقط: أغلب زوارك على الجوال.

تمرين

ابنِ صفحة لمحلك أو لمحل تعرفه بالمواصفات الثمانية ومحتوى حقيقي. انشرها، وافتحها من جوالك، واطلب من ٣ أشخاص تجربتها: هل عرفوا وش يسوّون في ٣ ثواني؟

الخلاصة

هدف واحد، أقسام مرتبة، محتوى حقيقي، هوية، RTL، جوال أولًا، بساطة، SEO. ثمانية مواصفات تخلّي الموقع قويًا من أول مرة، ثم نشر برابط.