انتخاب برگه

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

طراحی سایت با وردپرس

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

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

اهمیت ریسپانسیو بودن سایت

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

تست ریسپانسیو بودن سایت به چه شکل است؟

1-شما می توانید یک سایت را با کامپیوتر چک کنید، سپس همان را با موبایل یا تبلت چک کنید؛ تا متوجه شوید که وب سایت
مدنظر در دستگاه های متفاوت چگونه نمایش داده می شود.
۲ -کافی است در کامپیوتر، مرورگر را کوچک و بزرگ کنید و ببینید که سایت شما به اندازه های متفاوت صفحه نمایش، واکنش
های مناسبی نشان می دهد یا خیر. برای کوچک و بزرگ صفحه، کافی است اشاره گر ماوس را در لبه های پنجره مرورگر
قرار دهید و اندازه صفحه را تغییر دهید.
۳ -در مرورگر ُکروم کلیک راست کرده، گزینه inspect را بزنید تا DevTools Chrome نمایش داده شود. سپس آیکن را
انتخاب کنید تا toolbar device باز شود.
می توانید کلیدهای ترکیبی I + Shift + Ctrl را بزنید تا DevTools Chrome باز شود. سپس M + Shift + Ctrl را
جهت باز شدن toolbar device بفشارید.
در این حالت می توانید نحوه نمایش سایت در دسکتاپ، تبلت و موبایل را تست کنید.
در مرورگر موزیال فایرفاکس نیز این قابلیت وجود دارد.

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

ریسپانسیو کردن سایت چگونه انجام می شود؟

طراح قالب، بعد از آماده سازی صفحات )یا همزمان با آن( کارهای ریسپانسیو کردن صفحات را شروع می کند. برای طراحی
سایت های ریسپانسیو، فریم ورک های زیادی وجود دارد؛ از جمله ، Materialize ، Foundation ، Bootstrap
… و Semantic UI
قبل از ظهور فریم ورک های نامبرده، از Query Media ها و استایل دهی به css استفاده می شد که وقت گیر بوده است. با
تنظیم Query Media برای سایزهای متفاوت صفحه نمایش، باز هم ممکن بود که یک صفحه نمایش با سایز خاص از قلم
افتاده باشد و برای آن، ریسپانسیو صورت نگرفته باشد.
امروزه اکثر قالب های وردپرس، جومال و سایر CMS ها ریسپانسیو هستند؛ چرا که سایتی که ریسپانسیو نشده باشد، اصول
اولیه طراحی را زیر پا گذاشته است. از دید گوگل هم سایتی که با دستگاه های مختلف سازگار نشده باشد، امتیاز منفی دارد.