ایجاد یک وب سایت که به خوبی روی موبایل کار می کند آسان نیست، اما یک کار ممکن است. تا زمانی که سایت خود را قبل از ارسال تأیید کنید، دلیلی وجود ندارد که کاربران تلفن همراه تجربه خوبی نداشته باشند. با این حال، ممکن است تعجب کنید که کدام عناصر بیشتر به توجه شما نیاز دارند.
در این آموزش ، ما لیستی ساده از معیارهای سایت شما را به شما ارائه خواهیم داد. در این صورت ، احتمالاً کاربران شما تجربه موبایل بسیار خوبی خواهند داشت و در غیر این صورت ، ما به شما خواهیم گفت که چگونه چیزها را تغییر دهید. بیایید با نقطه شماره یک شروع کنیم!
1 - وب سایت خود را با وضوح چندگانه آزمایش کنید
یکی از مهمترین موارد در مورد سایت های موبایل این است که به نظر نمی رسد سایت شما نسخه کوچک شده نسخه دسکتاپ باشد. این بدان معنی است که هر یک از عناصر شما باید به دنبال وضوح چندگانه باشد.
از طرف دیگر، اگر هیچ یک از عناصر شما در موبایل به خوبی نشان داده نمی شوند، این می تواند بر نرخ پرش شما تأثیر منفی بگذارد. کار هوشمندانه این است که خود را آزمایش کنید وب سایت از قبل روی چندین رزولوشن و ببینید که آیا همه چیز به درستی نمایش داده می شود.
خوشبختانه، این فرآیند آنقدرها که به نظر می رسد پیچیده نیست و برای انجام آن نیازی به داشتن چندین دستگاه ندارید. خدمات زیادی وجود دارد که به شما امکان می دهد همه چیز را به سرعت آزمایش کنید وب سایت در رزولوشن های مختلف، مانند:
ابزارهای توسعهدهنده Chrome : این ویژگی مرورگر داخلی Chrome شامل یک نوار ابزار دستگاه است که می توانید با استفاده از آن سایت خود را در چندین وضوح آزمایش کنید.
خدمات مانند Screenfly et BrowserStack : این خدمات شخص ثالث به شما امکان می دهد سایت خود را با وضوح بسیار گسترده ای از وضوح مورد آزمایش قرار دهید.
همه ابزارهایی که ذکر کردیم رایگان هستند ، بنابراین بودجه نباید مسئله ساز شود و هیچ بهانه ای برای رد شدن از این مرحله وجود ندارد!
2 - اطمینان حاصل کنید که منوها و پیمایش در صفحه های کوچکتر نمایش داده می شوند
در بیشتر موارد، منوها ابزار اصلی پیمایش برای شما هستند آخرین بازدید. اگر روی لینک‌های شما به سختی می‌توان روی رزولوشن‌های کوچکتر کلیک کرد یا خواند، بر قابلیت استفاده تأثیر می‌گذارد. علاوه بر این، شما همچنین می‌خواهید که همه آیتم‌های منو بدون در نظر گرفتن دستگاهی که برای پیمایش استفاده می‌کنید، به راحتی در دسترس باشند.
با توجه به این نکته ، بیایید چند قدم برداریم تا مطمئن شویم که وقتی زمان تست منوهای تلفن همراه خود است ، چیزی را از دست ندهید:
- بررسی کنید که همه موارد منو قابل مشاهده باشد.
- اطمینان حاصل کنید که هر پیوند مطابقت دارد و زیرمنه ها تو در تو هستند.
- بررسی کنید که می توانید هر مورد از منو را بخوانید و روی آن کلیک کنید.
بیشتر مضامین مدرن وردپرس به طور خودکار منوهای پاسخگو را برای شما ایجاد می کنند. اگر در سایت خود با این جنبه مشکل دارید ، باید تغییر موضوع را در نظر بگیرید.
3 - خوب بودن تصاویر را با وضوح کوچک بررسی کنید
تصاویر بخش مهمی از همه چیز هستند وب سایت، اما گاهی اوقات گرافیک شما ممکن است در بهترین وضوح نباشد. به عنوان مثال، اگر زمانی که شخصی از طریق موبایل به سایت شما دسترسی پیدا می کند، لوگوی شما قابل خواندن نباشد، این امر به وضوح بر تصویر برند شما تأثیر می گذارد.
در بیشتر موارد ، مردم بیشتر نگران "تحریف" تصاویر خود هستند ، اما مقیاس بندی نیز می تواند یک مسئله باشد. ممکن است همه تصاویر کوچک نباشند تا برای هر رزولوشن عالی باشند ، اما مراحلی وجود دارد که می توانید برای کم کردن مشکل ایجاد کنید:
تلاش های خود را بر روی تصاویری که برای نام تجاری شما مهم هستند تمرکز کنید.
به دنبال گزینه های مقیاس پذیر برای انواع تصاویر محبوب مانند SVG باشید.
هر زمان ممکن است ، تصاویر بهتر بریده شده را انتخاب کنید ، بنابراین در اندازه های کوچکتر بهتر جا می شوند.
تا زمانی که این نکات را به خاطر بسپارید ، باید خوب عمل کنید. فقط به یاد داشته باشید که وقتی صحبت از تصاویر بسیار پیچیده مانند گرافیک رایانه می شود ، ممکن است نتوانید آنها را در وضوح پایین به طور کامل مقیاس بندی کنید.
4 - محتوای خود را برای قابلیت خواندن تست کنید
یکی از جنبه هایی که بیشتر بر قابلیت استفاده از دستگاه های تلفن همراه تأثیر می گذارد ، خوانایی است. هنگام کار با فاکتور فرم کوچکتر ، باید این کار را جبران کنید و مطمئن شوید که متن شما با وجود اندازه کوچک صفحه ها ، به جای اینکه فقط قلم را کاهش دهد ، همچنان نمایش داده می شود. هدف در اینجا ساده است: کاربران شما برای خواندن مطالب شما مجبور به بزرگنمایی نیستند. به هر حال ، این دستور العمل مناسبی برای آزار دادن کاربر است.
خوشبختانه ، خوانایی جنبه ای برای پرداختن به آن ساده است:
- یک قلم پایه انتخاب کنید که برای مطالب بسیار خوانا باشد.
- هر وقت ممکن است از زیرنویس ها استفاده کنید تا محتوای خود را در بخش هایی که به راحتی قابل خواندن هستند ، تجزیه کنید.
- به سراغ موضوعی بروید که به شما امکان کنترل بیشتر بر نحوه نمایش متن خود را بدهد.
با توجه به نکته آخر ما ، بسیاری از تم های مدرن باید گزینه مورد نظر خود را به شما پیشنهاد دهند.
همه این نکات است ، امیدوارم که آنها به شما در بهینه سازی وبلاگ های دستگاه های تلفن همراه کمک کنند. اگر سوالی دارید ، از پرسیدن آنها دریغ نکنید.
