موبایل فرندلی چیست؟ | Moblie Friendly
در این مقاله از سایت آموزی قصد داریم جهت استفاده شما همراهان همیشگی به بررسی مفهوم موبایل فرندلی ( Moblie-Friendly ) و اهمیت آن در ارتقای سئوی وبسایت ها بپردازیم. با ما همراه باشید.
مقدمه مقاله Mobile-friendly
امروزه موتورهای جستجو به وبسایت هایی که براساس اصول ریسپانسیو طراحی شده اهمیت ویژه می دهند.
در گذشته گوگل و سایر موتورهای جستجو خیلی به موبایلی نبودن وبسایت ها اهمیت نمی دانند.
اما امروزه اوضاع تغییر کرده است. موتورهای جستجو نه تنها با موبایلی نبودن سایت کنار می آیند بلکه اینگونه وبسایت ها را در نتایج جستجو حذف می کنند.
بهتر است بدانید بیش از نیمی کاربران اینترنت ، با موبایل و تبلت در اینترنت گشت و گدار می کنند.
حال که از اهمیت ویژه ریسپانسیو بودن سایت باخبر شدید، به تعریف و توضیح mobile-friendly می پردازیم.
تعریف حالت mobile-friendly
واژه انگلیسی mobile-friendly مفهومی جز تناسب وبسایت ها با انواع رزولوشن های موبایل و تبلت ندارد.
طراحی واکنشگرا برای یک وبسایت بخش مهمی از معیارهای سئو شده است.
ابداع کننده استاندارد mobile-friendly
اولین سایتی که بصورت رسمی از پلتفرم mobile-friendly استفاده کرده است، سایت Audi است.
این سایت نیاز مشتریان خود را که عمدتا با موبایل محصولات Audi را دنبال می کردند، حس کرد.
به همین منظور شرکت Audi پایه گذار این استاندارد بصورت حرفه ای بود.
برند این شرکت هم در گسترش پلتفرم مmobile-friendly در بین سایت ها بی تاثیر نبوده است.
وبسایت مرجع W3 منتشرکننده اصلی موبایل فرندلی
البته سایت رسمی انتشار این استاندارد https://www.w3.org/standards/webdesign/mobilweb بود.
که به تعریف استاندارد طراحی سایت برای موبایل پرداخت. سایت W3 استانداردهای وب را پایه گذاری می کند.
این سایت رفرنس تمام برنامه نویسان وب است و مطلبی که در این سایت تائید شود، میتواند بدون تردید توسط طراحان سایت مورد استفاده قرار بگیرد.
موتورهای جستجو تلاش می کنند، استانداردهای امتیاز دهی صفحات وب را با استاندارد های سایت W3 هم آهنگ کنند.
البته امکان توضیح و آموزش تمام تکنیک های Mobile-friendly قطعا در یک مقاله نمی گنجد.
این مقاله شما عزیزان را با مفهوم mobile-friendly آشنا می نمایید، و اصول کدنویسی ریسپانسیو تدریس نمی شود.
البته شما علاقه مندان می تواند جهت آموزش ریسپانسیو سایت در دوره های کاربردی سایت آموزی ثبت نام نمایید.
استاندارد W3 برای موبایل فرندلی
شناخت توانایی ها و محدودیت های تکنولوژی های موبایل و تبلت شما را در طراحی وبسایت موبایلی کمک می کند.
سایت هایی که براساس تکنولوژی های موجود در موبایل طراحی شده، وب سایت های 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 اندازه نمی دهیم.
برای متخصص شدن در طراحی سایت فروشگاهی با وردپرس روی لینک زیر کلیک کن و تو دوره ثبت نام کن:
دوره فوق حرفه ای طراحی سایت فروشگاهی با وردپرس پروژه محور
برای متخصص شدن در طراحی بخش Front End سایت روی لینک زیر کلیک کن و تو دوره ثبت نام کن:
دوره فوق حرفه ای آموزش طراحی سایت با HTML5 و CSS3 و jQuery
برای متخصص شدن در بهینه سازی و سئوی سایت روی لینک زیر کلیک کن و تو دوره ثبت نام کن:
دوره آموزش سئو محتوا کاملا حرفه ای براساس آخرین آپدیت های گوگل
روش AMP :
یک صفحه است که بصورت جداگانه با کدهای خاص خود طراحی می شود. و اگر کاربر با موبایل سایت را باز کند به آن صفحه منتقل میشود.
طراحی َAMP با استاندارد تک صفحه ای ارائه شده است و تبدیل یک سایت نسخه AMP میتواند چالش بزرگی محسوب شود.
CMS های موبایل فرندلی
خود CMS ها و تم های که توسط آنها برای طراحی سایت انتخاب میشود، باید Mobile-friendly باشند.
برای اینکه بدانید CMS یا تم انتخابی شما Mobile friendly است یا خیر، باید به توضیحات موجود در سایت شرکت ارائه دهنده آن مراجعه کنید.
امروزه اکثر سیستم های مدیریت محتوا به شما امکان استفاده از طراحی سایت ریسپانسیو را میدهند.
بهترین CMS ریسپانسیو متن باز و رایگان فعلی در دنیای وب وردپرس است.
موبایل فرندلی چیست؟ | استانداردهای Moblie Friendly سئو – اختصاصی سایت آموزی
درباره سایت آموزی
علیرضا ابراهیمی - بنیانگذار وبسایت آموزشی سایت آموزی ، 8 سال سابقه فعالیت حرفه ای در زمینه طراحی سایت ، سئو ، سابقه تدریس اغلب زبان های برنامه نویسی تحت وب ، محقق و تحلیلگر ساختارهای توسعه دهنده وب
نوشته های بیشتر از سایت آموزی
دیدگاهتان را بنویسید