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

لتصميم والهوية البصرية

الموقع التعريفي (Website Profile)

موقع بسيط يعرض نبذة عن الشركة وخدماتها مع إمكانية التواصل المباشر.

الثيمات والقوالب

استخدام ثيمات مدفوعة جاهزة ومناسبة لطبيعة النشاط دون أي تكلفة إضافية على العميل.

الهوية البصرية المتكاملة

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

ملف PDF جاهز للاستخدام يتضمن جميع مواصفات الهوية البصرية.

الصور والوسائط البصرية

تنفيذ صور متناسقة باستخدام الذكاء الاصطناعي، مع تضمين شعار الشركة واسمها بشكل واضح في جميع الصور.

تصميم لوجو متناسق مع اسم الدومين وألوان الهوية واستخدامه كأيقونة للموقع.

محتوى الموقع

كتابة محتوى صفحات الموقع باستخدام الذكاء الاصطناعي.

التأثيرات والرسوميات (Animation)

عند النزول بالصفحة، يظهر الكارت أو النص تدريجياً بدل أن يكون ثابتاً.

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

عند مرور الماوس على الصور، تتحرك حركة بسيطة جداً (2--3 بكسل) أو تكبر قليلاً ثم تعود لوضعها الأصلي.

Popups -- النوافذ

نافذة العرض الخاص (Popup (Offer)) تظهر عند تمرير 40% من الصفحة، موجهة لأصحاب الصفحات، مع زر تواصل واضح.

نافذة جمع البريد الإلكتروني (Newsletter (Popup))، يتم ربطها بجوجل شيت لالتقاط بيانات الزوار.

بريد إشعارات تسجيل الدخول

ربط بريد إلكتروني مخصص لاستقبال إشعارات تسجيل دخول الزوار، لتجنب إرسال التنبيهات على البريد الرئيسي ومع الإزعاج.

عنوان التخصص في الهيرو

طلب كتابة عنوان التخصص في قسم الهيرو (مثل: «استشارات تسويقية رقمية») كنص حقيقي باستخدام وسم H1 أو H2، بحيث يكون قابلاً للقراءة من محركات البحث

: الصفحات المطلوبه

الصفحة الرئيسية للموقع.

صفحة من أكون

تعرض نبذة تعريفية (بديلاً عن "من نحن" لتناسب صيغة المتحدث المفرد).

صفحة ملف (Portfolio)

وتعرض سابقة الأعمال مقسمة إلى:

المواقع الإلكترونية

الشعارات والعلامات التجارية

صفحة مدونة

لنشر المقالات والأخبار المتعلقة بمجال العمل.

صفحة جهات الاتصال

("تواصل معنا") وتشمل وسائل التواصل المباشر.

ثانياً: صفحة الخدمات (قائمة الخدمات التفصيلية)

يتم عرض الخدمات التالية بشكل منظم:

مواقع إلكترونية احترافية.

مواقع التجارة الإلكترونية.

دعم مواقع ووردبريس.

تحسين ترتيب محركات البحث.

الوساطة التجارية والتسويق بين الشركات (B2B) (الأفراد أو الشركات التي تحتاج البحث عن داتا أو بيانات شركات بـ B2B Brokerage & Sales).

صفحة تعزيز الثقة

تتضمن آراء العملاء، شهادات الجودة، وشعارات الشركاء.

صفحة الأسئلة الشائعة (FAQ)

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

رابعاً: الميزات التقنية

خدمة تنبيهات الواتساب (WhatsApp Notifications)

ربط نماذج الموقع (جهات الاتصال) بالواتساب.

متطلبات المحتوى والـ SEO للموقع

كتابة 6 مقالات/مدونات جاهزة للنشر.

التأكد من أن كل مقالة تتجاوز 80% في تقييم الـ SEO باستخدام إضافة Rank Math.

​

ثانياً: تنفيذ SEO On-Page كامل للموقع

يشمل ذلك:

1. تهيئة العناوين (Title Optimization)

تحسين العنوان الرئيسي لكل صفحة أو مقالة بما يتوافق مع الكلمات المفتاحية.

2. تحسين الوصف التعريفي (Meta Description)

صياغة وصف تعريفي مناسب يساعد على تحسين الظهور في نتائج البحث.

3. ضبط الروابط الداخلية والخارجية (Internal & External Linking)

تنظيم الروابط داخل الموقع وخارجه لرفع جودة الصفحات من ناحية SEO.

4. تحسين الصور (Image Optimization)

5. كتابة النص البديل لكل صورة (ALT Text)

كتابة نصوص بديلة دقيقة تساعد محركات البحث على فهم محتوى الصور وزيادة فرصة ظهورها.

6. إضافة Block جاهز للكلمات المفتاحية (Keywords Section)

قسم يحتوي على الكلمات المفتاحية المستهدفة داخل كل صفحة.

7. إضافة Block مخصص للكلمات المفتاحية داخل الصفحات المهمة

وضع كلمات مفتاحية مختارة داخل الصفحات الأساسية بهدف:

تحسين الظهور في محركات البحث (SEO).

دعم أرشفة الموقع بشكل أفضل.

8. إضافة جدول المحتوى (Table of Contents)

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

التحسينات التقنية

تحسين سرعة الموقع عبر ضغط الصور وتفريغ الكاش أوتوماتيكياً باستخدام إضافة مدفوعة.

استخدام إضافة WP Rocket للتخزين المؤقت (Static Caching) لتحسين سرعة وأداء الموقع وتقليل الضغط على الخادم.

تفعيل أنظمة التخزين المؤقت (Caching) للصفحات وملفات النظام وقاعدة البيانات قدر الإمكان لضمان تحميل أسرع مع الحفاظ على استقرار الموقع.

إعداد نظام حماية أساسي (Anti-Malware أو Firewall) مع التفعيل والعمل بشكل مستمر بدون توقف.

تجهيز إضافة نسخ احتياطي (Backup Plugin) مع اعطائي وقت كصاحب موقع لعمل نسخه احتياطية كاملة لتجربة استعادة هذه النسخة بنجاح على دومين آخر فارغ لضمان سلامة الملفات وقابلية النقل.

إضافة أيقونة واتساب عائمة (WhatsApp Floating Button) وربطها برقم صاحب الموقع لتسهيل التواصل الفوري مع الزوار.

تفعيل خاصية الدردشة الحية Live Chat وربطها بتطبيق tawk.to على الجوال لاستقبال الإشعارات والدردشات مباشرة على الهاتف.

تفعيل نظام حماية من التعليقات المزعجة (Anti-Spam Protection) لمنع الرسائل غير الحقيقية والتعليقات العشوائية.

اً: شهادة الأمان (SSL)

تركيب وتفعيل شهادة أمان SSL معتمدة للموقع، ليعمل عبر بروتوكول HTTPS مع ظهور علامة القفل في المتصفح، مع ضمان عمل الشهادة بشكل صحيح طوال فترة تنفيذ المشروع.

​

​التكاملات – Integrations

ربط الموقع بخدمات Google باستخدام بريد صاحب الموقع فقط لضمان خصوصية وملكية البيانات:

(Site Kit by Google (Plugin: لربط الموقع بـ Google Search Console فقط، مع التأكيد على أن الربط يتم عبر البريد الإلكتروني الخاص بصاحب الموقع.

(Analytify (Plugin: لعرض تقارير Google Analytics داخل لوحة التحكم، ويتم ربطه أيضًا ببريد صاحب الموقع لضمان دقة التقارير وحماية البيانات.

نظام تتبع الأحداث (Tracking Events):

يتم تنفيذ التتبع بشكل يدوي لأن إضافتي Site Kit و Analytify لا توفران تغطية كاملة لبعض الأحداث.

تتبع الضغط على زر واتساب.

تتبع الضغط على أزرار الدعوة للإجراء (CTA).

تتبع عملية إرسال نموذج الاتصال مع ربط بيانات النموذج بـ Google Sheets.

دعم والمتابعة

1. تحديد مدة الدعم الفني بعد التسليم.

2. خطة الاختبار وشرح آلية العمل

يلتزم المطور بتقديم فيديو مسجل شامل قبل التسليم يضمن جودة العمل وسهولة الاستخدام، ويحتوي على القسمين التاليين:

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

​

دليل الاستخدام: شرح عملي ومبسط في نفس الفيديو يوضح كيفية التعامل مع إضافات الموقع، طريقة سحب البيانات إلى Google Sheets، وخطوات إضافة منتجات جديدة، ليكون هذا الفيديو مرجعاً دائماً وسهل الفهم لك.

​

3. مراجعة المشروع بالكامل عند الاستلام عبر Room Meeting

يتم فيه تسليم جميع البنود المكتوبة عبر شرح كل بند وكيف يعمل على الموقع

مطلوب من المطور قبل بدء العمل

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

تقديم ملف Word أو pdf يحتوي على:

جميع الاستفسارات المطلوبة.

بدون أسئلة عامة يمكن الحصول عليها من ChatGPT.

سلامة القالب من خلال موقع جوجل للفحص https://pagespeed.web.dev...

١. قبل البدء في العمل، يلتزم المطور/المصمّم بتقديم تقرير يثبت أن القالب المختار (وهو فارغ) يحقق درجة أداء لا تقل عن 90/100 على الموبايل والكمبيوتر، مع إرفاق صورة للنتيجة المعتمدة.

٢. يلتزم المطوّر بضمان سلامة القالب من أي أخطاء تُعيق فحصه بواسطة (Google Bots)، وفي حال ظهور رسائل خطأ (Errors) أو حدوث فشل في الاتصال، يتم إصلاح الخلل أو استبدال القالب.

٣. عند التسليم، يلتزم المطور بتسليم الموقع بدرجة أداء لا تقل عن 80/100 على الموبايل، و90/100 على الكمبيوتر، وذلك للصفحة الرئيسية وجميع الصفحات الفرعية الأساسية.

بند فحص الأخطاء التقنية (Sitechecker Pro)

١. يلزم المصمّم بإجراء تدقيق تقني شامل للموقع باستخدام موقع https://sitechecker.pro/ أو موقع مشابه في الدقة لفحص الأخطاء الحرجة والتحذيرات، وإذا تم استخدام موقع بديل يجب توضيح اسمه قبل تقديم العرض النهائي والبدء في العمل.

٢. يشمل التدقيق على الأقل ما يلي:

إصلاح الروابط المكسورة وأخطاء 4xx وأخطاء 5xx وأخطاء إعادة التوجيه 3xx/301 قبل الإطلاق النهائي.

تصحيح بنية HTML وأي سمات مفقودة أو خاطئة أو فارغة.

ضبط لغة الصفحة ووسم HTML lang ووسم hreflang بشكل صحيح في تعدد اللغات.

تنظيم عناوين H1 والعناوين الفرعية، وتوحيد العنوان والوصف التعريفي، وإضافة نص بديل للصور وبيانات المشاركة الاجتماعية عند الحاجة.

بند اللغات والترجمة

يلتزم المطور بتسليم الموقع بثلاث لغات (العربية، الإيطالية، الإنجليزية)، على أن تكون ترجمة يدوية مُصاغة بواسطة ChatGPT، ويُمنع تماماً استخدام إضافات الترجمة الآلية الفورية.