رفع خطای mobile usability

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

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

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

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

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

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

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

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 کنسول گوگل خواهد بود.

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

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

  1. تولید محتوا برای اینستاگرام گفت:

    بسیار نوشته مفیدی هست. با تشکر از شما

  2. حمید گفت:

    سلام
    روز بخیر چندتا گروه تگرامی با 5000
    عضو زدیم خوشحال میشیم عضو بشید
    کانال تلگرامی
    https://t.me/iranwebmaster

    گروه سئو
    https://t.me/iranseogroup

    گروه وبمستری
    https://t.me/webmastersgroup

    گروه هاستینگ
    https://t.me/hostinggap

    گروه وردپرس
    https://t.me/wpirangroup

    گروه استخدامی و مشاغل IT‌.

    https://t.me/karnikajobs

  3. سپیده گفت:

    سلام سایت من مشکل کارایی موبایل رو داره و قرمز هست چطور باید این مشکل رو رفع کنم؟؟؟

    • رضا گفت:

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

  4. Dianna گفت:

    It?s the best time to
    make some plans for the longer term and it is time to be happy.

  5. محمد گفت:

    بهترین مقاله ای که در این زمینه دیدم.برگام ریخت 🙂

  6. SOHEIL گفت:

    سلام عزیز
    مشکل سایت من در وبمستر :
    Text too small to read
    فونت نوشته ها که عالیه واقعا دیگه نمیدونم کجاها رو گوگل ایراد میگیره
    تو ابزار تست انلاینش قالب رسپانسیو بودنشو سبز نشون میده ولی تو وبمستر 8 تا ارور داده

    • رضا گفت:

      سلام
      میتونید با انتخاب see details
      start new validation رو بزنید تا دوباره صفحه مورد نظرتون رو بررسی کنه.
      اگر دوباره این خطارو داشتید باید چک کنید ممکنه قسمتی باشه که از چشم شما دور مونده مثل انکرتکست لینکی که داخل متن نیست یا المان هایی که با iframe گرفتید یا …

  7. joker123 گفت:

    I absolutely love your blog.. Pleasant colors and theme.
    Did you make this site yourself? Please reply back
    as I’m planning to create my own site and would like to find out where you got this from or exactly what
    the theme is called. Kudos!

  8. حسن گفت:

    ببخشید چند هفته ای هست که تعدا کلیک های سایتم اومده پایین اما دلیلش رو نمیدونم!!!!

    • رضا گفت:

      سلام
      چند هفته پیش اوایل سال 2020 میلادی گوگل الگوریتم های خودش را آپدیت کرده و باعث نوسانات شدیدی در برخی سایت ها شده ، باید مشکل سایت رو بررسی کنید و چاره ای براش پیدا کنید.

  9. مرتضی گفت:

    من هم چند روز هست بامشکل ریزش ورودی گوگل مواجه شدم 😢 نمیدونم بایدچکاری انجام بدم هر کس میدونه به من هم بگه

    • رضا گفت:

      برای خیلی ها این مشکل پیش اومده متاسفانه، ما راه کارهایی برای این مشکل پیدا کردیم که به رودی منتشر می کنیم.

  10. ดูหนังใหม่ดูหนัง گفت:

    Have you ever thought about including a little bit more than just your articles?
    I mean, what you say is important and all. However think of
    if you added some great graphics or video clips to give your posts more, “pop”!
    Your content is excellent but with pics and video clips, this blog could undeniably be one of the most beneficial
    in its niche. Very good blog!

  11. farnaz azad گفت:

    خیلی خوب بود
    خیلی بهم کمک کرد مرررسی

  12. hojat amiri گفت:

    اون قسمت سبز رنگ بیاد دیگه مشکل موبایل فرندلی نداریم؟

    • رضا گفت:

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

  13. mr habibi گفت:

    منم ریزش داشته ورودی های گوگلم البته میگن واسه تغییرات و آپدیت گوگله!!!

  14. امید گفت:

    منم همین مشکل رو دارم اگر میشه دقیق تر توضیح بدید.

  15. nasrin گفت:

    چند روز طول می کشه تا خطا هایی که فرمان رفع دادیم درست بشه؟

  16. amber گفت:

    Everything is very open with a precise description of the issues.
    It was truly informative. Your site is useful. Thank you for sharing!

  17. lắp đặt camera chống trộm گفت:

    Hi to all, the contents present at this website are genuinely
    amazing for people knowledge, well, keep up the nice work fellows.

  18. kamran ghasemi گفت:

    سلام من خطای Content wider than screen را در سایتم دارم شما میتونید راهنماییم کنید؟

    • رضا گفت:

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

  19. fleck water softener brine tank full of water گفت:

    Every weekend i used to go to see this site,
    because i wish for enjoyment, for the reason that this this web page conations in fact fastidious funny information too.

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

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