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


ابزارهای موبایلی دو نوع می باشند که در زیر به تشریح آنها می پردازم:


Smartphones: گوشی هایی با مرورگرهایی که قابلیت نمایش وب سایت های تحت کامپیوتر را دارند, حداقل حداکثر موارد موجود در صفحه. این دسته بندی شامل مواردی می باشند که HTML5 را پشتیبانی می نمایند, و با سیستم هایی نظیر Android-based و iPhones سازگاری دارند.
Feature phones: گوشی هایی که قادر به نمایش صفحات قابل نمایش در کامپیوترهای معمولی نیستند. این ابزارها مرورگرهایی دارند که از cHTML (iMode), WML, WAP پشتیبانی می نمایند.
در این دسته بندی تبلت ها نیامده زیرا که تبلت ها معمولا در نمایش صفحات وب سایت معمولی به صورت کامپیوتر معمولی عمل می نمایند تا موبایل. البته سایز رزولوشن تبلت ها نیز متفاوت می باشد که می توان وب سایت را مناسب کلیه سایزهای صفحه طراحی نمود.


برای طراحی نسخه موبایلی وب سایت سه روش داریم که در زیر بیان می نمایم:


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