موبایل فرندلی چیست ؟ امروزه موتورهای جستجو به وبسایت هایی که براساس اصول ریسپانسیو طراحی شده اهمیت ویژه می دهند. در گذشته گوگل و سایر موتورهای جستجو خیلی به موبایلی نبودن وبسایت ها اهمیت نمی دانند.
اما امروزه اوضاع تغییر کرده است. موتورهای جستجو نه تنها با موبایلی نبودن سایت کنار می آیند بلکه اینگونه وبسایت ها را در نتایج جستجو حذف می کنند.بهتر است بدانید بیش از نیمی کاربران اینترنت ، با موبایل و تبلت در اینترنت گشت و گدار می کنند.
حال که از اهمیت ویژه ریسپانسیو بودن سایت باخبر شدید، به تعریف و توضیح mobile-friendly می پردازیم.
تعریف حالت mobile-friendly
واژه انگلیسی mobile-friendly مفهومی جز تناسب وبسایت ها با انواع رزولوشن های موبایل و تبلت ندارد.
طراحی واکنشگرا برای یک وبسایت بخش مهمی از معیارهای سئو شده است.
موبایل فرندلی چیست؟ Moblie Friendly استاندارد سئو
ابداع کننده استاندارد mobile-friendly
اولین سایتی که بصورت رسمی از پلتفرم mobile-friendly استفاده کرده است، سایت Audi است.
این سایت نیاز مشتریان خود را که عمدتا با موبایل محصولات Audi را دنبال می کردند، حس کرد.
به همین منظور شرکت Audi پایه گذار این استاندارد بصورت حرفه ای بود.
برند این شرکت هم در گسترش پلتفرم مmobile-friendly در بین سایت ها بی تاثیر نبوده است.
وبسایت مرجع W3 منتشرکننده اصلی mobile-friendly
البته سایت رسمی انتشار این استاندارد https://www.w3.org/standards/webdesign/mobilweb بود.
که به تعریف استاندارد طراحی سایت برای موبایل پرداخت. سایت W3 استانداردهای وب را پایه گذاری می کند.
این سایت رفرنس تمام برنامه نویسان وب است و مطلبی که در این سایت تائید شود، میتواند بدون تردید توسط طراحان سایت مورد استفاده قرار بگیرد.
موتورهای جستجو تلاش می کنند، استانداردهای امتیاز دهی صفحات وب را با استاندارد های سایت W3 هم آهنگ کنند.
البته امکان توضیح و آموزش تمام تکنیک های Mobile-friendly قطعا در یک مقاله نمی گنجد.
این مقاله شما عزیزان را با مفهوم mobile-friendly آشنا می نمایید، و اصول کدنویسی ریسپانسیو تدریس نمی شود.
البته شما علاقه مندان می تواند جهت آموزش ریسپانسیو سایت در دوره های کاربردی سایت آموزی ثبت نام نمایید.
استاندارد W3 برای Mobile-friendly
شناخت توانایی ها و محدودیت های تکنولوژی های موبایل و تبلت شما را در طراحی وبسایت موبایلی کمک می کند.
سایت هایی که براساس تکنولوژی های موجود در موبایل طراحی شده، وب سایت های mobile-friendly مینامیم.
آیا سایت ما Mobile-friendly است
برای چک کردن یک سایت میتوانید به آدرس https://search.google.com/test/mobile-friendly مراجعه کنید.
کافی است که به آدرس لینک https://search.google.com/test/mobile-friendly بروید.
و url سایت خود را جهت ارزیابی موبایلی بودن وبسایتتان تست نمایید، اگر وبساییتان موبایلی باشد، با پیغامی مطابق شکل که وبسایت سایت آموزی را تست کردیم مواجه می شوید:
موبایل فرندلی چیست؟ Moblie Friendly استاندارد سئو
روش های تبدیل یک وبسایت به حالت mobile-friendly
برای تبدیل یک سایت به نسخه Mobile-friendly سه راهکار در اختیار دارید.
1- روش ریسپانسیو :
امروزه اکثر منابع از طراحی Mobile first صحبت به میان میآورند. یعنی اینکه طراحی سایت باید بر اساس موبایل انجام شود.
و برای صفحات با اندازه های بزرگتر از مدیا کوئری ها استفاده شود. در طراحی ریسپانسیو در مدیا کوئری ها بر حسب درصد به تگ های تشکلیل دهنده سایت مقدار میدهیم.
مزیت ریسپانسیو متناسب شدن عرض محتوا با هرگونه دستگاه با هر رزولوشنی است.
روش آداپتیو :
در این روش تنها برای اندازه های خاصی از صفحه طراحی صورت می گیرد. این اندازه ها یک استاندارد خاص دارند و صفحه سایت تنها در صورت رسیدن به این اندازه ها تغییر حالت میدهد. در این روش دیگر بصورت درصدی به تگ های HTML اندازه نمی دهیم.
روش AMP :
یک صفحه است که بصورت جداگانه با کدهای خاص خود طراحی می شود. و اگر کاربر با موبایل سایت را باز کند به آن صفحه منتقل میشود.
طراحی َAMP با استاندارد تک صفحه ای ارائه شده است و تبدیل یک سایت نسخه AMP میتواند چالش بزرگی محسوب شود.
CMS موبایل فرندلی چیست
خود CMS ها و تم های که توسط آنها برای طراحی سایت انتخاب میشود، باید Mobile-friendly باشند.
برای اینکه بدانید CMS یا تم انتخابی شما Mobile-friendly است یا خیر، باید به توضیحات موجود در سایت شرکت ارائه دهنده آن مراجعه کنید.
امروزه اکثر سیستم های مدیریت محتوا به شما امکان استفاده از طراحی سایت ریسپانسیو را میدهند.
بهترین CMS ریسپانسیو متن باز و رایگان فعلی در دنیای وب وردپرس است.
بدون دیدگاه