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

چقدر از زمان خود را در روز در وب میگذرانیم و چقدر از این زمان را توسط موبایل و تبلت هایمان انجام میدهیم؟

وقتی به آمار و ارقام استفاده کاربران از تلفن های هوشمند و تبلت ها نگاهی بیاندازیم اهمیت داشتن یک وب سایت ریسپانسیو را بهتر درک میکنیم

• ۸۰ درصد کاربران اینترنت یک تلفن های هوشمند دارند
• ۴۸ درصد کاربران موتورهای جستجو از تلفن های هوشمند برای جستجو کردن عبارت ها استفاده میکنند
• ۵۰ درصد از کاربران تلفن های هوشمند بعد از بیدار شدن بلافاصله از گوشی خود استفاده میکنند
• گوگل: ۶۱ درصد از کاربران وقتی با موبایل خود به وب سایت مشکل داری بر میخورند دیگر به آن سایت سر نمیزنند و ۴۰ درصد از آنها از سایت رقبا بازدید میکنند
• ۷۹ درصد از کاربران از موبایل برای چک کردن ایمیل خود استفاده میکنند

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

 

ریسپانسیو به معنی واکنشگرا است. یعنی با توجه به دستگاهی که ما برای بازدید از وب سایت استفاده میکنیم ( واکنش نشان داده ) استایل های مورد نظر را اعمال میکند.

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

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

میتوانیم با کمک روش هایی که وجود دارد آن قسمت را کاملا از صفحه حذف کنیم.

در گذشته برای اینکار با استفاده از زبان های سمت سرور دستگاه طرف را شناسایی کرده و فایل های مورد نظر را جهت نمایش به مرورگر کاربر ارسال میکردند

اما با پیشرفت css این کار به کمک آن و با استفاده از media query ها عرض مرورگر کاربر مشخص و کدهای از پیش نوشته شده به صفحه اعمال میشود.

که روش بهینه تر و توصیه شده توسط گوگل و دیگران است.

مزایای طراحی سایت به روش ریسپانسیو

• ترافیک بیشتر از سمت دستگاه های موبایل و تبلت
• به دلیل ارتباط بهتر از با دستگاه های کوچکتر و نگه داشتن کاربران مبایل ها که باعث کاهش نرخ پرش سایت میشود.
• نیاز نیست دو نسخه متفاوت از سایت را بسازیم یکی برای مبایل و دیگری برای دسکتاپ (هزینه ها کاهش میابد و سرعت توسعه سایت بالا میرود)
• تجربه کاربری مناسب جذب تمام کاربران

موتورهای جستجو و طراحی ریسپانسیو

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