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

طراحی ریسپانسیو رویکردی برای ساختن وب‌سایت‌هایی است که در آن یک چیدمان به‌جای نگهداری از سایت‌های تلفن همراه و دسک‌تاپ مجزا، با هر اندازه صفحه‌ای - تلفن، تبلت یا دسکتاپ - سازگار است.

تعریف دقیق

این به شبکه‌های سیال، تصاویر انعطاف‌پذیر، و پرسش‌های رسانه CSS متکی است که محتوا را بر اساس عرض درگاه دید مرتب می‌کند. همان URL همان HTML را به هر دستگاهی ارائه می‌کند، دقیقاً به همین دلیل است که Google طراحی واکنش‌گرا را بر روی گزینه‌هایی مانند زیردامنه‌های m-dot جداگانه توصیه می‌کند: بدون URLs تکراری، بدون تغییر مسیر، یک صفحه برای خزیدن. تحت نمایه سازی موبایل اول، Google عمدتاً رندر موبایل سایت شما را ارزیابی می‌کند.

مثال

سایت یک رستوران ایرانی منوی سه ستونی را روی دسکتاپ نشان می‌دهد. در تلفن، ستون‌ها به صورت عمودی روی هم چیده می‌شوند، فونت افزایش می‌یابد، و اهداف ضربه‌ای بزرگ می‌شوند. یک پایگاه کد، یک URL، قابل خواندن در همه جا.

چرا اهمیت دارد

با توجه به اکثر ترافیک وب ایرانی در موبایل و Google ایندکس کردن موبایل-اول، یک سایت واکنش‌گرا مبنایی برای استفاده و رتبه‌بندی است.