انجمن برنامه نویس

آموزش : طراحی سایت موبایل

شروع موضوع توسط start11 ‏27/11/18 در انجمن طراحی وب (Web Design)

گنجینه های
برنامه نویسی
فیلم های آموزشی
زبان های برنامه نویسی
فیلم های آموزشی
پروژه محور C#
فیلم های آموزشی
برنامه نویسی اندروید
فیلم های آموزشی
طراحی سایت
فیلم های آموزشی
برنامه نویسی پایه
گنجینه برنامه نویسی C# آموزش برنامه نویسی C سیستم مدیریت بانک آموزش اندروید - مقدماتی آموزش زبان HTML اصول و مبانی برنامه نویسی
گنجینه آموزش ASP .Net آموزش برنامه نویسی C++‎ پیاده سازی مدیریت آتلیه آموزش اندروید - تکمیلی آموزش زبان CSS آموزش الگوریتم و فلوچارت
گنجینه برنامه نویسی PHP آموزش برنامه نویسی C# پیاده سازی سیستم هتلداری آموزش اندروید - پیشرفته آموزش زبان Java Script آموزش تبدیل فلوچارت به کد
گنجینه آموزش طراحی وب آموزش برنامه نویسی جاوا شبیه سازی دستگاه عابربانک آموزش ساخت لیست ایمیل آموزش زبان jQury برنامه نویسی اسمال بیسیک
گنجینه برنامه نویسی متلب آموزش برنامه نویسی PHP پیاده سازی مدیریت آموزشگاه آموزش ساخت گالری تصاویر آموزش زبان XML آموزش برنامه نویسی اسمبلی
گنجینه برنامه نویسی اندروید آموزش برنامه نویسی پایتون پیاده سازی سیستم صدور بلیت آموزش کنترل ربات با اندروید آموزش طراحی Responsive طراحی سایت ویژه کودکان
گنجینه برنامه نویسی VB .Net آموزش برنامه نویسی اندروید پیاده سازی سیستم نوبت دهی آموزش ارتباط با دیتابیس سرور ساخت سایت خبری کدنویسی سریع با Emmet
گنجینه زبان های برنامه نویسی آموزش برنامه نویسی زبان R سیستم حسابداری و انبارداری زبان بیسیک فور اندروید (B4A) ساخت سایت فروشگاه آموزش کار با پایگاه داده
  1. start11
    karbar Rank

    تاریخ عضویت:
    ‏20/5/17
    ارسال ها:
    61
    تشکر شده:
    0
    امتیاز دستاورد:
    10
    جنسیت:
    زن
    طراحی سایت موبایل
    هک رشد طراحی سایت فروشگاهی طراحی سایت اختصاصی طراحی سایت حرفه ای طراحی سایت نسخه موبایل، بر روی سئو و بهینه سازی سایت تأثیر زیادی دارد. تحقیقات نشان داده که تقریبا 20 درصد از کاربران وب را از طریق موبایل نگاه می کنند به همین دلیل باید سایتی مخصوص موبایل طراحی کرد تا مرور سایت توسط مرورگر موبایل مناسب باشد.

    اصول طراحی سایت موبایل
    این نکته را باید به یاد داشته باشید سایتی که برای سیستم های کامپیوتری طراحی می شود برای موبایل مناسب نیست زیرا قواعد طراحی سایت برای کامپیوتر بر مبنای استانداردهای کامپیوتر طراحی و راه اندازی شده است.
    مرورگرهای موبایل برای دیدن مطالب با حجم پایین ایجاد شده اند بناربراین در طراحی سایت موبایل باید به حجم صفحه و میزان اطلاعات دقت نمایید و سایت را در پایین ترین حجم طراحی کنید.
    شرکت طراحی سایت کاپ در اینجا اصول و قواعدی را برای طراحی سایت موبایل معرفی کرده است:
    در طراحی سایت از cssاستفاده کنید و تا جایی که امکان دارد سعی کنید از جداول استفاده نکنید.
    بهتر است کدنویسی سایت را بر اساس XMLو XHTMLانجام داده باشید. برای کاراکتر ست ازUTF-8استفاده کنید.
    سایت را طوری طراحی کنید که در نسخه های مختلف عرض موبایل به خوبی پیاده سازی شود.
    از تصاویر پس زمینه استفاده نکنید زیرا ممکن است خوانایی مطالب را از بین ببرد. از گرافیک های کوچک در سایت استفاده کنید و تا جایی که امکان دارد گرافیک کمتری استفاده کنید.
    فرم ها را از طریق رادیو و چک باکس ها طراحی کنید.
    در طراحی فرم ها فیلدهای فرم را حداقل طراحی کنید و داده های ثبت شده کاربر را برای دفعه های بعدی در سیستم ثبت نمایید.


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

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