كيف أتأكد من أن موقعي متوافق مع الجوّال؟ قائمة مرجعية

كما ذكرنا في تقريرنا الإخباري عن التسويق عبر محركات البحث (SEM) يوم الجمعة ، أكد جون مولر محلل اتجاهات مشرفي المواقع من Google أن الموجة الأخيرة من التغييرات على إشارة الترتيب الملائمة للجوال من Google قد انتهت الآن.

منذ التحديث الأولي لـ " ^Mobilegeddon " الذي ظهر لأول مرة في 21 أبريل 2015 ، كان التوافق مع الأجهزة المحمولة عامل ترتيب مهمًا في نتائج بحث Google. قالت غوغل في تدوينة تنذر بتغييرات الخوارزمية قبل شهرين ، إنها تريد المستخدمين "أن يجدوا أنه من الأسهل الحصول على نتائج بحث ذات صلة وعالية الجودة ومُحسَّنة للأجهزة [المحمولة] الخاصة بهم".

أكدت Google وأعادت تأكيد التزامها بالتوافق مع الجوّال على مر السنين ، وتنفيذ تصنيف "متوافق مع الجوّال" لتمييز مواقع الويب التي تم تكييفها للجوال ، وإجراء تغييرات على صفحة نتائج بحث الجوّال بما في ذلك عناوين URL سهلة الاستخدام وروابط أقسام الموقع الموسّعة ، وإطلاق Accelerated Mobile Pages لتوفير تجربة جوال فائقة السرعة.

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

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

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

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

تأكد من ضبط منفذ العرض بشكل صحيح

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

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

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

إذا اتبعت الإرشادات الواردة في برنامج Google التعليمي واستخدمت قيمة منفذ العرض width = device-width ، فسيتيح ذلك لصفحتك مطابقة عرض أي جهاز يستخدمه زوار موقعك.

ستسمح إضافة السمة initial-scale = 1 أيضًا لصفحتك بملء الشاشة سواء كان الجهاز رأسيًا أو أفقيًا ، وبالتالي استفد من العرض الكامل للشاشة.

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

استخدم خطًا كبيرًا

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

توصي باستخدام حجم خط أساسي يبلغ 16 بكسل ، مع تحديد أي أحجام خطوط أخرى (مثل الصغيرة والكبيرة) بالنسبة إلى الخط الأساسي. يجب ضبط المسافة العمودية بين السطور على 1.2em.

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

باعد بين الروابط والأزرار

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

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

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

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

لا تستخدم النوافذ المنبثقة بملء الشاشة

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

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

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

قم بإجراء فحص باستخدام أدوات Google

أسهل طريقة للتحقق مرة أخرى مما إذا كان موقعك يحقق جميع الأهداف الصحيحة للتوافق مع الجوّال هو استخدام الأدوات التي قدمتها Google لإجراء فحص.

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

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

الحاجة إلى السرعة

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

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

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

تحتوي PageSpeed ​​Insights من Google على علامة تبويب "الجوال" والتي ستمنح صفحتك تصنيف سرعة للجوال من 100 ، مع نصائح حول كيفية إصلاح العناصر التي قد تؤدي إلى إبطائها.

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

هناك أيضًا Accelerated Mobile Pages ، وهي صفحات ويب الجوال فائقة السرعة من Google والتي تعمل على إصدار مُعاد اختراعه من HTML. يعد إنشاء إصدار AMP من موقعك للجوال طريقة أخرى للتأكد من أنه سريع وسهل الاستخدام للجوّال ، على الرغم من أن العديد من مُحسّنات محرّكات البحث لا يزالون يحجمون عن تنفيذ AMP لعدد من الأسباب. إنه خيار ، ولكنه ليس ضرورة لامتلاك موقع جوال سريع وسهل الاستخدام لـ Google.

___
بقلم ريبيكا سينتانس