مشخصات فنی طراحی وب سایت
نکاتی که باید در طراحی سایت به آنها دقت کنیم .
ابتدا باید به دو نکته مهم در طراحی وب‌سایت توجه کنیم .
تمام نکات و اصول مهم طراحی سایت را میتوان زیر مجموعه‌ای از این دو نکته دانست .
اما این دو نکته مهم طراحی سایت چه هستند ؟
یک – تجربۀ کاربری ( User Experience ) ارائه تجربه کاربری خوب ( به اصطلاح UX )
این عبارت به حس و تجربه کاربر از وب سایت شما اشاره دارد .
شما باید وب سایت خود را از زاویه نگاه کاربر ببینید و کاری کنید که تجربه او لذت بخش باشد .
مطمئن شوید که کاربر راحت میتواند از وب سایت شما استفاده کند، دسترسی به بخش های مهم وب سایت به سادگی ممکن است، همه متن ها واضح و قابل فهم هستند، وب سایت شما از لحاظ بصری زیباست و …
دو – سئو ( SEO )
سئو یعنی شما سایت خود را به نحوی بسازید که بتواند رتبه های بالایی را در گوگل (و سایر موتورهای جستجوگر) به دست آورد .
این کلمه مخفف Search Engine Optimization یا همان بهینه سازی سایت برای موتورهای جستجو است .
روزانه میلیون‌ها جستجو در اینترنت انجام میشود که بخش قابل توجهی آنها از طریق گوگل است .
این جستجوها بسیار متفاوت هستند و قطعاً بخشی از آنها، در حیطه کاری شماست .
برای مثال اگر شما یک فروشگاه اینترنتی موبایل داشته باشید، قطعاً کسی که عبارت “خرید موبایل” را جستجو میکند، برایتان یک کاربر ایده‌آل محسوب میشود .
حضور در گوگل میتواند یک راه عالی برای افزایش بازدید و فروش سایت شما باشد .
در درجه اول لازم است وب سایت شما تمام استانداردها و اصولی که برای موتورهای جستجوگر مهم است را رعایت کند .
همانطور که دیدیم، برای یک طراحی ول سایت خوب شما هم باید کاربران را در نظر بگیرید و هم موتورهای جستجوگر را ، اما به هیچ وجه فکر نکنید که این دو مورد از هم جدا هستند .
در واقع هر چقدر تجربه کاربری سایت شما بهتر باشد، طبیعتاً در نتایج جستجوهای گوگل نیز رتبه بهتری خواهید داشت .
13 ویژگی و نکته که در طراحی سایت مهم هستند
رعایت این نکات و اصول در طراحی سایت باعث میشود وب سایت شما تاثیر بسیار بهتری بر روی مخاطبان بگذارد و رتبه های بهتری را نیز در گوگل بدست بیاورد .
1 – سرعت بالای وب‌سایت (Page Speed)
کاربران وب سایت شما تنها یک چیز برایشان مهم است؛ رسیدن به مطلب دلخواه در کسری از ثانیه!
زمانی که کاربر مجبور باشد خیلی منتظر نمایش سایت شما بماند، هیچ بعید نیست که صفحه شما را ببندد و به سراغ یک سایت دیگر برود. این موضوع همچنین تاثیری مستقیم در رتبه سایت شما در گوگل خواهد داشت.
2 – ریسپانسیو بودن (Responsive) یا واکنش گرایی سایت
ریسپانسیو بودن بدین معنی است که سایت شما خودش را با تمام اندازه‌های صفحه (کامپیوتر، تبلت و گوشی همراه) تطبیق دهد. این ویژگی کمک میکند که هر کسی با هر دستگاهی به راحتی بتواند از سایت شما استفاده کند .
در سال 2015 بود که گوگل اعلام کرد جستجوهای انجام شده با موبایل بیش از 50% کل جستجوهای گوگل را شامل می‌شوند .
یعنی اکثر کاربران شما با گوشی به سراغتان می‌آیند .
پس بسیار مهم است که سایت خود را برای گوشی‌های موبایل آماده کنید. البته مساله فقط کاربران نیستند. وقتی که کاربری از طریق گوشی در گوگل جستجو میکند، رتبه‌های برتر برای سایت‌هایی خواهد بود که ریسپانسیو هستند، چرا که استفاده از آنها برای کاربر گوشی راحت‌تر است .
پس ریسپانسیو بودن روی ترافیک سایت شما از گوگل هم تاثیرگذار خواهد بود .
بیشتر بخوانید : ریسپاسیو موبایل
3 – داینامیک (Dynamic) بودن وب سایت
زمانی که وب سایت شما داینامیک باشد، بخش‌های مختلف آن به یکدیگر متصل هستند .
یعنی مثلاً زمانی که شما یک مقاله جدید در وبلاگ خود منتشر میکنید، این مقاله در صفحه اصلی سایت شما نیز نمایش داده میشود .
وقتی که سایت شما داینامیک باشد، توسعه آن راحت است ، اما اگر سایت شما استاتیک (غیر داینامیک) باشد، آن وقت افزودن امکانات جدید، وبلاگ‌نویسی و … چندان راحت نخواهد بود.
4 – داشتن قسمت وبلاگ یا مجله در وب سایت
وقتی شما در سایت خود مطالب آموزشی در زمینه کسب و کارتان داشته باشد، کاربران راحت‌تر به شما اعتماد می‌کنند ، زیرا آگاه سازی انجام داده اید .
5 – طراحی ظاهری سایت (User Interface)
ظاهر سایت شما اهمیت بسیاری دارد. ظاهر اولین چیزی است که توجه کاربران را به خود جلب میکند و میتواند تاثیر قابل توجهی روی آنها داشته باشد. پس باید توجه ویژه‌ای به آن داشته باشید.
اگر ظاهر وب‌سایت مجذوبتان کند و طراحی گرافیکی آن را دوست داشته باشید، به این معنی است که وقت بیشتری را در آن صرف خواهید کرد. ظاهر سایت با کلمه User Interface
(یا به اصطلاح UI) هم گفته میشود .
6 – کدنویسی تمیز قالب سایت
آخرین مساله‌ای که خوب است به آن توجه داشت، کدنویسی قالب است .
هر چقدر که یک قالب تمیزتر و بهتر نوشته شود، توسعه آن راحت‌تر خواهد بود و با اشکالات کمتری روبرو میشود. به علاوه کدنویسی خوب و رعایت اصول درست باعث داشتن رتبه بهتری در گوگل هم میشود .
اصطلاحا برنامه نویس خوش خط باشد .
7 – استفاده از عکس در پس زمینه سایت
به موضوع رنگبندی، انتخاب فونت و نوع نگارش دقت کنید. باید دقت کنید علاوه بر صفحه اصلی، سایر صفحات هم از طراحی کار آمدی برخوردار باشند .
چون بسیاری از بازدیدکننده‌ها، مستقیما به آن صفحات هدایت می‌شوند . پیوند دادن به صفحه اصلی، در تمام صفحات فرعی، موضوع مهمی هست .
یک پیشنهاد مناسب این است که شما صفحه اول خود را شلوغ نکنید .
سعی کنید یک دید کلی از سایتتان به کاربر دهید و سپس سعی کنید آن را به سمت صفحات دیگر راهنمایی نمائید .
8 – یک صفحه با عنوان منوی سایت طراحی کنید
صفحه ی منوی سایت که با عنوان نقشه سایت نیز عنوان می شود ،
( همانند نقشه سایت بهسون )
می تواند یک راهنمای بسیار خوب برای کاربران سایت شما باشد. در طراحی منو و زیرمنو سعی کنید از یک ساختار درختی استفاده کنید
بگونه ای که بخش های مهم سایت بطور واضح در آن مشخص شده باشد و صفحات مربوط به هر کدام از بخشها به صورت زیر مجموعه آن بخش نمایش داده شوند .
9 – از بکار بردن فریم پرهیز کنید
تا جایی که امکان دارد سعی کنید از بکار بردن فریم در طراحی وب سایتتان پرهیز کنید.
اکثر مرورگرهای رایج با نمایش فریم ها مشکل دارند و ممکن است کاربران هنگامی که در صفحه مقابل خود با چندین اسکرول بار مختلف روبرو می شوند به طور کامل گیج شوند !
10 – وب سایت خود را با مرورگرهای مختلف در دنیای وب تطابق دهید
وب سایت شما نباید تنها باید برای مرورگر شرکت مایکروسافت طراحی شود .
متاسفانه از آنجا که طراحی وب سایتی که در تمام مرورگرها به درستی نمایش داده شود کار ساده ای نیست، بیشتر طراحان وب آن را نادیده می گیرند.
اما این مسئله روز به روز از اهمیت بالاتری برخوردار می شود، زیرا کابران دیگر مرورگرها (مانند کروم و یا فایرفاکس) در حال افزایش هستند.
باید مطمئن شوید که وب سایتی که برای شما طراحی خواهد شد با همه مرورگرهای مطرح از قبیل نگارش های مختلف Internet Expelorer ، FireFox، Opera و … کار کند و دارای ظاهر و کارکردی یکسان در تمام آنها باشد.
11 – فونت استفاده شده در سایت مناسب باشد
شما در سایت خود از مطالب زیادی استفاده می کنید حالا تجسم کنید که اندازه و نوع فونت استفاده شده در سایت شما مناسب نباشد و کاربران در حال خواندن مطالب شما آزرده شوند .
تجربه نشان داده است که مدت زمان استفاده از سایت توسط کاربر با فونت و رنگبندی سایت در ارتباط است .
تمام تلاش مدیران سایت این می باشد که تجربه خوبی به کاربران بدهند پس باید در این مورد وسواس بیشتری به خرج دهید .
12 – ادبيات توليد محتوا
در سايت هاى مختلف ادبيات توليد محتوا متفاوت است. يك سايت علمى با يك سايت شخصى، اگر ادبيات مختلفى را در نگارش مطالب اينترنتى خود رعايت نكنند،
اثربخشى رسانه اى آنها در دنياى وب كاهش مى يابد .
13 – استفاده از CTA یا ” “Call To Action
اگر به سایتهای موفق تجارت الکترونیک یا ارائه دهنده خدمات الکترونیک نگاه کنید،
متوجه خواهید شد که آنها از CTA در صورت لزوم استفاده کرده اند .
از کاربردی ترین CTAها میتوان به “همین الان بخرید” ، “همکاری با ما” و … اشاره کرد .
از CTA برای انجام اهداف از پیش تعیین شده استفاده میشود که کاربر را برای انجام کاری تشویق میکند .
با اجتناب از 18 عامل زیر میتوانید از بروز مشکلات احتمالی در طراحی سایت پیشگیری نمایید :
۱) گذاشتن عکس خود در صفحه اصلی
با وجود آن که عکس شما یک نوع خوش امدگویی به بازدیدکنندگان شمار می‌آید، برخی کارشناسان عقیده دارند،
این عکس، دلیل حضور بازدیدکنندگان را در وب سایت شما کم رنگ میکند .
2) زیاده روی در پخش قطعات دیداری و شنیداری
این مورد شامل هر قطعه‌ی دیدنی و شنیدنی میشود. از یک طرف تصاویر متحرک گیج کننده در صفحه‌ی اصلی و از طرف دیگر هر نوع عکس، از مشتریان سایت گرفته تا موارد مشابه .
یک کلام : گمراه شدن از مسیر فعالیت‌های حرفه‌ای است .
گذشته از این، بارگذاری موسیقی‌های پرزرق برق و پر سر و صدا مدت زیادی طول می‌کشد و همین امر، بازدید کنندگان وب سایت شما را فراری می‌دهد .
3) وجود گزینه‌های گیج‌کننده‌ی فراوان
به شما حق می‌دهم، چرا که می‌خواهید صفحات و مطالب گوناگون زیادی به بازدیدکنندگان وب سایت خود ارایه دهید .
اما ساختار سایت باید به اندازه‌ی کافی ساده باشد، تا بازدیدکنندگان گیج و سر در گم نشوند .
۴) اطلاعاتی که ممکن است به حریم شخصی افراد و مسایل امنیتی لطمه وارد کند
البته این مساله تا حد زیادی به ماهیت وب سایت ، شغل و کنارآمدن شما با قضایا بستگی دارد .
در هر صورت ضروری است، که مطالب سایت خود را خوب بررسی کنید، تا اطلاعاتی که به مسایل شخصی و مسایل امنیتی لطمه وارد میکند، و همچنین مورد علاقه‌ی هکرها است در آن موجود نباشد .
در ابتدایی ترین مراحل، باید از گذاشتن عکس‌ها، آدرس‌های ایمیل و جزییات شخصی کارکنان در وب سایت خودداری کنید .
حتی در انتشار اطلاعات درباره‌ی تولیدات، کارشناسان وب، توصیه می‌کنند، فقط از نکاتی که مشتریان را به خرید ترغیب میکند؛
استفاده کنید و نه نکاتی که اطلاعات شرکت را به خارج انتقال دهد .
سعی کنید، در اسرع وقت از یک کارشناس وب یا یک وکیل استفاده کنید، تا نکاتی که امکان سوء استفاده از آنها در وب سایت وجود دارد را بررسی کند .
۵) گذاشتن اطلاعاتی در وب سایت که به سود رقبای شما باشد
مسئولین بخش برنامه‌ریزی اطلاعات یک سایت، باید مانند سارقان فکر کنند .
به این ترتیب، احتمال این که این افراد، برنامه‌های اطلاعاتی را طراحی کنند که مورد علاقه‌ی رقیبان سایت باشد، از بین می‌رود .
برخی بخش‌های اطلاعاتی در نوع خود بی‌ضرر هستند، اما در ترکیب با یکدیگر، می توانند مطالب زیادی را درباره‌ی فعالیت‌های شغلی، شرکای استراتژیک، مشتری‌هاو ساختار درونی سازمان شما آشکار سازند .
۶) سخنان نامفهوم و کلمات فنی پیچیده
هدف اصلی بیشتر وب سایتها آگاه ساختن مشتریان از نحوه فعالیت‌های سایت و چگونگی ارائه خدمات و تولیدات به مشتریان است .
وقتی در طراحی وب سایت خود از زبانی فنی یا اصطلاحاتی نامفهوم استفاده میکنید به طوری که اکثر مردم از درک آنها عاجزند در حقیقت به کار بیهوده‌ای دست زده‌اید .
از بیانی شیوا و مستقیم استفاده کنید .
استفاده از کلمات پیچیده یا زیاده گویی در اینترنت امری عادی است. اما این مسأله با صداقت، کیفیت محصولات و درستکاری فعالیت‌های شما مغایرت دارد .
۷) مطالبی که شغل شما را بهتر از آنچه که هست نشان می‌دهند
مطمئناَ قصد شما فروش اجناس از طریق وب است .
اما بازاریابی ( فوت و فن فروش و تعاریف اظهار نظرهای مشتریان ) که بیشتر از آگاهی دادن و جذب مردم به لاف زدن می‌پردازد؛ فقط بازدید کنندگان را فراری می‌دهد .
۸) مکان‌های گفتگوی بدون نظارت
اگر قصد دارید یک محیط گفتگو ایجاد کنید، از یک ناظر برای پذیرفتن موارد احتمالی استفاده کنید به این ترتیب از هرز نامه‌ها، درخواست‌های خلاف عرف، نقض حریم امنیتی و سایر دردسرها دوری میکنید .
۹) لینک‌های به درد نخور و مطالب قدیمی
هیچ چیز به اندازه اطلاعات نامربوط و قدیمی بازدید کنندگان وب سایت را گمراه نمی‌کند .
همین اتفاق در مورد لینک‌هایی صادق است که افراد را به صفحات غلط هدایت میکند. به طور منظم طراحی وب سایت خود را بررسی کرده و لینک‌های تغییر یافته و از رده خارج را شناسایی کنید .
۱۰) لينك هاى اىميل در مكان نامناسب
اىميل بايد كاملا برجسته و مشخص و در مكان هاى مناسب بوده و از لينك هاى معمول صفحه تفكيك شود .
۱۱) نبود بيوگرافى در سايت ها
عدم وجود بيوگرافى باعث ايجاد جو عدم اطمينان در خوانندگان مى شود. يك about us كامل، روشن كننده خيلى از حقايق است .
اين مسئله در سايت هاى صنعتى و تجارى براى مخاطبان از ارزش بسزايى برخوردار است .
۱۲) ساختارهاى تبليغاتى
كاربران معمولا از مشاهده ساختارهاى تبليغاتى خوددارى مى كنند .
۱۴) عدم استفاده از لينك هاى متعدد براى رسيدن به صفحات خاص
كاربران مايل به استفاده مكرر از لينك ها براى رسيدن به هدف نيستند .
۱۵) کاهش لينك به سايت هاى ديگر
به دليل فلسفه و ساختار متفاوت طراحى در سايت هاى مختلف، نبايد تعداد لينك هاى خارج از سايت زياد باشند. رعایت اين مسئله رتبه سايت شما را در سيستم رتبه بندى موتورهاى جست وجو افزايش مى دهد!
۱۶) بروزرسانی اطلاعات قديمى در سايت
وجود اطلاعات قدیمی باعث كاهش اعتبار و ارزش سايت مى شوند .
17 ) ایجاد اعتماد در مخاطب
ایجاد اعتماد در مخاطب بسیار مهم است که باید در طراحی و راه اندازی سایتها به آن توجه شود .
اگر شما ارائه دهنده خدمات اینترنتی هستید یا یک فروشگاه اینترنتی دارید به این اعتماد نیاز بیشتری پیدا میکنید .
برای مثال یک فروشگاه اینترنتی میتواند با ارائه خدماتی همچون بازگشت کالا، حمل نقل رایگان و … حس اطمینان در مخاطب ایجاد کند
و یک تجربه خوب همراه با آرامش را از خرید در ذهن مشتری باقی گذارد .
با بهره گیری از تجارب مثبتی که مشتریان در خرید یا استفاده از خدمات سایت شما بدست آورده اند و همچنین توصیفاتشان اعتماد به سایت شما بوجود خواهد آمد .
18 ) قانون 5 ثانیه ای
به یاد داشته باشید که شما فقط 5 ثانیه فرصت دارید تا اهداف و کلیات سایت و محتوای خود را به مخاطب معرفی و مخاطب را جذب نمایید .
دکمه back پراستفاده ترین دکمه در فضای وب است اگر شما پاسخگوی نیازهای مخاطب و بازدیدکننده نباشید
و مخاطب هنگام ورود به سایت شما دچار سردرگمی شود او با کلیک روی دکمه back بلافاصله از سایت شما خارج خواهد شد .
مطمئن شوید که سایت شما خصوصیاتی دارد که سریع و بدون فوت وقت، چیزی که مخاطب به دنبال آن به سایت شما آمده را در اختیار او قرار می دهد
تا او انگیزه ای برای باقی ماندن در سایت شما داشته باشد .