فهرست مطالب
اگر سایت در کامپیوتر درست است ولی در گوشی نه، معمولاً علت ریسپانسیو نبودن کامل قالب، عناصری با عرض ثابت، تنظیمات اصلاح‌نشده موبایل در صفحه‌ساز یا کندی روی اینترنت موبایل است. سایت روی صفحه بزرگ طراحی و تست شده، ولی روی صفحه کوچک کسی آن را با دقت بررسی نکرده است. چون بخش بزرگی از مشتری‌ها با گوشی وارد سایت می‌شوند، این مشکل مستقیم روی تماس و فروش اثر دارد.
نویسنده: تیم siloow (سیلو سولوشن) — آخرین به‌روزرسانی: آبان ۱۴۰۵
چرا سایت فقط در گوشی مشکل دارد؟
- قالب یا بخشی از آن برای صفحه کوچک طراحی نشده و چیدمان به‌هم می‌ریزد.
- جدول، تصویر یا بنری با عرض ثابت از صفحه بیرون می‌زند و اسکرول افقی می‌سازد.
- در صفحه‌سازهایی مثل المنتور، تنظیمات موبایل جدا هستند و ممکن است اصلاح نشده باشند.
- پاپ‌آپ یا چت آنلاین روی موبایل بخش بزرگی از صفحه را می‌پوشاند.
- دکمه‌ها و لینک‌ها ریز و نزدیک به هم هستند و با انگشت کلیک نمی‌شوند.
- فایل‌های سنگین روی اینترنت موبایل خیلی کندتر از وای‌فای بارگذاری می‌شوند.
چه کار کنیم؟
- روی چند گوشی واقعی تست کنید. یک گوشی اندروید معمولی و یک آیفون، با اینترنت موبایل؛ صفحه اصلی، خدمات و تماس را باز کنید.
- مشکل‌ها را فهرست کنید. اسکرول افقی، متن ریز، منوی باز نشونده، دکمه غیرقابل‌کلیک و فرم خراب را یادداشت کنید.
- در کامپیوتر با حالت موبایل کروم بررسی کنید. ابزار توسعه‌دهنده را باز کنید و اندازه‌های مختلف را امتحان کنید تا عنصر مقصر را پیدا کنید.
- تنظیمات موبایل صفحه‌ساز را اصلاح کنید. اندازه فونت، فاصله‌ها و ستون‌ها را در نمای موبایل جداگانه تنظیم کنید.
- پاپ‌آپ‌ها را روی موبایل محدود کنید. پاپ‌آپی که کل صفحه را می‌پوشاند هم کاربر را آزار می‌دهد و هم از نظر گوگل تجربه بدی است.
- سرعت موبایل را جدا بسنجید. در PageSpeed Insights نتیجه موبایل را بررسی کنید، نه فقط دسکتاپ.
| نشانه در گوشی | علت محتمل | خودتان یا متخصص؟ |
|---|---|---|
| اسکرول افقی | عنصر با عرض ثابت | اگر جدول یا تصویر است، خودتان؛ اگر قالب است، متخصص |
| متن خیلی ریز یا درشت | تنظیم موبایل صفحه‌ساز | خودتان |
| منو باز نمی‌شود | خطای اسکریپت یا تداخل افزونه | متخصص |
| فرم ارسال نمی‌شود | تداخل اسکریپت یا کپچا | متخصص |
| کندی شدید | تصاویر و اسکریپت‌های سنگین | فشرده‌سازی خودتان، بقیه متخصص |
چرا مشکل موبایل برای گوگل هم مهم است؟
گوگل برای ایندکس و رتبهبندی از نسخه موبایل صفحه‌ها استفاده میکند؛ این روش در راهنمای ایندکس موبایل‌محور گوگل توضیح داده شده است. یعنی اگر محتوایی در نسخه موبایل پنهان، ناقص یا خراب باشد، ممکن است در جستوجو هم دیده نشود. پس اصلاح موبایل فقط به تجربه کاربر مربوط نیست.
از تجربه تیم siloow: در بسیاری از سایت‌های المنتوری که برای بررسی به ما رسیده، طراحی دسکتاپ با دقت انجام شده بود ولی نمای موبایل هیچ‌وقت جداگانه تنظیم نشده بود. اصلاح همین تنظیمات، بدون تغییر قالب، بخش زیادی از مشکلات را حل کرد.
نکته: اگر قالب سایت از پایه ریسپانسیو نیست، وصله‌کاری صفحه‌به‌صفحه ممکن است گران‌تر از تعویض قالب یا بازطراحی تمام شود. قبل از شروع اصلاحات طولانی، این موضوع را بررسی کنید.
اگر سایت روی موبایل کند است، پاسخ چطور بفهمم سایتم برای مشتری‌ها کند باز می‌شود؟ را بخوانید. برای کوتاه کردن مسیر تماس روی گوشی هم مسیر تماس برای مشتری موبایلی را ببینید.
کی بهتر است از متخصص کمک بگیرید؟
اگر منو، فرم یا دکمه‌ها روی موبایل کار نمی‌کنند، اسکرول افقی علت مشخصی ندارد یا قالب از پایه ریسپانسیو نیست، مشکل فنی است و بهتر است متخصص بررسی کند. تغییر کد قالب بدون نسخه پشتیبان ممکن است سایت را از دسترس خارج کند.
اگر می‌خواهید نسخه موبایل سایت شما بررسی و اصلاح شود، فرم تماس siloow را پر کنید؛ تیم ما در اولین فرصت با شما تماس می‌گیرد.
سوالات متداول
از کجا بفهمم سایتم ریسپانسیو است؟
سایت را روی گوشی باز کنید و ببینید آیا اسکرول افقی دارد، متن بدون زوم خوانا است و دکمه‌ها راحت کلیک می‌شوند. در کامپیوتر هم می‌توانید با حالت موبایل ابزار توسعه‌دهنده کروم اندازه‌های مختلف را امتحان کنید.
آیا نسخه جداگانه موبایل لازم است؟
معمولاً نه. روش رایج و توصیهشده، طراحی ریسپانسیو است که یک صفحه را برای همه اندازهها مناسب میکند. نسخه جدا نگهداری را سختتر و احتمال ناهماهنگی را بیشتر میکند.
گوگل نسخه موبایل سایتم را بررسی میکند؟
بله. گوگل برای ایندکس و رتبهبندی از نسخه موبایل صفحه استفاده میکند؛ پس محتوایی که در موبایل پنهان یا خراب است، ممکن است در جستوجو هم اثر منفی داشته باشد.
مشکل
سایت روی کامپیوتر درست است ولی روی گوشی به‌هم‌ریخته، کند یا غیرقابل‌استفاده است
علائم و نشانه‌ها
- اسکرول افقی، متن ریز یا بیرون‌زده، منوی باز نشونده، دکمه‌های غیرقابل‌کلیک، کندی روی موبایل
علت‌های احتمالی
- قالب غیرریسپانسیو، عرض ثابت عناصر، تنظیمات موبایل صفحه‌ساز، پاپ‌آپ‌ها، اسکریپت‌های سنگین
راه‌حل کوتاه
صفحه‌های اصلی را روی چند گوشی واقعی تست کنید، عناصر عریض و تنظیمات موبایل صفحه‌ساز را اصلاح کنید و سرعت موبایل را جداگانه بسنجید.
ابزارهای موردنیاز
- حالت موبایل Chrome DevTools، PageSpeed Insights
