هرروز به تعداد افرادی که از اینترنت موبایل استفاده می‌کنند افزوده می‌شود، بدین منظور گوگل به وب‌سایت هایی که از فناوری ریسپانسیو در طراحی سایت استفاده می‌کنند، موبایل فرندلی (mobile friendly) می‌گوید، یعنی در این وب‌سایت‌ها هنگامی‌که کاربری از طریق موبایل، تبلت و لپ‌تاپ وارد یک صفحه از وب‌سایت می‌شود، ابعاد سایت متناسب با رزولوشن صفحه‌نمایش کاربر تغییر اندازه می‌دهد.

الگوریتم موبایل فرندلی (mobile friendly) فقط بر نتایج جستجو که از طریق موبایل انجام می‌شود تأثیر دارد. بر اساس این الگوریتم وب‌سایت‌هایی که متناسب با موبایل طراحی نشده‌اند، امتیازشان را در رتبه‌بندی گوگل از دست می‌دهند. ابتدا بهتر است مقاله بهینه سازی ساختار کلی وب سایت را مطالعه کنید، سپس در خصوص راه های موبایل فرندلی وب سایت به بحث و بررسی می پردازیم.

مزایای طراحی سایت ریسپانسیو

طراحی سایت ریسپانسیو به‌طور مستقیم بر فروش شما تأثیرگذار است. مهم‌ترین عامل برای مشتریان، این است که پس از وارد شدن به وب‌سایت شما بتوانند به همه بخش‌های وب‌سایت شما دسترسی داشته باشند. اگر حتی شما بهترین خدمات را ارائه دهید، ولی طراحی سایت شما بهینه‌سازی نشده باشد، نمی‌توانید توجه مشتریان را جلب کنید و قطعاً مشتریان هدف خود را از دست می‌دهید.

به‌منظور موبایل فرندلی بودن (mobile friendly) طراحی سایت، بایستی قالب و استایلی مختص دستگاه‌ های موبایل در سایز و ابعاد مشخص‌ شده طراحی شود. گوگل ابزاری را برای بررسی آنلاین موبایل فرندلی بودن وب سایت، در اختیار وبمستران قرار داده است. شما می‌توانید از طریق صفحه Google Mobile-Friendly Test  از این ابزار به منظور بررسی صفحات سایتها استفاده کنید.

در اینجا می‌خواهیم چند روش مؤثر برای بهبود موبایل فرندلی بودن طراحی سایت را معرفی کنیم.

1- حذف پاپ آپ

صفحاتی از وب سایت که دارای پاپ آپ هستند، به منظور موبایل فرندی بودن مناسب نیستند و محتوای سایت به راحتی در اختیار کاربران قرار نمی گیرد. این موضوع، برای دستگاه‌های موبایل که صفحه ‌نمایش کوچک‌تری دارند، مشکل‌ساز است. استفاده از پاپ آپ سبب خروج کاربر از سایت و در نتیجه تاثیر منفی بر رتبه سایت می شود.

صفحاتی از وب سایت که دارای پاپ آپ هستند، به منظور موبایل فرندلی بودن مناسب نیستند و محتوای سایت به راحتی در اختیار کاربران قرار نمی گیرد. این موضوع، برای دستگاه‌های موبایل که صفحه ‌نمایش کوچک‌تری دارند مشکل‌ساز است. استفاده از پاپ آپ سبب خروج کاربر از سایت و در نتیجه تاثیر منفی بر رتبه سایت می شود.

2- به وسیله مدیا کوئری سایت خود را موبایل فرندلی نمایید.

مدیا کوئری می‌تواند وب‌سایت شما را نسبت به گوشی‌های موبایل پاسخگو کند اما این کار برای افراد تازه‌کار مناسب نیست. این تکنیک در کدگذاری CSS استفاده می‌شود و به شما این امکان را می‌دهد که علاوه بر عرض صفحه سایت بتوانید محتوا و عناصر اطراف آن را نیز تغییر دهید.

3- حذف نوارهای کنار صفحه

برای اینکه کاربران بتوانند به‌راحتی و در زمان کوتاهی به محتوای وب‌سایت شما دسترسی داشته باشند بایستی نسبت به حذف عناصر اضافی و منو های شناور اقدام کنید. در وب‌سایت شما هنگامی‌که عناصر با سرعت‌های متفاوت بارگذاری می‌شود، اگر عناصر اضافی داشته باشید باعث می‌شود تا صفحه سایت درگوشی موبایل به این‌طرف و آن‌طرف بپرد. پس در وب‌سایت موبایل فرندلی بهتر است این عناصر به پایین صفحه منتقل شوند.

توجه داشته باشید که موبایل فرندلی بودن در رنکینگ وب سایت تأثیر بسیار زیادی دارد. بهینه‌سازی سایت به‌منظور بهره‌گیری در موبایل، تبلت و دیگر دستگاه‌ها می‌تواند شانس شما را جهت کسب رتبه در موتورهای جستجو یاری دهد.

4- فرمت فیلم ها

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

5- استفاده از فلش ممنوع

مدت زمانی است که استفاده از فلش در وب‌سایت کنار گذاشته‌شده است ولی هنوز هم برخی کاربران در سایت‌های خود از فایل‌های فلش استفاده می‌کنند. لازم است بدانید که فلش‌ها در موبایل اجرا نخواهد شد. می‌توانید از ویژگی Canvas در HTML5 به همراه جاوا اسکریپت به عنوان جایگزین استفاده کنید.

6-حذف اسلایدرها

اسلایدرهای ریسپانسیو زیادی در بازار هستند ولی در گوشی موبایل به دلیل کوچک بودن صفحه نمایش، اسلایدر جلوه خاصی ندارد و لازم نیست از آن استفاده شود، بنابراین بهتر است آن را با قرار دادن یک عکس ثابت تغییر دهید.

نتیجه گیری