سایت ریسپانسیو و واکنش گرا چیست؟

سایت ریسپانسیو چیست؟

[تعداد: 0    میانگین: 0/5]

ریسپانسیو چیست و چرا اهمیت دارد؟ ریسپانسیو به معنی واکنش گرا بودن سایت است، منظور از واکنش گرا بودن وب سایت، تغییر سایز و جایگاه اجزای سایت برای نمایش بهتر در موبایل و تبلت است. اگر وب سایت واکنش گرا نباشد کاربران برای خواندن هر کدام از مطالب سایت باید زوم کنند.

چرا دو سایت طراحی نکنیم؟

کاربران با دستگاه های مختلف ماند: کامپیوتر، لپ تاپ، تبلت، گوشی موبایل و جدید با تلویزیون وارد وب سایت ما می شوند همچنین احتمال اینکه در آینده دستگاه های دیگری نیز ساخته شوند وجود دارد مشکل ها تنها به اینجا ختم نمی شود مثلا برای چندین برند گوشی طراحی میکند و هر کدام از آنها موبایل های با اندازه های متفاوت ساخته اند! عقلانی نیست که برای هر کدام از دستگاه ها، یک وب سایت جدید طراحی کنیم! پس چه راه حلی وجود دارد؟

طراحی سایت ریسپانسیو چیست؟

ریسپانسیو سایت چیست

در طراحی ریسپانسیو ( Responsive Web Design) المان های سایت به صورت شناور طراحی میشوند به همین دلیل عرض صفحه و سایز فونت سایت متناسب با اندازه صفحه نمایش کاربر تنظیم خواهد شد و کاربران با کامپیوتر، لپ تاپ، موبایل، تبلت و تلویزیون های هوشمند میتوانند به راحتی از وب سایت شما استفاد کنند.

آیا سایت ما ریسپانسیو است؟

تست ریسپانسیو

ابرزار مختلفی برای بررسی اینکه وب سایت ما ریسپانسیو هست یا نه وجود دارد. در ادامه این مقاله چند وب سایت معروف برای بررسی رسپانسیوی وب سایت را معرفی خواهیم کرد.

  • responsinator : از خوبی های این وب سایت، نمایش سایت در حالت عمودی و افقی برای معرف ترین گوشی ها و تبلت ها است.
  • responsive design checker : رابطه کاربری ساده و روان این وب سایت جز مزیت های آن به حساب می آید علاوه بر این لسیت کاملی از انواع مانیتور ها تا 10 تا 24 اینچ همچنین میتوانید وب سایت خود را در گوشی های برندهای اپل، سامسونگ، گوگل، ایسوس و سونی ببینید.
  • designmodo : از خوبی های این وب سایت شبکه بندی صفحه نسبت به پیکسل است علاوه بر این در لسیت گوشی ها خود برند شیائومی نیز دیده میشود!
  • inspect مرورگر : کافیست روی صفحه مورد نظرتان کلیک راست کنید و بر روی inspect که آخرین گزینه است کلیک کنید تا بتوانید صفحه مورد نظر را در سایز های مختلف مشاهده کنید با inspect میتوانید ریسپانسیو بودن سایت را حتی در گوشی برندهای الجی و نوکیا بررسی کنید.

آیا طراحی سایت ریسپانسیو در seo سایت تأثیر دارد؟

تاثیر ریسپانسیو سایت در سئو

بله، برای گوگل چند سالی هست که رسپانسیو بودن سایت که با نام mobile friendly در گوگل سرچ کنسول شناخته میشود اهمیت پیداه کرده است و اگر وب سایتی ریسپانسیو نباشد توسط گوگل جریمه میشود و سخت میتواند رتبه خوبی در سرچ کنسول کسب کند.

سایزهای استاندارد صفحه نمایش

سایزهای استاندارد صفحه نمایش دسکتاپ

این عداد حدودی هست و با توجه به برند و مدل مانیتور ممکن است متفاوت با این عداد باشد.

  • مانیتور 24 اینچ 1200*1920 پیکسل
  • مانیتور 23 اینچ 1080*1920 پیکسل
  • مانیتور 22 اینچ 1050*1680 پیکسل
  • مانیتور 20 اینچ 900*1600 پیکسل
  • مانیتور 19 اینچ 900*1440 پیکسل
  • مانیتور 15 اینچ 768*1366 پیکسل
  • مانیتور 13 اینچ 800*1024 پیکسل
  • مانیتور 10 اینچ 600*1024 پیکسل

سایزهای استاندارد صفحه نمایش موبایل

  • 375*667 پیکسل برای آیفون 7، 6s ،6
  • 360*640 پیکسل برای سامسونگ گلکسی 5S ،6S ،7S
  • 736*414 پیکسل برای آیفون 6S plus ،7 plus
  • 731*411 پیکسل برای گوگل پیکسل

مقالات آموزشی

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

امین غلامیمشاهده نوشته ها

امین غلامی هستم از سال 92 برای سایت‌ها و وبلاگ های زیادی مطلب نوشتم از سال 97 در شرکت موبی سافت استخدام شدم و عاشقه بازاریابی محتوایی و از مطالعه، بحث و نوشتن درباره برنامه نویسی لذت می‌برم.

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *