این مرحله وب سایت شما را به اندازه مناسب برای موبایل کاهش می دهد. با کلیک بر روی آن می توانید دستگاه های مختلف تلفن هوشمند محبوب را تست کنید ابعاد: پاسخگو منوی کشویی را انتخاب کنید و دستگاهی را که میخواهید برای موبایل دوستی بررسی کنید انتخاب کنید. تصویر زیر را ببینید.
تنها راه برای دریافت پاسخ، اجرای یک تست سازگار با موبایل است. در زیر، با تجزیه و تحلیل سازگاری با موبایل با ابزارهای رایگان در دسترس برای بهینهسازی وبسایت، نحوه بررسی اینکه آیا یک وبسایت سازگار با موبایل است، خواهید یافت.
در زیر هر یک از این امتیازات، لیستی از مشکلاتی را مشاهده خواهید کرد که مانع از کسب امتیاز کامل 100 می شوند. اگر سایت شما آنطور که باید عملکرد خوبی ندارد، به آدرس فرصت ها و روی هر فرصتی کلیک کنید تا پیشنهادات و دستورالعمل های مفیدی را در مورد بهبود این ناحیه از وب سایت خود نشان دهید.
اگر مشکلاتی وجود داشته باشد که بر قابلیت استفاده از تلفن همراه تأثیر بگذارد، آنها را در پایین این صفحه خواهید دید. کنسول جستجوی گوگل تمام مشکلات را فهرست می کند و به شما نشان می دهد که چند صفحه تحت تأثیر آن مشکل قرار گرفته اند.
همانطور که در تصویر زیر می بینید، وب سایت SEO Chatter به خوبی به اندازه صفحه نمایش موبایل پاسخ می دهد. منوی تلفن همراه ظاهر می شود و محتوا بدون هیچ مشکلی متناسب با صفحه نمایش است.
اشاره کوتاه: برای صرفه جویی در زمان، می توانید با فشار دادن به ابزارهای توسعه دهنده در Google Chrome و Mozilla Firefox دسترسی پیدا کنید CTRL + SHIFT + C در ویندوز و Cmd + SHIFT + C در macOS
3. از Google Mobile-Friendly Test استفاده کنید
همانطور که متوجه شدید، چهار راه اصلی برای بررسی سازگاری یک وبسایت برای موبایل وجود دارد، از جمله مرورگر و تست دستی دستگاه، ابزارهای توسعهدهنده کروم و فایرفاکس، ابزار تست سازگار با موبایل Google، کنسول جستجو، و PageSpeed Insights. که همه آنها روشهای رایگانی برای تجزیه و تحلیل دوستی تلفن همراه برای کاربران و SEO هستند.
اگر میپرسید «آیا وبسایت من برای موبایل مناسب است؟»، این راهنما میتواند کمک کند.
سپس میتوانید این فرآیند را در هر دستگاه تلفن هوشمند یا تبلتی که دارید تکرار کنید تا بررسی همه چیز را تأیید کنید. سایت را روی مرورگرهای تلفن همراه تست کنید و به یاد داشته باشید که جهت گیری افقی و عمودی صفحه را نیز برای بررسی سازگاری با موبایل تست کنید.
در اینجا تصویری با امتیاز نمونه برای Accessibility آمده است:
عواملی مانند بزرگترین رنگ متنی (LCP)، تاخیر ورودی اول (FID)، تغییر چیدمان تجمعی (CLS)، اولین رنگ متنی (FCP)، تعامل با رنگ بعدی (INP) و زمان تا اولین بایت (TTFB) همگی یک نقش در عملکرد سرعت موبایل
خوشبختانه، ابزار Google PageSpeed Insights بخشهای فرصتها و تشخیصها را ارائه میکند که هر گونه مشکل یا زمینههای بهبود را برای دستگاههای تلفن همراه (و دسکتاپ) نشان میدهد. مسائل مربوط به عملکرد نیز در مقیاس 100 در زمینه های حیاتی مانند دسترسی، عملکرد، بهترین روش ها و بهینه سازی موتورهای جستجو رتبه بندی می شوند.
ساده ترین راه برای آزمایش عملکرد سایت در موبایل، ابزار PageSpeed Insights Google است. ابزار را با رفتن به باز کنید pagespeed.web.dev/. سپس URL خود را وارد کرده و کلیک کنید تجزیه و تحلیل.
در اینجا، تجزیه و تحلیل داده های مهم سرعت صفحه را دریافت خواهید کرد که آنچه را که Google Core Web Vitals نامیده می شود، همانطور که در تصویر زیر می بینید، تشکیل می دهند.
امیدوارم از این راهنما در پاسخ به این سوال لذت برده باشید، “آیا وب سایت من موبایل فرندلی است؟”
از روشهای موجود در این صفحه استفاده کنید تا به سرعت بفهمید که آیا وبسایت شما برای کاربران و خزندههای موتورهای جستجو، که فاکتورهای مهمی برای بهینهسازی موتورهای جستجو (SEO) هستند، سازگاری با موبایل دارد یا خیر.
چگونه بررسی کنیم که آیا یک وب سایت برای موبایل مناسب است یا خیر
1. از تست مرورگر و دستگاه استفاده کنید
ساده ترین راه برای بررسی اینکه آیا وب سایت شما سازگار با موبایل است یا خیر این است که آن را برای هر گونه مشکل طراحی واکنشگرا که ظاهراً می تواند بر سئوی موبایل تأثیر بگذارد، با باز کردن سایت در دستگاه های مختلف و مشاهده ظاهر آن، آزمایش کنید.
هر دو گوگل کروم و موزیلا فایرفاکس دارای ویژگی های تست موبایل هستند که به شما امکان می دهد نحوه ظاهر و عملکرد سایت خود را در دستگاه های تلفن همراه بررسی کنید.
در اینجا یک تصویر نمونه وجود دارد که بخشهای فرصتها و تشخیصها را نشان میدهد.
خلاصه چک دوستانه وب سایت برای موبایل
در فایرفاکس، روند تقریباً یکسان است. روی > Inspect > Responsive Design Mode کلیک راست کنید.
باز هم، این یک منوی کشویی به شما می دهد که می توانید از آن برای تست پاسخگویی وب سایت خود در انواع دستگاه های مختلف همانطور که در تصویر زیر مشاهده می کنید استفاده کنید.
پس از چند لحظه، گوگل بررسی می کند که آیا سایت شما برای موبایل مناسب است یا خیر. اگر اینطور باشد، یک علامت سبز رنگ با عبارت «صفحه قابل استفاده در تلفن همراه است» مانند این مشاهده خواهید کرد:
این مرحله ابزارهای توسعه دهنده کروم را نشان می دهد. در اینجا، روی نمادی که مانند دو مستطیل روی هم افتاده در سمت چپ به نظر می رسد، کلیک کنید عناصر برای جابجایی در نوار ابزار دستگاه.
ابزارهای توسعه دهنده فایرفاکس و کروم نیز به شما این امکان را می دهند که عملکرد سایت خود را در سرعت های شبکه چندگانه آزمایش کنید. این می تواند برای کمک به شما برای اطمینان از عملکرد ثابت بدون توجه به اینکه آیا کاربران تلفن همراه شما به WiFi متصل هستند یا از طرح داده تلفن همراه خود استفاده می کنند بسیار ارزشمند باشد.
اگر اینطور نیست، یک نماد هشدار قرمز رنگ با عبارت «صفحه در تلفن همراه قابل استفاده نیست» را مانند تصویر زیر مشاهده خواهید کرد.
4. از کنسول جستجوی گوگل استفاده کنید
همانطور که در تصویر زیر می بینید، تمام صفحات وب در این مثال سازگار با موبایل هستند، بنابراین کنسول جستجوی گوگل هیچ صفحه آسیب دیده را برای هر مشکل نشان می دهد، اگرچه ممکن است صفحه شما متفاوت باشد.
5. از PageSpeed Insights برای تست عملکرد استفاده کنید
همچنین گزینه ای برای بررسی تنظیمات مختلف Device Pixel Ratio (DPR) و آزمایش سایت خود در جهت افقی صفحه بدون نیاز به تغییر اندازه دستی مرورگر وجود دارد. روی آیکونی که در تصویر زیر می بینید کلیک کنید.
در کروم، روی صفحه کلیک راست کرده و انتخاب کنید بازرسی کنید همانطور که در تصویر زیر مشاهده می شود.
اگر یک سایت سازگار با موبایل دارید، تمام محتوا و ویژگی های خود را بدون نیاز به بزرگنمایی یا پیمایش افقی در دستگاه تلفن همراه یا رایانه رومیزی خواهید دید. اما، اگر وبسایت کاملاً سازگار با موبایل نباشد، سایت شما مطابق با پنجره مرورگر تغییر سایز تنظیم نمیشود، به این معنی که زمان آن رسیده است که برای اصلاح طراحی واکنشگرا اقدام کنید.
2. از ابزارهای توسعه دهنده کروم و فایرفاکس استفاده کنید
این ویژگی سازگاری با موبایل را می توان با کلیک بر روی آن بررسی کرد بدون گلوگاه منوی کشویی و انتخاب سرعت شبکه
استفان هاکمن یک کارآفرین و بنیانگذار SEO Chatter است. او در بهینه سازی موتورهای جستجو و بازاریابی دیجیتال تخصص دارد و از سال 2005 مجذوب سئو شده است. هدف او به اشتراک گذاشتن بهترین نکات و اخبار در مورد بازاریابی موتورهای جستجو است تا به شما کمک کند ترافیک وب سایت بیشتری داشته باشید.
منبع: https://seochatter.com/is-my-website-mobile-friendly/
طراحی و عملکرد تنها عواملی نیستند که تعیین میکنند آیا وبسایت شما برای موبایل مناسب است یا خیر. صفحات شما میتوانند واکنشگرا باشند و در هر دستگاه و مرورگری عالی به نظر برسند، و همه ویژگیها میتوانند از نظر فنی کار کنند، اما اگر بارگیری برای همیشه طول بکشد، تجربه کاربری ضعیفی ایجاد میکند.
بر کسی پوشیده نیست که گوگل سازگاری با موبایل را به عنوان یک فاکتور اصلی رتبه بندی می داند. و ابزار رایگان تست موبایل پسند میتواند به شما امکان دهد به سرعت تست کنید که آیا Google سایت شما را کاملاً پاسخگو میبیند یا خیر.
ابتدا باید وب سایت را روی رایانه رومیزی بارگیری کنید و آن را در کروم، فایرفاکس و سافاری بررسی کنید. با کشیدن اندازه سمت راست صفحه به سمت چپ، اندازه مرورگر را تنظیم کنید تا اندازه یک دستگاه تلفن همراه را نشان دهد. این به شما امکان می دهد تا نحوه سازگاری سایت شما با پرس و جوهای مختلف رسانه CSS برای اندازه صفحه نمایش را آزمایش کنید.
باز کن کنسول جستجوی گوگل و به سمت آن حرکت کنید تجربه صفحه همانطور که در تصویر زیر می بینید، برگه را انتخاب کنید.
بازدید کنید search.google.com/test/mobile-friendly، سپس آدرس وب سایت خود را در فضای ارائه شده وارد کنید و روی Test URL ضربه بزنید. تصویر زیر نشان می دهد که چگونه این مرحله به نظر می رسد.
کنسول جستجوی گوگل به دلایل مختلف یک ابزار ارزشمند سئو است، به خصوص به این دلیل که می تواند بینش ارزشمندی در مورد قابلیت استفاده از تلفن همراه سایت شما ارائه دهد. شما باید وب سایت خود را به این سرویس رایگان متصل کنید تا از این مرحله استفاده کنید تا متوجه شوید که آیا وب سایت شما سازگار با موبایل است یا خیر.
بلافاصله یک نمای کلی از تعداد صفحات سایت شما ارائه می شود که تجربه کاربری خوبی را در دستگاه های تلفن همراه ارائه می دهند. سپس میتوانید روی قابلیت استفاده از تلفن همراه ضربه بزنید تا بینش بیشتری در مورد موبایل دوستی وبسایت خود کسب کنید.