تطوير موقع ووردبريس

السلام عليكم

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

أبحث عن شخص يمتلك خبره في CSS وتصميم المواقع لديه القدرة على تحويل الموقع إلى تصميم سهل، جذاب، ومرتب مع إضافة لمسات إبداعية، أنيميشن، وتناسق في الألوان.

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

رابط الموقع

https://saudibronze.com

بعض التنبيهات المهمه...

1. أهداف المتجر

البيع بالتجزئة (B2C) والبيع بالجملة (B2B).

تجربة استخدام سهلة وسريعة لجميع الزوار.

دعم عروض الأسعار بالجملة + رفع "قائمة أدوات" (Upload Product List).

️ 2. تصميم وتجربة المستخدم (UX/UI)

واجهة متجاوبة وسهلة الاستخدام.

تصميم الصفحة الرئيسية جذاب ومقسم بذكاء.

استخدام أيقونات وتكست بوكس تحفيزية تشجع الزائر على الشراء أو طلب عرض سعر.

دعم الوضع الليلي (Dark Mode) بدون تأثر التصميم أو الألوان.

3. صفحات المنتجات (3 قوالب مختلفة)

قالب 1: منتج يُباع جملة وقطاعي.

قالب 2: منتج يُباع جملة فقط.

قالب 3: منتج يحتوي على ضمان (مع أيقونة توضح ذلك).

4. طرق الدفع (Payment Methods)

مدى، STCPay، Apple Pay، Visa، MasterCard.

تابي، تمارا.

الدفع عند الاستلام (COD).

توافق كامل مع أنظمة الدفع المعتمدة في السعودية.

5. خصائص تسويقية

عرض منتجات: Top Products، Related Products، Upsells / Cross-sells.

دعم السلة المتروكة (Cart Abandonment) مع إرسال تنبيهات أو إيميلات.

ميزة طلب عرض سعر (Request Quotation).

ربط الموقع مع حسابات التواصل الاجتماعي (Instagram – Facebook – ...).

6. البحث الذكي

البحث التلقائي (Autocomplete) أثناء الكتابة.

ظهور اقتراحات المنتجات مباشرة قبل الضغط على Enter.

7. الشحن والتوصيل

ربط الموقع مع شركات الشحن المحلية.

حساب تكاليف الشحن حسب المنطقة أو الوزن.

8. التواصل والدعم

ربط WhatsApp Business API.

تضمين Google Map API Key في صفحة "تواصل معنا".

نموذج تواصل سهل وفعال.

️ 9. SEO و Schema

دعم Product Schema.

دعم FAQ Schema لظهور الأسئلة في بحث Google.

إنشاء Sitemap لجميع الصفحات.

التأكد من فهرسة كل صفحات الموقع (indexing).

10. إضافات أخرى

Animations جذابة ومشوقة عند تصفح المنتجات.

إنشاء مدونة (Blog) لتحسين السيو.

ربط مع Google Analytics و Meta Pixel لتتبع الزوار.

11. التعدد اللغوي وتحسين السيو (Multi-language & SEO)

الطريقة الصحيحة:

استخدام بلوقين احترافي لترجمة الصفحات مثل:

WPML، TranslatePress، Polylang.

يجب أن يكون لكل لغة رابط URL مستقل:

/ للنسخة العربية

/en/ للنسخة الإنجليزية

ضبط عنوان الصفحة ووصف الميتا لكل لغة بشكل منفصل.

تفعيل وسوم hreflang لتمييز الصفحات بلغاتها المختلفة لمحركات البحث.

التأكد من أن كل الصفحات تظهر في Sitemap بلغتيها.

مراجعة الترجمة يدويًا وتحريرها لضمان الجودة.

الطريقة الخاطئة:

استخدام إضافات ترجمة فورية تعتمد على JavaScript فقط.

إبقاء جميع الترجمات على نفس الرابط دون فصل بين اللغات.

الاعتماد على الترجمة الآلية فقط دون تعديل.

غياب إعدادات السيو للغة الثانية (بدون meta title/description خاص بها).

الأمور التي يجب تجنبها

Slider Revolution أو أي إضافات ثقيلة تسبب بطء في تحميل الصفحات.

استخدام أكواد JS أو CSS غير محسّنة أو غير مضغوطة.

تثبيت بلوقينات كثيرة بلا حاجة.

تصميم غير متناسق في الألوان أو الخطوط.

Popups مزعجة وغير ضرورية.

نظام بحث غير ذكي لا يدعم الاقتراحات التلقائية.

تحميل صور بحجم كبير بدون ضغط.

عدم توافق طرق الدفع مع البنوك السعودية.