گزارش Mobile Usability در گوگل سرچ کنسول

گزارش Mobile Usability در گوگل سرچ کنسول

در گزارش Mobile Usability صفحاتی که از نظر موبایل فرندلی بودن دارای ایراد باشند به شما نمایش داده می شوند. همان طور که در تصویر بعد مشاهده می کنید، در این گزارش، تعداد ایرادهای مربوط به Mobile Frienldy بودن صفحات به صورت نمودار نمایش داده می شود. نمودار به رنگ قرمز بیانگر صفحات دارای ایراد موبایل فرندلی و نمودار سبز بیانگر صفحات بدون ایراد موبایل فرندلی هستند.

گزارش Mobile usability در گوگل سرچ کنسول
گزارش Mobile usability در گوگل سرچ کنسول

گوگل در گزارش موبایل فرندلی علاوه بر نمودار، لیست ایرادها را نیز به صورت تفکیک شده به شما نمایش می دهد و شما می توانید با کلیک بر روی هر کدام از ایراد ها، لیست صفحاتی که دارای آن ایراد هستند را مشاهده کنید.

جزئیات گزارش Mobile usability
جزئیات گزارش Mobile usability
  • ارور Clickable elements too close together

این ارور هنگامی نمایش داده می شود که المان های قابل کلیک مانند آیکون شبکه های اجتماعی و یا آیتم های موجود در منوها خیلی به یکدیگر نزدیک باشند و این احتمال وجود داشته باشد که هنگامی که کاربر قصد دارد روی یک المان کلیک (تاچ) کند، روی المان دیگری تاچ شود. بنابراین تلاش کنید که المان ها از یکدیگر فاصله معقولی داشته باشند.

ابعداد توصیه شده touch element در موبایل
ابعداد توصیه شده touch element در موبایل

جهت جلوگیری از بروز این ارور، تلاش کنید که بین همه المان ها دست کم 8 پیکسل از نظر افقی و عمودی فاصله وجود داشته باشد و touch element ها دست کم دارای عرض و ارتفاع 48 پیکسل (معادل 9 میلی متر) باشند که تقریبا برابر با اندازه انگشت انسان خواهد بود. در صورتیکه به عنوان مثال یک آیکون با عرض 24 پیکسل داشتید، می توانید در اطراف آن padding با پهنای 10 پیکسل در نظر بگیرید که در نهایت به همان عرض المان 48 برسید.

  • ارور Content wider than Screen

این ارور برای صفحاتی نمایش داده می شود که عرض آنها از عرض صفحه نمایش موبایل بیشتر باشد و کاربر برای دیدن همه قسمت های صفحه مجبور به Zoom out باشد. این ایراد یکی از مشکلات رایج در قالب سایت ها است.

  • Uses incompatible plugins

این ارور هنگامی نمایش داده می شود که از پلاگین هایی مانند Flash که بسیاری از دستگاه ها از آن پشتیبانی نمی کنند در صفحه استفاده شده باشد. تلاش کنید که از این قبیل افزونه ها استفاده نکنید و از امکانات HTML5 استفاده کنید.

  • ارور Text too small to read

اگر اندازه فونت متن های استفاده شده در صفحات برای کاربران موبایل کوچک باشد و کاربر برای خواندن متن توسط موبایل نیاز به Zoom in داشته باشد، در گزارش Mobile Usability سرچ کنسول با ارور Text too small to read مواجه خواهید شد. تلاش کنید که کوچکترین سایز فونت استفاده شده در صفحات موبایل 16px یا معادل آن باشد.

  • ارور Viewport not set

ارور Viewport not set معمولا به دلیل پهن تر بودن عرض سایت از عرض صفحه نمایش به دلیل عدم وجود متا viewport صحیح در <head> نمایش داده می شود.

در تصویر زیر شاهد هستید که اگر viewport صحیح برای یک صفحه وجود نداشته باشد، آن صفحه در موبایل به صورت غیر صحیح نمایش داده می شود و کاربر برای خواندن محتوا، مجبور به زوم کردن روی صفحه است.

مقایسه وجود یا عدم وجود viewport در صفحه
مقایسه وجود یا عدم وجود viewport در صفحه
  • Viewport not set to “device-width”

این ارور هنگامی نمایش داده می شود که متا Viewport در <head> وجود داشته باشد ولی عرض ثابت برای آن تعریف شده باشد که باعث عدم تغییر عرض صفحه در وسایل مختلف مانند انواع موبایل و تبلت و دسکتاپ خواهد شد. جهت برطرف کردن این ارور، از متای زیر استفاده کنید:

<meta name="viewport" content="width=device-width, initial-scale=1">

همان طور که گفته شد، زمانی که روی یکی از ایرادها مانند Content wider than screen کلیک می کنید، در صفحه بعد، لیست صفحات دارای همان ایراد را مشاهده خواهید کرد و در صورتیکه مشکل را برطرف کرده اید می توانید در همان صفحه با کلیک بر روی دکمه VALIDATE FIX به سرچ کنسول اعلام کنید که مشکل برطرف شده است. سپس سرچ کنسول آن صفحات را در نوبت بررسی مجدد قرار می دهد و اگر برطرف شدن مشکل صفحات مورد تایید سرچ کنسول باشد، همانند تصویر قبل، کلمه Passed را در ستون Validation در روبروی ایراد مربوطه نمایش می دهد.

Mobile usability validation
Mobile usability validation

برای تست صفحات از نظر موبایل فرندلی بودن می توانید از ابزار تست موبایل فرندلی گوگل به آدرس زیر استفاده کنید:

https://search.google.com/test/mobile-friendly

همچنین جهت بررسی صفحات با user-agent موبایل گوگل می توانید از ابزار URL inspection در سرچ کنسول استفاده کنید.

با توجه به اهمیت موبایل فرندلی بودن صفحات در محاسبه رنکینگ جستجوهای انجام شده با موبایل، تلاش کنید که جهت سئوی اصولی، هیچ ایرادی در گزارش Mobile Usability نداشته باشید و ایرادهای احتمالی را در اسرع وقت برطرف نمایید.

همچنین می توانید در گزارش Search Analytics سرچ کنسول با استفاده از فیلتر دستگاه، ورودی های ارگانیک سایت از طریق موبایل را فیلتر و یا آن را با ورودی های ارگانیک از طریق دسکتاپ مقایسه کنید.

دیدگاه و سوالات خود را با ما در میان بگذارید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *