تطوير متاجر إلكترونية بالعربية والإنجليزية

سرعة واجهة المتجر

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

• قدّم صورًا متجاوبة بصيغ حديثة وبالحجم الذي تُعرض به، وحمّل صورة المنتج الرئيسية فورًا وبقية الصور عند الحاجة.
• اقتصر في السكربتات الخارجية، مثل أدوات المحادثة ومديري الوسوم وأدوات التقييم، على القليل الذي يستحق كلفته، وحمّلها بعد أن تصبح الصفحة قابلة للاستخدام.
• احجز مساحة للصور واللافتات حتى لا يقفز التخطيط أثناء التحميل.
• قِس مؤشرات Core Web Vitals على هواتف متوسطة الأداء حقيقية، لا على حاسوب سريع فقط.

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

منصة جاهزة مستضافة أم متجر منفصل الواجهة؟

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

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

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

الكتالوج والبحث بالعربية والإنجليزية

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

بحث يفهم العربية

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

الدفع وإتمام الطلب

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

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

وتصميم صفحة الدفع موضوع أمني بقدر ما هو موضوع تحويل:

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

وسائل الدفع المحلية في الخليج

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

تحسين صفحات المنتجات لمحركات البحث

صفحات المنتجات هي التي تجلب للمتجر زيارات البحث، وهي تتعثر بطرق متوقعة.

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

ويغطي قائمة التحقق لتطوير المواقع العربية الجوانب الخاصة باللغة بتفصيل أكبر.

الاحتيال وأمان الحسابات

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

وتسرد قائمة التحقق للأمان الافتراضي في الويب الأساسيات، والمتجر الذي يدير حسابات العملاء والمدفوعات مرشح جيد لمراجعة أعمق ضمن الأمن السيبراني.

الجوال أولًا ثم بقية الشاشات

كثير من المتسوقين يتصفحون ويشترون من الهاتف، فصمّم تخطيط الهاتف أولًا ثم وسّعه لسطح المكتب.

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