اموزش تست سازگاری صفحه سایت با موبایل

اموزش تست سازگاری صفحه سایت با موبایل با این اموزش خواهید اموخت که چجوری صفحه وبسایت خود را با موبایل همگام سازی کنید و یا تشخیص دهید که ایا صفحه وب شما با نمایش در موبایل سازگاری دارد یا نه.یا پیگیری اخطار (صفحه شما با دستگاه همراه سازگار نیست.)در سرچ گوگل برای وبمستران.

اموزش تصویری تست+اموزش کار+رفع خطا

اموزش کامل رفع ارور در ادامه مطلب

اموزش تست سازگاری صفحه سایت با موبایل

برای اینکار ابتدا روی لینک زیر کلیک کنید.

صفحه تست

بعد از بازکردن ادرس فوق با صفحه زیر روبرو خواهید شد

اموزش تست سازگاری صفحه سایت با موبایل

خب در کادر سفید ادرس سایت و یا فحصه وب مورد نظر خودتان را وارد و روی  run test  کلیک کنید.در صورتی که از شما کد کپچا تصویری خواست به ان پاسخ دهید تا انالیز شرو شود.

ابتدا یک صفحه سازگار با موبایل را در کادر وارد میکنیم.مثل

codebazan.ir

عکس از صفحه انالیز

اموزش تست سازگاری صفحه سایت با موبایل

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

Page is mobile-friendly

اموزش تست سازگاری صفحه سایت با موبایل

حالا یک صفحه ناسازگار با صفحه موبایل در کادر وارد و تست میکنیم.مثل

https://codebazan.ir/Tools/notepad

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

Page is not mobile-friendly

اموزش تست سازگاری صفحه سایت با موبایل

خب ایراد های گرفته شده با علامت ضربدر مشخص شده اند که به ترتیب

۱-لینک ها با فاصله کم از هم تو صفحه وجود داره

۲- متا تگ ویوپورت در هد سایت وجود نداره

۳-اندازه فونت ریزه

خب  حالا شما برای رفع این مشکلات باید چیکار کنید.؟؟

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

تگ زیر را کپی و در هد سایت خود قرار دهید

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

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

بد از قرار دادن متا تگ در هد سایت و حل شدن مشکل روی Submit to Google کلیک کنید تا هر چه سریعتر مشکل شما از صفحه سرچ گوگل رفع گردد.

اموزش تست سازگاری صفحه سایت با موبایل

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

امیدوارم این اموزش کاربردی و مفید واقع شده باشه.

4 Comments

  1. جناب طبرسی من این کد رو تو هدر گذاشتم و فرقی نکرد در حالی که یکی از دو خطای من مشابه شما بود همون سایز متن کوچک
    بنظرتون باید چکار کنم تا خطاها رفع بشه کلا من قالب رو اصلا به همین خاطر ریسپانسیو نبودم و با تلفن همراه سازگار نبودن عوض کردم اما الان این قالب رو میزنه با دو خطا که با موبایل سازگار نیست
    ادرس سیا من جهت تست
    http://1sadrafilm.ir

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

    قالیشویی سعادت اباد

دیدگاهتان را بنویسید

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