تصميم وتطوير موقع دانة الزهراء للغسالات في الكويت

نبذة عن مشروع دانة الزهراء للغسالات

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

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

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

أهداف المشروع

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

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

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

بناء هيكل صفحات الخدمات والمناطق

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

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

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

تنظيم الروابط المحلية

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

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

استراتيجية المحتوى المحلي

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

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

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

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

تحسين تجربة الاستخدام على الهاتف

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

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

حل مشكلات الجداول

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

عرض الصور بصورة صحيحة

جرى كذلك ضبط الصور داخل عناصر figure لمنع التمدد أو التشويه. وتم تحديد أبعاد الصور داخل كود HTML للمساعدة في استقرار التخطيط وتقليل القفزات البصرية أثناء تحميل الصفحة.

اعتمدت صفحات المناطق صورا مربعة بمقاس 800×800 بكسل، مع تصميمات مختلفة في الألوان وتوزيع العناصر وصور الفنيين والغسالات. هذا التنويع كان ضروريا حتى لا تبدو الصفحات وكأنها تستخدم صورة واحدة تم تغيير اسم المنطقة عليها فقط.

أزرار الاتصال وواتساب

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

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

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

السيو التقني والبيانات المنظمة

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

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

ومن النقاط التي تم الانتباه إليها تحديث رابط الصفحة ومعرف @id داخل البيانات المنظمة عند تغيير مسار صفحات المناطق. فالاحتفاظ برابط قديم داخل Schema بعد نقل الصفحة قد يسبب تضاربا بين البيانات المنظمة والرابط الحقيقي.

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

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

تصميم صفحات الماركات

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

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

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

تثبيت الهوية والبيانات المحلية

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

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

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

التحديات التي ظهرت أثناء التنفيذ

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

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

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

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

ما تم تنفيذه في المشروع

المرحلة التالية من تطوير الموقع

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

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

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