10 أخطاء شائعة في المواقع الإلكترونية

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

المواقع الإلكترونية (Websites) تشمل: صفحات الشركات، والمدونات والمواقع الشخصية والمتاجر الرقمية وتطبيقات الويب ..

جدول المحتويات

1- الموقع لا يدعم بروتوكول الاتصال الآمن (https)

ظهور إشارة في المتصفح للدلالة على أن الموقع لا يستخدم اتصال آمن

عدم استخدام صفحات موقعك لعناوين تتضمن “بروتوكول التشفير الآمن” (https)، سوف يقلل من فرصة ظهور الموقع في نتائج محركات البحث، ومن مصداقية الموقع، ويزيد من فرص تسريب بيانات الزوار / المستخدمين، واختراق الموقع.

ما الحل؟

  • تفعيل البروتوكول الآمن على “خادم” (Server) الموقع لكل الزوار ولجميع صفحات الموقع.
  • إعادة توجيه كل عناوين الموقع تلقائيا لاستخدام البروتوكول الآمن.

2- استخدام اللغة الإنجليزية في عناصر الموقع الرئيسية

مثال على استخدام اللغة الإنجليزية في قائمة موقع باللغة العربية

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

ما الحل؟

  • تجنب استخدام لغة مختلفة عن اللغة الأساسية للصفحة على شريط الروابط (navigation links)، وعلى الروابط والأزرار (عناصر تصفح الموقع الرئيسية).
  • عند وجود أكثر من لغة للموقع، تأكد من توفير نسخة من كل الصفحات لكل لغة، وتأكد من ترجمة جميع محتويات الصفحة وعناصر تصفح الموقع الرئيسية.

3- استخدام علم الدولة للدلالة على اللغة

مثال على استخدام علم الدولة للدلالة على اللغة وعرض لغة الصفحة الحالية

تحديد علم دولة ما للدلاله على لغة الموقع (عربي أو أنجليزي ..) يجعل بعض الزوار يعتقد بأن الموقع مختص وموجه لدول معينة فقط.

ما الحل؟

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

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

ما الحل؟

في هذا المقال السابق تحدثت بالتفصيل كيف تجعل روابط موقعك مرئية

5- كثرة الإعلانات والتشويش البصري

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

ما الحل؟

  • استخدم إعلان واحد فقط في الصفحة ويكون في ذات سياق المحتوى وذات علاقة لاهتمامات الزائر / المستخدم.
  • إزالة أي عناصر متحركة غير ضرورية في صفحات الموقع.

6- صفحات الموقع بطيئة

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

ما الحل؟

  • تقليل محتوى الصفحات، من الصور والإعلانات وملفات “الجافاسكربت” (JavaScript) وملفات “الستايل” (CSS) وبالتالي يقل حجم الصفحة.
  • تقليل عدد الملفات التي ترتبط بالصفحة (يتم استدعائها داخل الصفحة) لتقليل عدد “الطلبات” (Requests) على الخادم.
  • تقليل حجم ملفات “الجافاسكربت” وملفات “الستايل” (CSS) وضغطها.
  • استخدام تقنية “الكاش” (Cache) الذاكرة المؤقتة، على الخادم وعلى المتصفح لبعض الملفات والصفحات قليلة التحديث.

7- فراغات بين الأحرف العربية

مثال على وجود فراغات بين الأحرف العربية

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

ما الحل؟

التأكد من عدم وجود فراغات بين أحرف الكلمات العربية من خلال استخدام هذا السطر في ملف “الستايل شيت” (CSS) أو تعديله إذا كان موجود سابقا واعطاءه القيمة صفر.

letter-spacing: 0;

8- محتوى موجه لمحركات البحث وليس للناس

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

ما الحل؟

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

ما الفائدة من تصدر نتائج محركات البحث، إذا كان الزائر يغلق الموقع خلال بضعة ثوان؟!


9- خطوط غير مناسبة للشاشات

مثال على خط غير مناسب للقراءة من الشاشة

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

ما الحل؟

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

10- تباين الألوان غير مناسب

مثال على تباين الألوان الغير مناسب بين النص والخلفية

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

ما الحل؟

استخدم أداة (Contrast Checker) لفحص تباين الألوان، والتأكد من استخدام تباين مناسب للون النصوص / الكتابة مع الخلفية.


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


روابط ذات صلة

بواسطة أسامة يونس

استشاري في تصميم المنتجات الرقمية، شاركت في تطوير مواقع حكومية وعالمية، اقدم المساعدة لبناء منتجات منافسة وناجحة. خدماتي متوفرة على: osamayy.com.

اترك تعليقًا

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *