معماری
ضعیفبد نیستمتوسطخوبعالی (3 votes, average: 5٫00 out of 5)
Loading...

طراحی واکنشگرا چیست، چه تاثیری در سئو دارد

به نام خداوند جهان آفرین

در نظر داریم طی مقالاتی به سوالات شما کاربران محترم سایت میهن لرن در زمینه های مختلف رشته کامپیوتر که پر تکرار ترین پرسش ها هستند پاسخ دهیم.

مقاله امروز ما بطور کلی در خصوص “طراحی ریسپانسیو” یا “طراحی واکنشگرا” می باشد، بحثی که امروزه به شدت مورد علاقه طراحان وب است.

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

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

اما می دانیم که مهندسان خلاق حوزه نرم افزار تاکنون نشده است دست روی دست بگذارند و بروز نباشند! خصوصا وقتی که ضریب نفوذ گوشی های هوشمند و موبایل ها به اینترنت به شدت رو به افزایش بود و درست بر خلاف گذشته شد که بیشتر دسترسی های به اینترنت با PC بود، این شد که چند سال گذشته به فکر شدند تا راه چاره ای برای این مشکل بیابند، که آن راه حل “Responsive Design” نام دارد یا همان طراحی واکنش گرا که در اول مقاله از آن نام بردیم.

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

Responsive Design چیست

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

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

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

همچنین ببینید

آموزش طراحی وب | HTML5 & CSS3

فیلم آموزش پروژه محور طراحی وب با HTML5 و CSS3 – قسمت 5

به نام آفریننده عشق در دو قسمت پیشین شما با CSS کاملا آشنا شدید و …

پاسخ دهید

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