رفع خطای mobile usability

روش رفع خطاهای Mobile Usability کنسول جدید گوگل (موبایل فرندلی)

همه آن چیزی که درباره گزارش Mobile Usability وب سایت در کنسول جدید گوگل باید بدانید!

از سال 2018 گوگل توجه ویژه ای به نمایش وب سایت در سایز موبایل نشان داده است. بنابراین باید تمرکز بیشتری روی طراحی سایت رسپانسیو خود داشته باشید.

در این مقاله به بررسی خطاهای مربوط به نمایش سایت در سایز موبایل در کنسول گوگل می پردازیم.

در این مقاله به معرفی بخش های زیر خواهیم پرداخت :

معرفی ابزار گوگل برای تست موبایل فرندلی بودن وب سایت

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

mobile usability رفع خطا

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

اگر با این قسمت آشنایی ندارید حتما این آموزش را بخوانید:

در قسمت Details و تب Type نوع مشکل صفحه مورد نظر را می توانید ببینید. مواردی که گوگل از آن ها به عنوان خطا یاد می کند 4 تا است که در ادامه به بررسی و رفع آن ها می پردازیم.

رفع خطای Viewport not set to “device-width”

با کلیک روی خطای مورد نظر با این عبارت Viewport not set مواجه می شوید که به این معنی است که شما عرض صفحه نمایش را ثابت در نظر گرفتید.

در رسپانسیو کردن وب سایت باید عرض صفحات سایت خود را نسبت به تجهیز مورد استفاده خود تعیین کنید. این تگ به شما کمک می کند تا این خطا را رفع کنید.

  • <meta name=”viewport” content=”width=device-width, initial-scale=1″ >

رفع خطای Content wider than screen

وقتی محتوای صفحه وب شما از عرض صفحه نمایش بیشتر باشد و اسکرول افقی در دیوایس شما دیده شود. برای رفع این خطا معمولا به راحتی می توانید از Css استفاده و مشکل را حل کنید.

رفع خطای Text too small to read

برای رفع این خطا کافیست اندازه فونت صفحه خود را در سایز مربوطه بیشتر کنید تا به راحتی توسط کاربران قابل خواندن باشد.

رفع خطای Clickable elements too close together

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

جزئیات موبایل فرندلی

تست رفع خطاهای Mobile usability

پس از انجام تغییرات خود از قسمت mobile usability روی خطای مورد نظر کلیک کنید در صفحه جدید در قسمت Example روی صفحه ای که مشکلش را حل کردید کلیک کنید.

سمت راست صفحه کوچکی باز می شود، روی TEST LIVE PAGE کلیک کنید تا به صورت آنلاین صفحه را مورد بررسی قرار دهد.

تست آنلاین mobile usability

در صورتی که با عبارت Page is mobile friendly به رنگ سبز مواجه شدید کار تمام است و فقط باید منتظر بمانید تا گوگل دوباره آن صفحه را بررسی کند.

رفع خطا

برای تسریع می توانید به از صفحه جزئیات خطا روی VALIDATE FIX کلیک کنید.

با فسردن این دکمه ربات های گوگل شروع به بررسی صفحه مورد نظر می کنند که معمولا چند روزی طول می کشد و در صورت رفع این خطا تعداد آن صفر و وضعیت به حالت Passed در خواهد آمد.

گوگل برای نمایش وب سایت ها در سایز موبایل اهمیت ویژه ای می دهد اما گستره بررسی هایش وسیع نیست اما سخت گیرانه است.

ابزار های دیگری نیز برای تست وجود دارند، اما اگر هدف شما صرفا گوگل است بهترین ابزار Mobile usability کنسول گوگل خواهد بود.

همچنین بخوانید...!

پاسخی بگذارید

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