نصائح و خطوات لجعل موقعك متطابق مع الهواتف الذكية

أصبح الآن من الخطير على نتائج موقعك وترتيبه أن لا يكون متوافق مع الجوال, خصوصاً مع ظهور عبارة “غير مناسب للجوال” التي تظهر بجانب نتائج البحث, لذلك أتيت لكم بالحل السهل والسريع لموقعك لجعله متوافق مع أجهزة الجوال, ولبندئ بالسهل:


أبدء بفحص موقعك, ستجد انه متوافق بشكل كبير جداً مع الجوال, لنفحص الموقع بعد استخدام هذه الاضافة على
Google Mobile Friendly – Google page speed, وسنشاهد النتائج التالية:

نصائح لجعل موقعك متطابق مع الهواتف الذكية :

  • تبسيط التصميم وجعله متناسب

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


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



  • تحسين المحتوى

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



  • اجعل التنقل اسهل

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

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

استخدام القائمة المتحركة ( كما هي موجودة في عالم التقنية ) اذا كان يوجد الكثير من الاقسام تريد اظهاره للزائر.




  • اجعل موقعك اسرع

اذا كنت عملت النقطة الاولى بنجاح ( تبسيط التصميم ) هذا فعلا سوف يفي بالغرض وسوف يعمل على التسهيل و تسريع التصفح ,طبعا الفلاش انا انصح بعدم استخدامه بالإضافة الى انه غير متوافق مع الـ SEO لموقعك فانه ايضا يسبب لك مشاكل في التصفح عن طريق الهاتف وسوف يبطء التصفح بشكل عام,لا تكثر من استخدام الجافا سكربت ايضا , بديل لذلك هو استخدام الـHTML 5 المحببة للجميع.
الصور كبيرة الحجم والوضوح عالي تسبب ايضا بطء في التصفح , فكر هل هذه الصور مهمة جدا , اذا كانت غير كذلك كم بتصغيرها او حتى الغاءها ان لم تكن مهمة.استخدم الPage speed الذي تحدثت عنه في مقالة سابقة لي لعمل Optimized images.



  • اجعل اسم الموقع او الاسم التجاري ظاهرا

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