نحو 75% من مصداقية موقعك تُنسب إلى تصميمه، لا إلى ما تكتبه فيه. الرقم من HubSpot، ومعناه العملي أن الزائر يحكم على شركتك قبل أن يقرأ سطرًا واحدًا عنها.
وفي الشرق الأوسط تأتي نحو 70% من زيارات الويب من الجوال، والسعودية من أكثر أسواق المنطقة اعتمادًا على الجوال (بيانات StatCounter مجمّعة، أبريل 2026). يعني أن هذا الحكم يحدث على شاشة صغيرة في يد الزائر، وليس على الشاشة الكبيرة التي صُمّم الموقع عليها.
وقبل أن نبدأ، ملاحظة تخص المحتوى العربي المتاح عن هذا الموضوع. أغلب المقالات التي ترتب اليوم تعيد نفس القائمة: الموقع بطيء، غير متجاوب، الألوان غير متناسقة، التنقّل معقّد. القائمة صحيحة وناقصة في الوقت نفسه. لا يوجد فيها رقم واحد قابل للقياس، ولا ذكر للمؤشرات التي تحكم بها جوجل فعليًا، ولا سطر واحد عن المشكلة التي تخص المواقع العربية تحديدًا. هذا المقال يبدأ من حيث تتوقف تلك القوائم.
لماذا يفشل موقع جميل؟
الفرق بين موقع جميل وموقع ناجح أن الأول يُرضي صاحبه والثاني يخدم زائره.
الزائر يفتح موقعك وفي رأسه ثلاثة أسئلة: هل هؤلاء يقدمون ما أحتاجه، وهل يمكن الثقة بهم، وكيف أتواصل معهم. التصميم الذي يجيب على الثلاثة بسرعة تصميم ناجح. والتصميم الذي يعرض مهارة المصمم ويؤجّل الإجابة تصميم فاشل، حتى لو أعجب الجميع في اجتماع العرض.
خطأ التصميم إذًا ليس عيبًا جماليًا، بل قرار يقف بين الزائر وبين ما جاء من أجله.
اقرأ المزيد: أفضل شركة تصميم مواقع بالمملكة
أخطاء تفقدك الزائر في أول عشر ثوانٍ
القرار الأول يحدث قبل أي تمرير للأسفل. ثلاثة أخطاء تتكرر في هذه المنطقة بالتحديد.
الموقع لا يقول ماذا تفعل
أكثر خطأ متكرر في مواقع الشركات في المنطقة: الشاشة الأولى فيها صورة واسعة وجملة عامة من نوع «نصنع الفرق» أو «حلول متكاملة لعملائنا»، ولا شيء فيها يخبر الزائر بما تبيعه أصلًا.
الإصلاح ثلاثة عناصر في الشاشة الأولى: ماذا تقدم بالتحديد، لمن، وزر واحد واضح للخطوة التالية. واختبار سريع للتحقق: أخفِ الشعار واسأل شخصًا لا يعرف مشروعك ماذا تبيع هذه الشركة. إن لم يعرف، فالمطلوب إعادة كتابة لا إعادة تصميم.
غياب التسلسل البصري
عندما يكون كل شيء في الصفحة بنفس الحجم والوزن، لا شيء يبرز. التسلسل البصري هو ترتيب العناصر بحيث تنتقل عين الزائر من الأهم إلى الأقل أهمية دون أن يفكر.
ثلاث أدوات تحقق ذلك: فروق حجم واضحة لا متقاربة، مساحة فارغة حول العنصر المهم، وتقارب يجمع العناصر المرتبطة ويفصلها عن غيرها.
ومن ناحية السيو، وسوم العناوين ليست قرارًا جماليًا. عنوان H1 واحد يحمل موضوع الصفحة، وH2 للأقسام الرئيسية، وH3 لما يتفرع منها. المواقع التي تكبّر حجم الخط بدل استخدام الوسوم الصحيحة تخسر فهم محرك البحث لبنية الصفحة، وتخسر معها مستخدم قارئ الشاشة.
تنقّل غير واضح
القائمة التي تحتوي أربعة عشر عنصرًا ليست قائمة تنقّل، إنها فهرس. الزائر لا يقرأ الخيارات المتاحة، يبحث بعينه عن الخيار الذي يشبه هدفه.
عمليًا: خمسة إلى سبعة عناصر في القائمة الرئيسية، بأسماء يستخدمها العميل لا أسماء داخلية للشركة. «خدماتنا» أوضح من «الحلول»، و«اطلب عرض سعر» أوضح من «تواصل معنا». وأي صفحة عندها معدل ارتداد مرتفع بشكل شاذ، ابحث في التنقّل قبل أن تبحث في المحتوى.
الأخطاء التي تُقاس بالأرقام: مؤشرات تجربة الصفحة
هنا ينتهي الرأي ويبدأ القياس. جوجل تقيس تجربة الصفحة بثلاثة مؤشرات فقط، وهي عامل ترتيب مؤكد ضمن إشارات تجربة الصفحة.
LCP و INP و CLS والحدود الفعلية
- LCP سرعة ظهور أكبر عنصر مرئي في الصفحة. الحد المطلوب أقل من 2.5 ثانية.
- INP سرعة استجابة الصفحة لتفاعل الزائر. الحد المطلوب أقل من 200 مللي ثانية.
- CLS ثبات العناصر بصريًا أثناء التحميل. الحد المطلوب أقل من 0.1.
مؤشر INP استبدل مؤشر FID رسميًا في 12 مارس 2024. أي دليل ما زال يذكر FID مكتوب قبل ذلك التاريخ ولم يُحدَّث، وهذه علامة سريعة تعرف بها جودة أي مقال تقني تقرأه عن هذا الموضوع.
والفرق بين المؤشرين جوهري وليس شكليًا. FID كان يقيس تأخّر أول تفاعل فقط، وحتى ذلك التأخّر كان يقيسه حتى بداية المعالجة لا حتى ظهور النتيجة. أما INP فيرصد كل التفاعلات خلال الجلسة ويعكس أسوأها تقريبًا. القوائم التي تفتح ببطء، والنماذج التي تتجمد لحظة الإرسال، والأزرار التي تتأخر استجابتها، كل هذا كان غير مرئي في FID وصار مكشوفًا الآن. وتقارير 2026 تشير إلى أن نحو 43% من المواقع لا تجتاز حد الـ200 مللي ثانية، وهو المؤشر الأكثر رسوبًا على الويب حاليًا.
لماذا قد تكون نتيجة PageSpeed الجيدة مضلِّلة؟
الأرقام التي تحكم بها جوجل ميدانية، مصدرها زوار كروم الحقيقيون على مدى 28 يومًا، وتُقاس عند الشريحة الخامسة والسبعين. يعني أن الصفحة تجتاز المؤشر فقط إذا حصل 75% من المشاهدات الفعلية على نتيجة جيدة.
نتيجة ممتازة في اختبار تجريه من مكتبك على جوال حديث وإنترنت سريع لا تعني شيئًا إذا كان ربع زوارك يفتحون الموقع على جوال متوسط وشبكة أضعف. استخدم تقرير مؤشرات تجربة الصفحة في Search Console كمرجع، واستخدم PageSpeed للتشخيص فقط.
والأسباب الثلاثة الأكثر تكرارًا في الرسوب: صور غير مضغوطة وبأبعاد أكبر من اللازم، ملفات JavaScript ثقيلة أغلبها من إضافات لا تُستخدم، وعناصر بلا أبعاد محددة فيقفز المحتوى أثناء التحميل. الثالث أرخصها إصلاحًا: حدّد العرض والارتفاع لكل صورة وإطار مضمّن ومساحة إعلانية.
أخطاء الجوال: التصميم المتجاوب ليس تصغيرًا للشاشة
التجاوب لا يعني أن الموقع يظهر على الجوال دون أن يتكسّر. يعني أن التجربة مصمَّمة للجوال من البداية.
ابدأ التصميم من الجوال لا من الشاشة الكبيرة
جوجل تعتمد النسخة المخصصة للجوال في الفهرسة والترتيب. ومع ذلك أغلب المشاريع تُصمَّم على شاشة عريضة ثم تُضغط لتناسب الجوال. النتيجة أعمدة تتحول إلى كتل طويلة يمرّر الزائر فيها بلا نهاية، وجداول تخرج عن حدود الشاشة، ونصوص بحجم لا يُقرأ.
عمليًا: صمّم الشاشة الضيقة أولًا وقرّر ما يبقى وما يُحذف، ثم وسّع للشاشات الأكبر. وإذا لم يعمل عنصر على الجوال، فالسؤال الصحيح هو هل تحتاجه على الشاشة الكبيرة من الأساس.
أخطاء متكررة في نسخة الجوال
- أزرار وروابط أصغر من 44 بكسل، فيصعب الضغط عليها بالإبهام دون خطأ.
- نص أصغر من 16 بكسل يجبر الزائر على التكبير في كل مرة.
- نوافذ منبثقة تغطي الشاشة كاملة وزر إغلاقها خارج المنطقة المرئية.
- رقم الجوال مكتوب كنص لا كرابط قابل للاتصال بضغطة واحدة. خطأ صغير يكلّف مكالمات حقيقية في السوق السعودي.
- خريطة أو فيديو مضمّن يُحمَّل في كل زيارة، يبطئ الصفحة ولا يفتحه أحد على الجوال.
الخطأ الخاص بالمواقع العربية: RTL كفكرة لاحقة
هذا القسم لن تجده في المقالات المترجمة، لسبب بسيط: المشكلة غير موجودة في الإنجليزية.
أغلب القوالب مبنية للإنجليزية أولًا، ودعم العربية يُضاف بقلب الاتجاه. القلب الآلي ينجح مع اتجاه النص ويفسد أشياء أخرى:
- الأيقونات الاتجاهية: سهم «التالي» يجب أن يشير إلى اليسار في العربية، وشريط الصور المتحرك ينتقل في الاتجاه المعاكس. القلب الآلي غالبًا يترك الأسهم كما هي.
- الأرقام والتواريخ والأسعار: تبقى من اليسار إلى اليمين داخل النص العربي، وخلطها مع النص يفسد التنسيق ويشوّه أرقام الهاتف والمبالغ.
- النماذج: تسميات الحقول ورسائل الخطأ وشريط التقدم وقوائم الاختيار، كلها تحتاج مراجعة يدوية حقلًا حقلًا.
- الخطوط: كثير من القوالب تسقط على خط عربي احتياطي رديء، فيصبح النص متعبًا في القراءة دون أن يعرف الزائر السبب، فيغادر ويظن أن المشكلة في المحتوى.
- المواقع ثنائية اللغة: المشكلة الأكبر أن النسخة العربية تُعالَج كترجمة للنسخة الإنجليزية. النص العربي يخرج أطول أو أقصر من الإنجليزي، فتتكسّر الشبكة وتُقطَع العناوين وتظهر مساحات فارغة غريبة.
القاعدة العملية: راجع كل صفحة عربية بالعين على جوال حقيقي. الأدوات الآلية لا ترى هذه الأخطاء، لأنها ليست أخطاء برمجية.
النفاذ الرقمي: من تستبعده من موقعك دون أن تعرف
النفاذ الرقمي يعني أن يستطيع أي شخص استخدام موقعك، بما في ذلك من يستخدم قارئ شاشة، أو يتنقّل بلوحة المفاتيح وحدها، أو لديه ضعف في تمييز الألوان.
يُهمَل هذا الجانب عادة لأنه يبدو قضية إنسانية بحتة يمكن تأجيلها. والحقيقة أنه في نفس الوقت قضية سيو وتحويل، لأن العناصر التي يحتاجها قارئ الشاشة هي نفسها التي يقرأها محرك البحث: النص البديل للصور، وسوم العناوين الصحيحة، وتسميات حقول النماذج.
خمسة إصلاحات تغطي أغلب الحالات:
- تباين لوني كافٍ بين النص والخلفية. النص الرمادي الفاتح على أبيض مشكلة يعاني منها كثيرون ولا يشتكي منها أحد.
- نص بديل وصفي لكل صورة تحمل معلومة، ونص فارغ للصور الزخرفية.
- إمكانية تشغيل الموقع كاملًا بلوحة المفاتيح، مع إطار ظاهر حول العنصر المحدد.
- لا تعتمد على اللون وحده لتوصيل معلومة. أضف نصًا أو أيقونة بجانبه.
- تسميات مرتبطة فعليًا بحقول النماذج، ورسائل خطأ تشرح ما يجب فعله لا أن الإدخال خاطئ.
وفي السياق السعودي، كود المنصات الصادر عن هيئة الحكومة الرقمية يفرض معايير الوصول والشمولية على الجهات الحكومية. المشاريع الخاصة غير ملزمة به، لكن من يعمل مع جهة حكومية أو يطمح لذلك سيُقاس عليه في مرحلة ما.
أخطاء تكلّفك تحويلات لا زيارات
بعض الأخطاء لا تمنع الزائر من الوصول إليك، تمنعه فقط من التحول إلى عميل. وهي الأخطاء الأصعب اكتشافًا لأن أرقام الزيارات تبدو سليمة.
القالب الجاهز دون تخصيص
شراء قالب قرار ذكي في بداية المشروع ويوفّر ميزانية حقيقية. المشكلة أن يُنشر كما هو: نفس صور القالب، نفس الأقسام، نفس ترتيب الصفحة الذي يستخدمه ألف موقع آخر في نفس المجال.
الحد الأدنى للتخصيص: صورك الحقيقية بدل صور المخزون، ألوان وخطوط هويتك، وحذف كل قسم لا تحتاجه بدل تركه فارغًا أو مليئًا بنص القالب التجريبي. القسم الذي تتركه كما وصل يخبر الزائر أن الموقع غير مكتمل، وأن الشركة ربما كذلك.
ميزات تضيف حركة ولا تضيف عملاء
الشرائح المتحركة في أعلى الصفحة، والحركات عند التمرير، وعدّادات الأرقام المتصاعدة. كلها تبدو جيدة في اجتماع العرض وتؤذي في الواقع: تبطئ التحميل، تكسر ثبات العناصر فترفع CLS، وتشتّت الانتباه عن الزر الوحيد الذي تريد من الزائر الضغط عليه.
معيار الحكم واحد لكل عنصر تضيفه: هل يقرّب الزائر من خطوة تريدها منه؟ إذا كانت الإجابة لا، فهو تكلفة لا ميزة.
تفضيل الشكل على المهمة
النموذج الذي فيه أحد عشر حقلًا لأنه يبدو متوازنًا بصريًا. الزر الذي لونه قريب من الخلفية لأنه أنيق. صفحة الخدمة التي تخفي نطاق السعر لأن الشبكة أجمل بدونه.
كل قرار من هذه يُتخذ لأجل الشكل ويُدفع ثمنه في معدل التحويل. اسأل عن كل حقل في النموذج: هل نحتاج هذه المعلومة الآن، أم يمكن طلبها في المكالمة التالية؟
خطأ 2026: موقع لا تستطيع محركات الإجابة قراءته
نسبة متزايدة من الناس تصل إلى الإجابة عبر ملخصات الذكاء الاصطناعي في نتائج البحث وعبر مساعدات المحادثة، دون الضغط على أي نتيجة. هذا يضيف شرطًا تقنيًا جديدًا على التصميم.
المحتوى الذي يُبنى بالكامل داخل JavaScript، أو يُوضع كنص داخل صورة، أو يُخفى في تبويبات لا تُحمَّل إلا بالضغط، هو محتوى غير موجود بالنسبة لهذه الأنظمة. وأكثر ما يُفقَد بهذه الطريقة هو أهم ما لديك: الأسعار، أوقات العمل، مواقع الفروع، وشروط الخدمة.
- ضع الإجابات في نص حقيقي داخل HTML، لا في صور ولا في فيديو فقط.
- عنوان واضح للسؤال ثم إجابة مباشرة في أول سطرين تحته.
- بيانات منظّمة (Schema) للأسعار وأوقات العمل والأسئلة الشائعة ومعلومات النشاط.
- معلومات التواصل والعنوان كنص قابل للنسخ، لا كصورة مصمَّمة.
ولاحظ أن هذه القائمة تكاد تكون نفس قائمة النفاذ الرقمي. النص الحقيقي والبنية الواضحة يخدمان قارئ الشاشة ومحرك الإجابة معًا، وهذه واحدة من المرات القليلة التي يجتمع فيها الصواب الأخلاقي والصواب التجاري في نفس الإصلاح.
قائمة فحص سريعة قبل إطلاق الموقع
مرّ على السبعة صفوف هذه قبل أي إطلاق أو إعادة تصميم:
| المجال | ما تفحصه | المعيار |
| الشاشة الأولى | هل يعرف شخص غريب ماذا تبيع في خمس ثوانٍ؟ | نعم، دون أي شرح منك |
| السرعة | تقرير مؤشرات تجربة الصفحة في Search Console | LCP أقل من 2.5ث · INP أقل من 200 مللي · CLS أقل من 0.1 |
| الجوال | حجم الأزرار والنص، والاتصال بضغطة واحدة | 44 بكسل للأزرار · 16 بكسل للنص · رقم قابل للاتصال |
| النسخة العربية | الأيقونات الاتجاهية والأرقام والنماذج على جوال حقيقي | مراجعة بشرية لكل صفحة، لا اختبار آلي |
| النفاذ الرقمي | التباين اللوني، النص البديل، التنقّل بلوحة المفاتيح | الموقع يعمل كاملًا بدون فأرة |
| التحويل | عدد حقول النموذج ووضوح الزر الأساسي | أقل عدد ممكن · زر واحد بارز في كل شاشة |
| القراءة الآلية | هل المحتوى المهم نص في HTML؟ | نعم، والأسعار وأوقات العمل ليست صورًا |
ومتى يكون التعاقد مع وكالة هو القرار الأصح؟
القائمة أعلاه ليست صعبة الفهم، لكن تنفيذها يحتاج ثلاث مهارات لا تجتمع عادة في شخص واحد: تصميم واجهة، تطوير يفهم الأداء، وكتابة محتوى تعرف السيو. أغلب المواقع التي تفشل لا تفشل لضعف الميزانية، بل لأن واحدة من الثلاثة كانت غائبة عن الطاولة.
روزيلا ديجيتال وكالة تسويق رقمي تعمل بالعربية والإنجليزية معًا، وتبني وتعيد بناء المواقع لعملاء في السعودية والخليج عبر قطاعات مختلفة، من العقار والتجزئة والصيدلة إلى خدمات الاستقدام والقطاعات الصناعية.
وما يميّز طريقة عملنا في المواقع تحديدًا:
- تصميم عربي أصلي لا قالب مقلوب: نبني النسخة العربية كنسخة أولى لا كترجمة، وهذا بالضبط الفرق الذي شرحناه في الأعلى.
- الأداء جزء من التسليم: نقيس مؤشرات تجربة الصفحة قبل الإطلاق وبعده، ولا نسلّم موقعًا يرسب فيها.
- المحتوى والتصميم من نفس الفريق: فلا تستلم موقعًا جاهزًا بصريًا وفارغًا من كلام يقنع الزائر.
- أنظمة قابلة للإدارة: نبني على ووردبريس وأنظمة تستطيع تحديث موقعك عليها بنفسك بعد التسليم دون أن تعود إلينا لتغيير سطر.
- تقارير شهرية تقيس ما يهم: الزيارات المؤهّلة وعدد الاستفسارات الواصلة، لا عدد الصفحات المنشورة.
وإذا أردت مراجعة سريعة لموقعك الحالي قبل أي قرار بإعادة التصميم، تواصل معنا على info@roselladigital.com ونخبرك بما يحتاجه فعليًا وبما لا يحتاجه.
الأسئلة الشائعة
التفاوت كبير حسب عدد الصفحات، ووجود متجر، وعدد اللغات، فأي رقم يُذكر بلا هذه التفاصيل مضلِّل. الأهم من السؤال عن السعر هو معرفة ما يشمله العرض: هل يشمل كتابة المحتوى، وقياس الأداء قبل الإطلاق، والنسخة العربية كتصميم مستقل؟ العروض المنخفضة عادة تستبعد هذه الثلاثة تحديدًا.
عدم توصيل ما تفعله في الشاشة الأولى. باقي الأخطاء تكلّفك جزءًا من الزوار، وهذا الخطأ يكلّفك أغلبهم قبل أن يعرفوا ماذا تقدم.
استخدم تقرير مؤشرات تجربة الصفحة في Search Console، لأنه مبني على بيانات زوارك الحقيقيين خلال 28 يومًا. اختبار PageSpeed من جهازك يعطي تشخيصًا مفيدًا للأسباب، لكنه ليس الرقم الذي تحكم به جوجل.
لا. التجاوب يمنع تكسّر الصفحة فقط، ولا يضمن أن التجربة مصممة للإبهام. راجع حجم الأزرار، وطول الصفحة بعد إعادة الترتيب، وقابلية الاتصال برقمك بضغطة واحدة.
إذا كانت المشكلات في السرعة والنماذج والنصوص، فالتحسينات تكفي غالبًا وتكلّف أقل بكثير. أما إذا كانت بنية الموقع نفسها لا تناسب خدماتك الحالية، أو النسخة العربية مقلوبة عن قالب إنجليزي، فإعادة البناء أرخص من الترقيع المتواصل.
FID كان يقيس تأخّر أول تفاعل فقط، واستبدلته جوجل بـ INP في مارس 2024. مؤشر INP يرصد كل التفاعلات على الصفحة ويعكس أسوأها، فهو أدق تعبيرًا عن إحساس الزائر الفعلي بالبطء.
تضر عندما تبطئ التحميل أو تُقفز العناصر أثناءه، وكلاهما محسوب في مؤشرات تجربة الصفحة. الحركة الخفيفة المنفَّذة جيدًا لا تضر، والمعيار هو أثرها على الأرقام لا على الذوق
