وبلاگ کاسپید

موبایل فرندلی و اهمیت آن در طراحی سایت

موبایل فرندلی و اهمیت آن در طراحی سایت

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

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

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

1-محدود نمودن و حذف پاپ آپ

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

2- استفاده از درصد برای عرض صفحه (Width)

زمانی که از CSS style sheets در صفحه وبسایت خود استفاده می کنید، می توانید عرض عناصری مثل ستون ها یا تصاویر را بر اساس دو چیز اختصاصی کنید: پیکسل یا درصد.

3- از طریق مدیا کوئری (media queries) سایت خود را به موبایل پاسخگو کنید

مدیا کوئری(media queries) می تواند وبسایت شما را نسبت به گوشی های موبایل پاسخگو کند اما ان ها برای تازه کارها مناسب نیستند. اینها تکنیک هایی هستند که در کدگذاری CSS استفاده می شود و به شما اجازه می دهد که علاوه بر عرض صفحه سایت بتوانید شکل محتوا و عناصر پیرامونی را نیز تغییر دهید.

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

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


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

26 مرداد 1397
برخی برند های طرف قرارداد با کاسپید
  • زعفران سحرخیززعفران سحرخیز
  • شرکت نیک کالاشرکت نیک کالا
  • صنایع غذایی مارینصنایع غذایی مارین
  • شرکت تهران داروشرکت تهران دارو
  • شرکت زرین غزال (بستنی دایتی)شرکت زرین غزال (بستنی دایتی)
  • شرکت پاکسانشرکت پاکسان
  • فدراسیون فوتبالفدراسیون فوتبال
  • بیمه رازیبیمه رازی
  • چیچکچیچک
  • بهریزانبهریزان
  • برنج آوازهبرنج آوازه
  • پخش قاسم ایرانپخش قاسم ایران
  • لینا نیکلینا نیک
  • عطر بیکعطر بیک
  • امرسانامرسان
  • صنایع غذایی هانیصنایع غذایی هانی
  • نوین زعفراننوین زعفران
  • صنایع غذایی شام شامصنایع غذایی شام شام
  • شرکت ایران گلابشرکت ایران گلاب
  • هتل مارینا پارک کیشهتل مارینا پارک کیش
  • شرکت ایرانکو (سونی)شرکت ایرانکو (سونی)
  • شرکت ساپکوشرکت ساپکو
  • چینی زرینچینی زرین
  • پمپ ایرانپمپ ایران
  • مارگارینمارگارین
  • صنایع غذایی ب.آصنایع غذایی ب.آ
  • جهان ترابر ماهانجهان ترابر ماهان
  • کیش ایرکیش ایر
  • خانه و آشپزخانهخانه و آشپزخانه
  • پارمیداپارمیدا