10 ویژگی یک سایت حرفه ای با استاندارد خارجی

1.وب سایت در PageSpeed Insights گوگل امتیاز 90 تا 100 داردیکی از فاکتور های مهم در الگوریتم گوگل سرعت صفحه شماست و اگر در آن موفق نباشید احتمال زیاد در صفحه اول گوگل نخواهید دید صفحه خود را. پریدن کاربر از صفحه ای به صفحه دیگر در رنکینگ سایت شما تاثیر خواهد گذاشت و اگر سرعت لود وب سایت شما خوب باشد باز دید کنندگان بیشتری خواهید داشت.اگر عکس زیاد دارید در صفحه سعی کنید تعداد عکس ها کمتر شود و فایل های css خود را Minify کنید.اگر عکس کوچکی دارید در صفحه مثل آیکون مطمئن شوید اندازه باشد و عکس بسیار اندازه بزرگ تری نداشته باشد.از عکس های بسیار بزرگ خودداری کنید و اندازه آن را کمتر کنید. استفاده از ویدیو حداکثر یک ویدیو در صفحه باشد. و حتی سعی کنید از ویدیو استفاده نکنید مگر در توضیح دادن.امتیاز از 70 تا 90 معمولی خوب است و از 90 تا 100 عالی.2.سایت در تست ریسپانسیو بودن گوگل موفق استسایت اسنپ فوداستفاده از میدیا کوئری ترجیح داده می شود به بوتسترپ Bootstrap چون کار حرفه ای تری است و آزادی کار بیشتر است. گرچه ریسپانسیو کردن سایت کار سختی است اما اگر سایت شما responsive نباشد احتمال زیاد در صفحه اول قرار نمی گیرد. فقط کافی است سایت های صفحه اول را نگاه کنید آیا سایتی است که ریسپانسیو نباشد؟سایت بهتر است یا کاملا ریسپانسیو باشد یا به صورت سایت لپتاپ باشد. اگر سایت شما نصفه واکنش گرا است لطفا آن سایت را یا کاملا ریسپانسیو کنید یا بگذارید سایت به طور دسکتاپ باز شود.3.صفحه شامل وایت اسپیس Whitespace قسمت های سفید استسایت slackجزو مهم ترین اصول دیزاین یا طراحی سایت قسمت های سفید سایت است که نشان دهنده ساده بودن و حرفه ای بودن سایت است. قسمت های سفید باعث می شوند بقیه المان های سایت بیشتر دیده شوند و کاربر گیج نشود.4.سایت از فونت خوبی استفاده می کنداستفاده از فونت های ایران سنس و Droid Arabic Naksh فونت های حرفه ای و خوبی است که به سایت شما اعتبار بیشتری می دهند. انتخاب یک فونت خوب فارسی مهم است. بسیاری از فونت های فارسی به صورت حرفه اس ساخته نشده اند پس استفاده از همان ایران سنس بهتر است.5.یک رنگ خاص دارد که نشان دهنده هویت سایت استسایت لگواستفاده از 2 یا 3 رنگ اصلی برای یک سایت ایده ال است و رنگ ها اگر بهم بخورند دیگه عالی می شود.رنگ ها را جوری ترکیب کنید که هم به هم بخورند و هم احساسی که می خواهید برندتان بدهد بفرستد.رنگ سیاه: شیک بودن - هتل ها، رستوران ها، شیرینی فروشیرنگ زرد: جوانی، خوشبین بودن، وسوسه شدن - اسباب بازی فروشی، خوراکی، لوازم خانگیرنگ قرمز: تحرک، علاقه - رستوران، وبلاگ زنانهرنگ آبی: آرامش، امنیت، اعتماد - بانک، معاملات ملکی، داروخانه، هر سایتی که نمیدادن از چه رنگی استفاده کندترکیب رنگ های خوب:قرمز و زردسیاه و زردآبی و زردسرمه ای و کرمقرمز و سیاهآبی و سبزطلایی و آبیطلایی و سرمه ایقهوه ای و کرم6.فاصله نه زیاد است نه کم. اندازه نه بزرگ است نه کوچک.اندازه هر المان تاثیر بر فهم کاربر دارد و هرچه بزرگتر باشد مهم تر است. اما برای موبایل المان ها بهتر است سایز کوچک تری داشته باشند. اگر نوشته ها بسیار ریز باشند برای کاربر سخت است که آن را بخواند پس نوشته را به اندازه کافی بزرگ کنید و متن را کمتر.اندازه ها باید با هم تناسب داشته باشند و مثل هم باشند. مثلا تعدادی محصول نباید اندازه شان فرق کند و بهتر است یکی باشد. فاصله هم بهتری است زیاد فرق نکند و یکسان باشد و در حالت ایده آل فقط از چند عدد مشخص استفاده کنید تا فاصله ها زیبا شوند.گرید سیستم Grid System به تقسیم صفحه به چند قسمت مساوی می گویند مثلا بوت استرپ از گرید استفاده می کند و کار بسیار حرفه ای تر می شود. می توانید از برنامه ادوبی اکس دی Adobe XD برای طراحی سایت یا برنامه استفاده کنید، همه المان ها را بچینید و بعد اعداد را از برنامه کپی کنید و در کد بگذارید.7.مهم تر از همه سایت ساده است و شلوغ نیستاگر سایت شما ساده نباشد یعنی از حرفه ای بودن سایت نوشتن خبری ندارید. استفاده از سایت ساده بسیار راحت تر است چه مهم تر از راحت بودن استفاده برای یک کاربر. روزانه تعداد بیشتری از موبایل استفاده می کنند و یک سایت شلوغ بقیه را گیج می کند.سایت ساده بخش های سفید دارد از رنگ خاص استفاده می کند و از عکس های با کیفیت و از فونت خوب استفاده می کند.8.سایت از قوانین UI/UX استفاده می کند و استفاده برای کاربر بسیار راحت استهرچه سایت شما شبیه به سایت های دیگر باشد استفاده از آن برای کاربر آسان تر خواهد بود. استفاده از منو سه خط برای موبایل و سرچ در بالای صفحه از نکات مهم برای یک سایت است.9.استفاده از مالتی میدیا و آیکوناستفاده از آیکون هایی که مفهوم را می رسانند برای مغز آسان تر است تا یک نوشته اما ممکن است یک کاربر نفهمد معنای یک آیکون را پس بهتر است از سایت flaticon.com استفاده کنید.سایت هایی هستند که عکس های مجانی دارند و با کیفیت هستند.استفاده از ویدیو هم معایبی دارد و هم مزایایی. از معایب آن کم کردن سرعت صفحه است و از مزایای آن توجه بیشتر مشتری.10.المان های سایت شبیه به هم هستندهرچه المان ها از یک قانون پیروی کنند آن سایت منظم تر است و بیشتر حرفه ای بنظر می رسد. تکرار شکل یک المان باعث می شود که سایت به یکپارچه شود. مثلا همه دکمه ها تیز باشند یا همه نرم.منبع: herfeweb.com