نصائح الخبراء لجعل موقعك على الويب مناسبًا للجوّال في عام 2022

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

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

جعل موقع الويب الخاص بك متوافقًا مع الجوّال مهم جدًا

لتجنب التعرض لعقوبات من Google ، لا ينبغي أن يكون السبب الوحيد لكونك "متوافقًا مع الجوّال". هناك عدد من الأسباب الممتازة للحصول على تصميم مناسب للجوّال.

* هذا هو عصر الهواتف الذكية. الوقت الذي نعيش فيه هو بلا شك عصر الهواتف الذكية. وفقًا لجوجل ، 76٪ من الناس في جميع أنحاء العالم اليوم يستخدمون الهواتف المحمولة.

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

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

كيفية التحقق من ملاءمة موقعك للجوّال

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

هناك ثلاث طرق للقيام بذلك:

1. افتح موقع الويب الخاص بك على الهاتف أو الجهاز اللوحي وشاهد كيف يعمل.

2. قم بزيارة صفحة التحقق من Google Mobile-Friendly ، وأدخل عنوان URL لموقع الويب الخاص بك وانقر فوق الزر "تحليل". (انظر الصورة أدناه)

3. توفر Google أيضًا تقريرًا مجانيًا داخل Google Search Console ، وهو تقرير قابلية استخدام الأجهزة المحمولة ، لمساعدة مديري مواقع الويب على التكيف مع أحدث متطلبات خوارزمية بحث الجوال.

إذا لم يجتاز موقع الويب الخاص بك الاختبارات الثلاثة المذكورة أعلاه ، فإليك ما يمكنك القيام به لجعل موقع الويب الخاص بك أكثر توافقًا مع الأجهزة المحمولة.

نصائح لجعل موقعك على الويب مناسبًا للجوّال:

1. اجعل موقع الويب الخاص بك على الهاتف المحمول مستجيبًا

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

تعتمد الطريقة التي تختارها لجعل موقع الويب الخاص بك مستجيبًا على الوقت والمال اللذين ترغب في إنفاقهما. هناك ثلاث طرق للقيام بذلك:

* احصل على سمة WordPress سريعة الاستجابة

* استخدام استعلامات الوسائط (CSS3)

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

شاشةmedia و (أقصى عرض: 480 بكسل) {

#sidebar {display: none؛}

}

* احصل على محترف للقيام بذلك نيابة عنك
شركات مثل Enuke

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

2. قم دائمًا بتضمين علامة meta لإطار العرض

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

<meta name = ”viewport” content = ”width = device-width، initial –scale = 1”>

3. لا تستخدم الفلاش

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

* يتطلب البرنامج المساعد

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

* إنه أمر سيء لتحسين محركات البحث لموقعك على الويب

* لا تدعم أجهزة Android ولا iOS الفلاش

فيما يلي بعض البدائل الجيدة للفلاش:

* مكتبة Jquery JavaScript:

يمكنه أن يفعل كل ما يمكن أن يفعله الفلاش ، مع حجم ملف أصغر بشكل ملحوظ.

* HTML5:

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

* CSS3:
إنها صديقة للرسوم المتحركة وتوفر أيضًا طرقًا جديدة لتصميم مواقع الويب التفاعلية.

4. إضافة ميزة الإكمال التلقائي للنماذج

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

* حدد مربع الاختيار "الإكمال التلقائي"

* بعد ذلك ، انقر فوق الزر "حفظ جميع الإعدادات" لحفظ إعداداتك.

* فويلا! انت انتهيت. بعد تمكين ميزة الإكمال التلقائي في إعدادات المحرر ، سترى اقتراحات الإكمال التلقائي أثناء الكتابة في لوحات HTML و CSS و JS للمحرر.

من المهم جدًا إجراء اختبار شامل عبر المستعرضات للتأكد من أن النموذج الخاص بك يعمل بشكل جيد في المتصفحات المختلفة.

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

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

يمكنك بسهولة معالجة هذه المشكلة باستخدام أزرار أكبر. السؤال الآن هو - إلى أي مدى يجب أن تكون كبيرة؟ في المتوسط ​​، يجب ألا يقل ارتفاع أي زر قابل للنقر على جهاز محمول عن 45 بكسل. سيحقق توحيد المناطق والأزرار القابلة للنقر الفوائد التالية:

* أخطاء أقل في التنقل عبر موقع الويب الخاص بك.

* سوف تحافظ على تفاعل المشاهدين.

* من المحتمل أن يؤدي إلى مزيد من التحويلات أيضًا.

6. استخدام رسومات موجهة قابلة للتحجيم

للحصول على تصميم سريع الاستجابة ، من المهم جدًا أن يكون لديك Scalable Vector Graphics. على عكس ملفات الصور (jpg / png) ، فإن SVGs قابلة للتطوير بشكل لا نهائي. يضمن استخدام Scalable Vector Graphics أن تظل الرموز أو الرسومات حادة عبر جميع الأجهزة دون الحاجة إلى القلق بشأن الدقة. أيضًا ، نظرًا لأن SVGs غالبًا ما تكون أصغر حجمًا بكثير ، فيمكنها توفير بعض وقت التحميل على موقعك أيضًا.

7. ضغط صورك و CSS

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

يُنصح باستخدام نسختين مختلفتين من نفس الصورة. على سبيل المثال ، قد تحتاج صفحة سطح المكتب إلى صورة بعرض 1200 بكسل للحصول على دقة كاملة ، بينما قد تحتاج نسخة الجوال فقط إلى عرض 400 بكسل. لذلك ، قم بتجميع هذا على صفحة للحصول على تجربة تحميل أسرع بشكل ملحوظ.

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

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

9. الاستفادة من ميزات الجهاز

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

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

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

أفضل شيء يمكنك القيام به للتأكد من أن تجربة الهاتف المحمول لموقعك على الويب جيدة هو التحقق بانتظام من توافق موقع الويب الخاص بك على الجوّال. لا يعني ذلك فقط اختباره على جهاز محمول واحد عدة مرات ، بل يتعين عليك اختباره على أجهزة مختلفة ، والتي تشمل أجهزة iPhone ، وهواتف Android ، وهواتف Windows ، وأجهزة لوحية مختلفة.

أثناء الاختبار ، ضع نفسك في موضع المستخدم أو اطلب من شخص آخر غير أعضاء فريقك اختباره نيابةً عنك.

استنتاج

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