كيف تجعل مدونتك او موقعك متناسب مع تصفح الجوال؟

إليك بعض الخطوات التي يمكنك اتخاذها الآن للتأكد من أن موقع الويب الخاص بك ( ووردبريس – بلوجر) يعمل 
بشكل جيد مع زوار الهاتف كما يظهر لمستخدمي سطح المكتب. وهذه الخطوات ال 10 ستجعل موقعك أفضل كثيرا لزوارك

اجعل موقعك الإلكتروني متجاوبًا.

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

اجعل المعلومات التي يبحث عنها الأشخاص أسهل في العثور عليها.

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

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

لا تستخدم Flash.

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

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

قم بتضمين علامة تعريف إطار العرض.

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

إن إضافته إلى html الخاص بك أمر بسيط للغاية. ما عليك سوى لصق هذا على html لكل صفحة:
<meta name=”viewport” content=”width=device-width, initial-scale=1″>

قم بتشغيل التصحيح التلقائي للنماذج

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

جعل الزر الخاص بك أحجام كبيرة بما يكفي للعمل على الهاتف المحمول

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

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

استخدام أحجام الخط الكبيرة

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

ضغط صورك و CSS

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

السماح بطريقة سهلة للتبديل إلى عرض سطح المكتب

قد يفضل بعض زوّار موقعك على الجوّال رؤية إصدار سطح المكتب من موقعك على الويب بدلاً من ذلك (خاصةً إذا كنت تستخدم إصدارًا للجوّال من موقعك على الويب بدلاً من موقع متجاوب).

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

إجراء اختبار متنقل بانتظام

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

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