الجواب المختصر: تصميم مواقع الويب لنشاط تجاري صغير ما يبدأ بالألوان. يبدأ بخمس قرارات: وش الصفحات اللي يحتاجها عميلك، ومين يكتب المحتوى، وهل الموقع ينقرا بالعربي من اليمين لليسار صح، وهل يشتغل زين على الجوال، ومين بيعدّله بعد الإطلاق. وGoogle نفسها تقول إنها تعتمد على نسخة الجوال من موقعك في الفهرسة والترتيب. وإذا تبي تشوف هالقرارات مطبّقة على نشاطك، شوف موقع جاهز في معاينة مجانية.
إفصاح: WebZum هو اللي ينشر هالمدونة، وهو منشئ مواقع بالذكاء الاصطناعي. معلومات Google وW3C من وثائقهم الرسمية، وتحققنا منها في ١٣ أكتوبر ٢٠٢٦.
وش المقصود بتصميم مواقع الويب لنشاط صغير؟
المقصود إن الزائر يلقى خلال ثواني ثلاثة أشياء: وش تقدّم، وين مكانك، وكيف يتواصل معك. والباقي تفاصيل.
والعميل غالبًا جاي من جواله. في السعودية فيه ٤٨٫٧ مليون اتصال جوال نشط في آخر ٢٠٢٥، يعني ١٤٠٪ من السكان (DataReportal، السعودية ٢٠٢٦). وفي الإمارات ٢٣ مليون اتصال، يعني ٢٠٢٪ من السكان (DataReportal، الإمارات ٢٠٢٦). يعني التصميم اللي يطلع حلو على شاشة الكمبيوتر ويتلخبط على الجوال، تصميم فاشل عمليًا.
القرار الأول: وش الصفحات اللي يحتاجها موقعك؟
لأغلب الأنشطة الخدمية، مثل العيادة، وورشة الصيانة، والصالون، والمطعم، وشركة المقاولات، تكفي هالصفحات:
- الرئيسية: جملة وحدة تقول وش تسوي، ولمين، ووين، وزر اتصال واضح.
- الخدمات (وصفحة لحالها لكل خدمة رئيسية إذا تقدر).
- من نحن: قصتك وليش الناس يثقون فيك.
- الأسئلة الشائعة: نفس الأسئلة اللي تسمعها على التلفون كل يوم.
- تواصل معنا: العنوان والخريطة والرقم والدوام.
القرار الثاني: مين يكتب المحتوى؟
هذا السؤال اللي يأخّر أغلب المشاريع. التصميم بدون نص حقيقي مجرد قالب فاضي.
اكتب مثل ما يتكلم عملاءك. لا تكتب «حلول متكاملة». اكتب «صيانة مكيفات في حي العليا بنفس اليوم». وGoogle تنصح أصحاب الأنشطة المحلية الصغيرة إنهم غالبًا يقدرون يسوون أغلب شغل تحسين الظهور بأنفسهم، وتنصح يبدأون بدليلها التمهيدي (Google Search Central).
القرار الثالث: موقعك ينقرا بالعربي صح؟
هنا تصير أخطاء كثيرة في تصميم المواقع العربية، لأن أغلب القوالب مصممة للإنجليزي وبعدين «تعرّبت».
وش لازم تعرف من المعايير نفسها:
- W3C تنصح تحط
dir="rtl"على وسم html في أي صفحة اتجاهها العام من اليمين لليسار، وتقولها صريحة: لا تستخدم CSS لضبط الاتجاه الأساسي (W3C: النص من اليمين لليسار في HTML). وتنصح تستخدم الخصائص المنطقية (start وend) بدل left وright، عشان الهوامش والمحاذاة تنعكس تلقائي. - وحسب وثيقة W3C لمتطلبات تخطيط النص العربي، الأرقام تنكتب من اليسار لليمين حتى داخل النص العربي، والأرقام العربية الهندية (٠١٢٣) مستخدمة في دول المشرق، والوثيقة تذكر منها السعودية (W3C: متطلبات تخطيط العربية والفارسية).
- ونفس الوثيقة تذكر إن الأبجدية العربية ٢٨ حرف (أو ٢٩ مع الهمزة)، وإن شكل الحرف يتغير حسب مكانه في الكلمة، عشان كذا الخطوط العربية عادةً فيها مئات الأشكال. ومن هنا يجي الخلل المعروف: خط لاتيني حلو ما فيه حروف عربية، فالمتصفح يعرض خط احتياطي ما يشبه تصميمك أبدًا.
- وW3C تذكر بعد إن النسخ صار الشكل الافتراضي للعربي في أغلب الاستخدامات، وهو أساس أغلب الخطوط المخصصة للقراءة الطويلة. فاختر للنصوص الطويلة خط نسخ واضح، وخل الخطوط المزخرفة للعناوين القصيرة إذا احتجتها.
القرار الرابع: الموقع يشتغل على الجوال قبل الكمبيوتر؟
Google تقول إنها تستخدم نسخة الجوال من محتوى الموقع للفهرسة والترتيب، وتنصح بالتصميم المتجاوب لأنه الأسهل في التنفيذ والصيانة (Google Search Central). وتنبّه إن المحتوى والعناوين والنص البديل للصور يكونون نفسهم على الجوال والكمبيوتر.
عمليًا: افتح موقعك من جوالك، وتأكد إن زر الاتصال باين بدون ما تنزل، وإن الخط العربي مقروء، وإن رقم الجوال ما ينكسر بالنص.
القرار الخامس: مين يعدّل الموقع بعد الإطلاق؟
الموقع الحي يتغير: دوام رمضان، خدمة جديدة، عرض موسمي، رقم جديد. إذا كل تعديل يبي رسالة للمصمم وانتظار، الموقع بيوقف عن ملاحقة نشاطك خلال كم شهر.
وإذا عندك موقع بلغتين، اعرف هالمعلومة من Google: تنصح برابط URL مختلف لكل نسخة لغة بدل ما تغيّر اللغة عن طريق الكوكيز أو إعدادات المتصفح، وتقول إنها تحدد لغة الصفحة من محتواها الظاهر، مو من سمة lang (Google: المواقع متعددة اللغات).
كيف يطبّق WebZum هالقرارات على المواقع العربية؟
هذا اللي نعرفه من كود المنتج ومن تجاربنا المسجلة على الشاشة:
| القرار | وش يصير في WebZum |
|---|---|
| الصفحات | صفحات الموقع (مثل الرئيسية والخدمات ومن نحن والأسئلة الشائعة والتواصل) تنبني حسب نشاطك، وممكن الخدمة الرئيسية تاخذ صفحة لحالها |
| المحتوى | ينكتب لنشاطك بعد مرحلة بحث عن السوق، وتعدّله بالكتابة في المحرر |
| الخط العربي | ينختار من قائمة مقفلة فيها ٥٥ عائلة خطوط عربية من Google Fonts تدعم الحروف العربية، وأي اختيار برّاها ينرفض وينعاد توليده، مع استبعاد ٧ خطوط وضوحها ضعيف |
| الاتجاه | لما تحوّل للعربي ينعكس الموقع كامل: الشعار يمين، والقائمة معكوسة، وزر الاتصال وقائمة اللغات يسار |
| اللغات | قائمة فيها أكثر من ٣٠ لغة تقدر تضيفها بالمحادثة. وبصراحة: الترجمات تخدم الزوار وما تنفهرس في Google بلغة ثانية |
| التعديل | تكتب طلبك بلغتك، مثل «أضف إننا مسكرين يوم العيد»، وبعدين تضغط زر التحديث |
متى منشئ المواقع ما يناسبك؟
إذا تحتاج نظام حجوزات معقد مربوط ببرامجك، أو بوابة عملاء، أو متجر فيه مئات المنتجات، الأفضل تشتغل مع مطوّر أو شركة، أو مع منصة متاجر متخصصة. اقرأ مقالنا: متجر سلة أم موقع تعريفي؟. أما الموقع التعريفي لنشاط خدمي فغالبًا ما يحتاج أسابيع شغل.
خطوات عملية تبدأ فيها اليوم
- اكتب بسطر واحد: وش تقدّم، ولمين، وفي أي مدينة.
- اجمع خمس صور حقيقية لشغلك إذا عندك.
- سو حساب في WebZum واكتب وصف نشاطك أو الصق رابطه على خرائط Google، وجاوب على الأسئلة القليلة.
- راجع الموقع على جوالك قبل الكمبيوتر.
- إذا عجبك ونشرته: Basic بـ ١٩ دولار بالشهر أو Professional بـ ٣٤ دولار بالشهر، ومعها ضمان استرداد كامل خلال ٣٠ يوم في كل الباقات.
أسئلة شائعة
وش هو تصميم مواقع الويب؟
هو إنك ترتّب صفحات الموقع ومحتواه وشكله بحيث الزائر يلقى اللي يبيه بسرعة ويتواصل معك. لنشاط صغير، الأهم وضوح الخدمة وزر الاتصال وسهولة القراءة على الجوال.
كيف أصمم موقع عربي من اليمين لليسار صح؟
اضبط dir="rtl" على مستوى الصفحة مثل ما تنصح W3C، واستخدم خط يدعم الحروف العربية فعلًا، وتأكد من اتجاه الأرقام والقوائم. أو استخدم أداة تسوي هالشي تلقائي.
أحتاج أعرف برمجة عشان أصمم موقعي؟
لا. أدوات مثل Google Sites وWix وWebZum ما تحتاج برمجة. الفرق في كمية الشغل اللي بتسويه بنفسك.
كم ياخذ تصميم موقع لنشاط صغير؟
يختلف كثير حسب الطريقة. فصّلنا هالشي في كم ياخذ تصميم موقع لمشروع صغير؟. مع WebZum الموقع ينبني بعد أسئلة قليلة في حوالي خمس دقايق.
الموقع المترجم بقائمة اللغات يطلع في Google بالإنجليزي؟
في WebZum لا: الترجمة من قائمة اللغات تخدم الزائر وما تنفهرس. اختر لغة موقعك الأساسية حسب اللغة اللي يبحث فيها عملاءك.
قبل لا تبدأ من صفحة فاضية: شوف موقع جاهز لنشاطك في معاينة مجانية، وبعدين قرر.