اشتباهات خطرناک در طراحی وب سایت مربوط به کسب و کار
که صاحبان کسب و کارهای کوچک هم به فکر طراحی یک وب سایت برای معرفی کار خود بیفتند. در ادامه به اشتباهات رایجی در زمینه ی مدیریت و طراحی وب سایت اشاره خواهیم داشت که می تواند پیامدهای نامطلوبی داشته باشد. در ادامه با دات بلاگ همراه باشید.
آیا یک طراحی بد و نامناسب برای وب سایت، می تواند کسب و کار شما را مورد تهدید قرار دهد؟ این روزها گزینه های زیادی برای انتخاب قالب وب سایت کسب و کار وجود دارد. از این رو یک انتخاب مناسب کار خیلی سختی است. به همین دلیل ممکن است وسوسه شوید که اولین گزینه را انتخاب کرده و کار را تمام کنید. حال آن که تفاوت وب سایت ها در جزئیات کوچک خود را نشان می دهد.
سه اشتباه خیلی بزرگی که در طراحی یا مدیریت یک وب سایت به وفور دیده می شود، عبارت هستند از: عدم فشرده سازی تصاویر، استفاده نکردن از نوع درست فایل لوگو و استاندارد نبودن چیدمان محتوا. شاید این نکات خیلی ساده به نظر برسند اما هنوز افراد زیادی هستند که آن ها در وب سایت خود لحاظ نمی کنند. در حالی که این سه اشتباه به ظاهر کوچک می تواند به قیمت از دست دادن مشتری و اعتبار شما تمام شود. در ادامه، توضیحات بیشتری در مورد این اشتباهات خواهیم داد: اشتباه اول: عدم فشرده سازی و بهینه ساختن تصاویر
سرعت سایت مسئله ی مهمی است. به طوری که یک ثانیه تاخیر یا سه ثانیه انتظار بیشتر می تواند لطمه های مالی زیادی به شما وارد کند. لینک های ناقص، ریدایرکت ها و عدم استفاده از کش مرورگر می تواند در سرعت سایت ایجاد مشکل کند. مسئله ی دیگری که اغلب نادیده گرفته می شود، اندازه ی تصویر است. بنا به گزارش Radware نزدیک به نیمی از 100 سایت برتر در عرصه ی تجارت الکترونیک، تصاویر خود را فشرده نمی کنند. طبیعی است که هر چه تصاویر حجیم تر باشند، میزان زمان بارگذاری آن ها طولانی تر است.
رفع مشکل ابعاد تصویر را می توان به صورت مستقیم در کد سایت حل کرد. به این ترتیب، زمانی که مرورگر شما برای بارگذاری تصویر نیاز دارد، کم تر خواهد شد. Dynamic Drive و Riot دو ابزار مفید برای بهینه سازی تصاویر حجیم هستند و با اعمال تغییراتی چون حذف رنگ های اضافی، تعیین فرمت مناسب برای عکس و پاک کردن متا دیتاهای زاید، اندازه ی تصویر را کاهش می دهند.
از سال 2015 گوگل برنامه ی آنلاینی با عنوان PageSpeed Insights Tool راه اندازی کرد که سرعت هر سایت را اندازه گیری کرده و ایرادات مربوط به سرعت آن را عنوان می کند. این ایرادات می تواند مربوط به اندازه ی تصاویر یا کدهای مربوط به CSS و جاوا اسکریپت باشد. با توجه به رایگان بودن ابزارهای موجود دیگر هیچ بهانه ای برای حجیم بودن تصاویر پذیرفته نیست!
اشتباه دوم: استفاده از لوگو در قالبی غیر از وکتور
اگر در زمینه ی طراحی تازه وارد هستید، به این نکته توجه کنید که لوگوها مانند تصاویر دارای فرمت های مختلف هستند. "رائول آگاروال" به عنوان یک متخصص مطرح در زمینه ی طراحی لوگو می گوید:
در گرافیک وکتور از خطوط نازک و منحنی وار استفاده شده است. به هر خط یا منحنی می توان یک مقدار رنگ اختصاص داد. بنا بر این تعریف، تصویری که با این گرافیک طراحی شود، قابلیت تغییر در اندازه را برای دفعات متوالی دارد و وضوح آن با این تغییرات، کاهش پیدا نخواهد کرد. به طور حتم وکتورها بهترین ابزار برای طراحی لوگو هستند. کیفیت نمایش آن ها روی صفحه ی تلفن همراه همان وضوح نمایش در تلویزیون 4K را دارند.
یکی دیگر از مزایای استفاده از وکتورها این است که از پیکسل های منفرد خبری نیست و حجم فایل تولید شده بسیار کم خواهد بود. ضمن این که وکتورها قابلیت تبدیل شدن سریع به فرمت png را دارند و همین عامل کمک می کند که برای استفاده در وب سایت بهترین باشند.
اشتباه سوم: استفاده نکردن از چیدمان استاندارد
زندگی را از آنچه که هست برای بازدیدکنندگان خود سخت تر نکنید. گزینه های لازم سایت خود را پنهان نکرده و در فضای درهم و برهم نیز قرار ندهید. بالا و پایین صفحه ی وب سایت جایی است که نوار منوی خود را می توانید قرار دهید. چرا که بازدیدکنندگان انتظار دارند که موارد مورد نظر خود را در این دو جا پیدا کنند. بنا به گزارش Kissmetrics، چیدمان غیر استاندارد باعث کاهش آمار بازدید از صفحات خواهد شد. فراموش نکنید که بازدیدکننده باید بتواند به راحتی محتوای مورد نظر خود را پیدا کند و قرار نیست که مجبور شود تا در وب سایت شما روش جدیدی برای پیدا کردن اطلاعات پیدا کند.
جمع بندی
در سال 2016 مهم ترین اصل برای بهبود سئو در وب سایت، طراحی آن شناخته شده است که عامل غیر قابل چشم پوشی است. لازم نیست که برای راه اندازی کسب و کار کوچک خود هزینه ی زیادی را بابت طراحی وب سایت بپردازید. اما چنانچه در این زمینه تخصصی ندارید حتما با یک کارشناس مشورت کنید. در نهایت، اطمینان حاصل کنید که تصاویر شما در اندازه ی بهینه قرار دارند، فایل لوگوی شما در هر مقیاسی قابل تبدیل است و محتوای سایت خود را با بهترین چیدمان موجود قرار داده اید.
رفع مشکل ابعاد تصویر را می توان به صورت مستقیم در کد سایت حل کرد. به این ترتیب، زمانی که مرورگر شما برای بارگذاری تصویر نیاز دارد، کم تر خواهد شد. Dynamic Drive و Riot دو ابزار مفید برای بهینه سازی تصاویر حجیم هستند و با اعمال تغییراتی چون حذف رنگ های اضافی، تعیین فرمت مناسب برای عکس و پاک کردن متا دیتاهای زاید، اندازه ی تصویر را کاهش می دهند.
از سال 2015 گوگل برنامه ی آنلاینی با عنوان PageSpeed Insights Tool راه اندازی کرد که سرعت هر سایت را اندازه گیری کرده و ایرادات مربوط به سرعت آن را عنوان می کند. این ایرادات می تواند مربوط به اندازه ی تصاویر یا کدهای مربوط به CSS و جاوا اسکریپت باشد. با توجه به رایگان بودن ابزارهای موجود دیگر هیچ بهانه ای برای حجیم بودن تصاویر پذیرفته نیست!
در گرافیک وکتور از خطوط نازک و منحنی وار استفاده شده است. به هر خط یا منحنی می توان یک مقدار رنگ اختصاص داد. بنا بر این تعریف، تصویری که با این گرافیک طراحی شود، قابلیت تغییر در اندازه را برای دفعات متوالی دارد و وضوح آن با این تغییرات، کاهش پیدا نخواهد کرد. به طور حتم وکتورها بهترین ابزار برای طراحی لوگو هستند. کیفیت نمایش آن ها روی صفحه ی تلفن همراه همان وضوح نمایش در تلویزیون 4K را دارند.
یکی دیگر از مزایای استفاده از وکتورها این است که از پیکسل های منفرد خبری نیست و حجم فایل تولید شده بسیار کم خواهد بود. ضمن این که وکتورها قابلیت تبدیل شدن سریع به فرمت png را دارند و همین عامل کمک می کند که برای استفاده در وب سایت بهترین باشند.
زندگی را از آنچه که هست برای بازدیدکنندگان خود سخت تر نکنید. گزینه های لازم سایت خود را پنهان نکرده و در فضای درهم و برهم نیز قرار ندهید. بالا و پایین صفحه ی وب سایت جایی است که نوار منوی خود را می توانید قرار دهید. چرا که بازدیدکنندگان انتظار دارند که موارد مورد نظر خود را در این دو جا پیدا کنند. بنا به گزارش Kissmetrics، چیدمان غیر استاندارد باعث کاهش آمار بازدید از صفحات خواهد شد. فراموش نکنید که بازدیدکننده باید بتواند به راحتی محتوای مورد نظر خود را پیدا کند و قرار نیست که مجبور شود تا در وب سایت شما روش جدیدی برای پیدا کردن اطلاعات پیدا کند.
درباره این مطلب دیدگاهی بنویسید...
آدرس پست الکترونیک شما منتشر نخواهد شد.