[{"data":1,"prerenderedAt":385},["ShallowReactive",2],{"mdc--ongh4m-key":3},{"data":4,"body":5},{},{"type":6,"children":7},"root",[8,27,32,39,57,66,81,87,92,99,112,118,123,130,143,149,154,161,175,181,186,193,206,212,217,224,247,253,258,265,270,283,289,294,301,319,325,330,337,350,356,361,368],{"type":9,"tag":10,"props":11,"children":12},"element","p",{},[13,16,25],{"type":14,"value":15},"text","خلال عملي في مراجعة و",{"type":9,"tag":17,"props":18,"children":22},"a",{"href":19,"rel":20},"https:\u002F\u002Fosamayy.github.io",[21],"nofollow",[23],{"type":14,"value":24},"تحسين تجربة المستخدم (UX Auditing)",{"type":14,"value":26}," للمواقع والتطبيقات، لاحظت مجموعة من المشكلات التي تتكرر باستمرار في المواقع العربية، سواء كانت مواقع شركات أو مدونات، أو متاجر إلكترونية، أو تطبيقات ويب (SAAS).",{"type":9,"tag":10,"props":28,"children":29},{},[30],{"type":14,"value":31},"في هذه التدوينة أستعرض أكثر عشرة أخطاء شيوعا في مواقع الويب العربية، مع شرح مبسط لكل منها، وكيف يمكن تجنبها أو معالجتها لتحسين تجربة الاستخدام ورفع كفاءة الموقع.",{"type":9,"tag":33,"props":34,"children":36},"h2",{"id":35},"_1-الموقع-لا-يدعم-بروتوكول-الاتصال-الآمن-https",[37],{"type":14,"value":38},"1- الموقع لا يدعم بروتوكول الاتصال الآمن (https)",{"type":9,"tag":10,"props":40,"children":41},{},[42,44,55],{"type":14,"value":43},"عدم استخدام صفحات موقعك لعناوين تتضمن “بروتوكول التشفير الآمن” (",{"type":9,"tag":17,"props":45,"children":48},{"href":46,"rel":47},"https:\u002F\u002Far.wikipedia.org\u002Fwiki\u002F%D8%A8%D8%B1%D9%88%D8%AA%D9%88%D9%83%D9%88%D9%84_%D9%86%D9%82%D9%84_%D8%A7%D9%84%D9%86%D8%B5_%D8%A7%D9%84%D8%AA%D8%B4%D8%B9%D8%A8%D9%8A_%D8%A7%D9%84%D8%A2%D9%85%D9%86",[21],[49],{"type":9,"tag":50,"props":51,"children":52},"u",{},[53],{"type":14,"value":54},"https",{"type":14,"value":56},")، سوف يقلل من فرصة ظهور الموقع في نتائج محركات البحث، ومن مصداقية الموقع، ويزيد من فرص تسريب بيانات الزوار \u002F المستخدمين، واختراق الموقع.",{"type":9,"tag":10,"props":58,"children":59},{},[60],{"type":9,"tag":61,"props":62,"children":63},"strong",{},[64],{"type":14,"value":65},"ما الحل؟",{"type":9,"tag":67,"props":68,"children":69},"ul",{},[70,76],{"type":9,"tag":71,"props":72,"children":73},"li",{},[74],{"type":14,"value":75},"تفعيل البروتوكول الآمن على “خادم” (Server) الموقع لكل الزوار ولجميع صفحات الموقع.",{"type":9,"tag":71,"props":77,"children":78},{},[79],{"type":14,"value":80},"إعادة توجيه كل عناوين الموقع تلقائيا لاستخدام البروتوكول الآمن.",{"type":9,"tag":33,"props":82,"children":84},{"id":83},"_2-استخدام-اللغة-الإنجليزية-في-عناصر-الموقع-الرئيسية",[85],{"type":14,"value":86},"2- استخدام اللغة الإنجليزية في عناصر الموقع الرئيسية",{"type":9,"tag":10,"props":88,"children":89},{},[90],{"type":14,"value":91},"استخدام اللغة الإنجليزية في روابط التصفح أو الأزرار أو عناصر التنقل الرئيسية في المواقع العربية، لن يمكن بعض الزوار \u002F المستخدمين من فهم وتصفح جميع محتويات الموقع والتفاعل معها.",{"type":9,"tag":10,"props":93,"children":94},{},[95],{"type":9,"tag":61,"props":96,"children":97},{},[98],{"type":14,"value":65},{"type":9,"tag":67,"props":100,"children":101},{},[102,107],{"type":9,"tag":71,"props":103,"children":104},{},[105],{"type":14,"value":106},"تجنب استخدام لغة مختلفة عن اللغة الأساسية للصفحة على شريط الروابط (navigation links)، وعلى الروابط والأزرار (عناصر تصفح الموقع الرئيسية).",{"type":9,"tag":71,"props":108,"children":109},{},[110],{"type":14,"value":111},"عند وجود أكثر من لغة للموقع، تأكد من توفير نسخة من كل الصفحات لكل لغة، وتأكد من ترجمة جميع محتويات الصفحة وعناصر تصفح الموقع الرئيسية.",{"type":9,"tag":33,"props":113,"children":115},{"id":114},"_3-استخدام-علم-الدولة-للدلالة-على-اللغة",[116],{"type":14,"value":117},"3- استخدام علم الدولة للدلالة على اللغة",{"type":9,"tag":10,"props":119,"children":120},{},[121],{"type":14,"value":122},"تحديد علم دولة ما للدلاله على لغة الموقع (عربي أو أنجليزي ..) يجعل بعض الزوار يعتقد بأن الموقع مختص وموجه لدول معينة فقط.",{"type":9,"tag":10,"props":124,"children":125},{},[126],{"type":9,"tag":61,"props":127,"children":128},{},[129],{"type":14,"value":65},{"type":9,"tag":67,"props":131,"children":132},{},[133,138],{"type":9,"tag":71,"props":134,"children":135},{},[136],{"type":14,"value":137},"يكفي وضع رابط للغات المتوفرة لصفحة الموقع بدون علم الدولة.",{"type":9,"tag":71,"props":139,"children":140},{},[141],{"type":14,"value":142},"رابط اللغات المتوفرة للصفحة يجب الا يحتوي على لغة الصفحة الحالية، على سبيل المثال نضع رابط “English” في الصفحة العربية لمن يرغب في النسخة الإنجليزية منها، ويكون الرابط في الأعلى وفي أقصى اليسار.",{"type":9,"tag":33,"props":144,"children":146},{"id":145},"_4-الروابط-إلى-الموقع-غير-مرئية",[147],{"type":14,"value":148},"4- الروابط إلى الموقع غير مرئية",{"type":9,"tag":10,"props":150,"children":151},{},[152],{"type":14,"value":153},"عند مشاركة روابط صفحات موقعك على شبكات التواصل، فإنها لا تظهر بمظهر مشجع للضغط عليها من قبل المتابعين، مما يقلل من فرص نشر موقعك والترويج له.",{"type":9,"tag":10,"props":155,"children":156},{},[157],{"type":9,"tag":61,"props":158,"children":159},{},[160],{"type":14,"value":65},{"type":9,"tag":10,"props":162,"children":163},{},[164,166,173],{"type":14,"value":165},"دعم ",{"type":9,"tag":17,"props":167,"children":170},{"href":168,"rel":169},"https:\u002F\u002Fogp.me\u002F",[21],[171],{"type":14,"value":172},"بروتوكول open graph",{"type":14,"value":174}," لصفحات الموقع",{"type":9,"tag":33,"props":176,"children":178},{"id":177},"_5-كثرة-الإعلانات-والتشويش-البصري",[179],{"type":14,"value":180},"5- كثرة الإعلانات والتشويش البصري",{"type":9,"tag":10,"props":182,"children":183},{},[184],{"type":14,"value":185},"إظهار عدة اعلانات واحتوائها على صور ورسومات متحركة في الصفحة سوف ينتج عنه تشويش بصري، يؤثر على تفاعل الزائر\u002Fالمستخدم مع الموقع. من ناحية أخرى يؤدي إلى زيادة حجم الصفحات واستهلاك اكثر لسعة النطاق (Bandwidth) المتاحة على خادم الاستضافة مما يؤدي إلى تكلفة استضافة أعلى.",{"type":9,"tag":10,"props":187,"children":188},{},[189],{"type":9,"tag":61,"props":190,"children":191},{},[192],{"type":14,"value":65},{"type":9,"tag":67,"props":194,"children":195},{},[196,201],{"type":9,"tag":71,"props":197,"children":198},{},[199],{"type":14,"value":200},"استخدم إعلان واحد فقط في الصفحة ويكون في ذات سياق المحتوى وذات علاقة لاهتمامات الزائر \u002F المستخدم.",{"type":9,"tag":71,"props":202,"children":203},{},[204],{"type":14,"value":205},"إزالة أي عناصر متحركة غير ضرورية في صفحات الموقع.",{"type":9,"tag":33,"props":207,"children":209},{"id":208},"_6-صفحات-الموقع-بطيئة",[210],{"type":14,"value":211},"6- صفحات الموقع بطيئة",{"type":9,"tag":10,"props":213,"children":214},{},[215],{"type":14,"value":216},"الصفحات المليئة بالمحتوى والصور والإعلانات، تتطلب من بعض الزوار\u002Fالمستخدمين الانتظار لأكثر من 3 ثواني لتظر على أجهزتهم، بالإضافة إلى أنها تستهلك منهم كمية أكبر من بيانات الإنترنت.",{"type":9,"tag":10,"props":218,"children":219},{},[220],{"type":9,"tag":61,"props":221,"children":222},{},[223],{"type":14,"value":65},{"type":9,"tag":67,"props":225,"children":226},{},[227,232,237,242],{"type":9,"tag":71,"props":228,"children":229},{},[230],{"type":14,"value":231},"تقليل محتوى الصفحات، من الصور والإعلانات وملفات “الجافاسكربت” (JavaScript) وملفات “الستايل” (CSS) وبالتالي يقل حجم الصفحة.",{"type":9,"tag":71,"props":233,"children":234},{},[235],{"type":14,"value":236},"تقليل عدد الملفات التي ترتبط بالصفحة (يتم استدعائها داخل الصفحة) لتقليل عدد “الطلبات” (Requests) على الخادم.",{"type":9,"tag":71,"props":238,"children":239},{},[240],{"type":14,"value":241},"تقليل حجم ملفات “الجافاسكربت” وملفات “الستايل” (CSS) وضغطها.",{"type":9,"tag":71,"props":243,"children":244},{},[245],{"type":14,"value":246},"استخدام تقنية “الكاش” (Cache) الذاكرة المؤقتة، على الخادم وعلى المتصفح لبعض الملفات والصفحات قليلة التحديث.",{"type":9,"tag":33,"props":248,"children":250},{"id":249},"_7-فراغات-بين-الأحرف-العربية",[251],{"type":14,"value":252},"7- فراغات بين الأحرف العربية",{"type":9,"tag":10,"props":254,"children":255},{},[256],{"type":14,"value":257},"وجود فراغات بين أحرف الكلمات العربية يعني ظهورها بشكل غير صحيح، وهذا يقلل من إمكانية قراءة المحتويات والتفاعل معها ويؤثر على مدة بقاء الزائر\u002Fالمستخدم في الموقع.",{"type":9,"tag":10,"props":259,"children":260},{},[261],{"type":9,"tag":61,"props":262,"children":263},{},[264],{"type":14,"value":65},{"type":9,"tag":10,"props":266,"children":267},{},[268],{"type":14,"value":269},"التأكد من عدم وجود فراغات بين أحرف الكلمات العربية من خلال استخدام هذا السطر في ملف “الستايل شيت” (CSS) أو تعديله إذا كان موجود سابقا واعطاءه القيمة صفر.",{"type":9,"tag":271,"props":272,"children":276},"pre",{"className":273,"code":275,"language":14},[274],"language-text","letter-spacing: 0;\n",[277],{"type":9,"tag":278,"props":279,"children":281},"code",{"__ignoreMap":280},"",[282],{"type":14,"value":275},{"type":9,"tag":33,"props":284,"children":286},{"id":285},"_8-محتوى-موجه-لمحركات-البحث-وليس-للناس",[287],{"type":14,"value":288},"8- محتوى موجه لمحركات البحث وليس للناس",{"type":9,"tag":10,"props":290,"children":291},{},[292],{"type":14,"value":293},"احتواء الموقع على محتوى متكرر وغير مفيد وغير متخصص، للمساهمة في تحسين ظهوره في نتائج محركات البحث، قد ينجح مؤقتا في تصدر نتائج البحث، لكنه سوف يؤدي بالتأكيد إلى تكوين تجربة استخدام سيئة عن الموقع لدى الزوار وعدم تكرار هذه التجربة.",{"type":9,"tag":10,"props":295,"children":296},{},[297],{"type":9,"tag":61,"props":298,"children":299},{},[300],{"type":14,"value":65},{"type":9,"tag":67,"props":302,"children":303},{},[304,309,314],{"type":9,"tag":71,"props":305,"children":306},{},[307],{"type":14,"value":308},"التركيز على تخصص مواضيع الموقع في مجال واحد واستهداف فئة معينة من الجمهور.",{"type":9,"tag":71,"props":310,"children":311},{},[312],{"type":14,"value":313},"تحدث عن تجارب، مشاكل وحلول مفيدة في مجالك ولجمهورك المستهدف.",{"type":9,"tag":71,"props":315,"children":316},{},[317],{"type":14,"value":318},"إنشاء محتوى أصيل غير مكرر وغير منسوخ.",{"type":9,"tag":33,"props":320,"children":322},{"id":321},"_9-خطوط-غير-مناسبة-للشاشات",[323],{"type":14,"value":324},"9- خطوط غير مناسبة للشاشات",{"type":9,"tag":10,"props":326,"children":327},{},[328],{"type":14,"value":329},"بعض الخطوط تكون مناسبة أكثر للطباعة وليست مناسبة للشاشات، واستخدامها يؤدي إلى صعوبة قراءة محتويات الموقع والتفاعل معه، وهذا يسرع من خروج الزائر \u002F المستخدم قبل حصوله على ما يريد من الموقع.",{"type":9,"tag":10,"props":331,"children":332},{},[333],{"type":9,"tag":61,"props":334,"children":335},{},[336],{"type":14,"value":65},{"type":9,"tag":67,"props":338,"children":339},{},[340,345],{"type":9,"tag":71,"props":341,"children":342},{},[343],{"type":14,"value":344},"استخدم خطوط منحنية الحواف وقليلة الزوائد في الأطراف لعرض محتوى الموقع.",{"type":9,"tag":71,"props":346,"children":347},{},[348],{"type":14,"value":349},"يمكن استثناء العناوين الكبيرة من هذه القاعدة.",{"type":9,"tag":33,"props":351,"children":353},{"id":352},"_10-تباين-الألوان-غير-مناسب",[354],{"type":14,"value":355},"10- تباين الألوان غير مناسب",{"type":9,"tag":10,"props":357,"children":358},{},[359],{"type":14,"value":360},"استخدام ألوان مزعجة للعين، أو استخدام نفس لون كتابة النصوص على لون الخلفية سوف يجعل النصوص غير مرئية بوضوح، بالإضافة إلى استخدام بعض الألوان والتي قد لا تكون مرئية لمن يعانون من مشاكل في النظر\u002Fالرؤية.",{"type":9,"tag":10,"props":362,"children":363},{},[364],{"type":9,"tag":61,"props":365,"children":366},{},[367],{"type":14,"value":65},{"type":9,"tag":10,"props":369,"children":370},{},[371,373,383],{"type":14,"value":372},"استخدم أداة (",{"type":9,"tag":17,"props":374,"children":377},{"href":375,"rel":376},"https:\u002F\u002Fwebaim.org\u002Fresources\u002Fcontrastchecker\u002F",[21],[378],{"type":9,"tag":50,"props":379,"children":380},{},[381],{"type":14,"value":382},"Contrast Checker",{"type":14,"value":384},") لفحص تباين الألوان، والتأكد من استخدام تباين مناسب للون النصوص \u002F الكتابة مع الخلفية.",1781325848188]