اصول و قواعد طراحی سایتاصول و قواعد طراحی سایت تاریخ انتشار : 31 فروردین، 1396

اصول و قواعد طراحی سایت

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

فونت در طراحی سایت

فونت

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

البته این غیر ممکن نیست، شما می توانید از هزاران اندازه فونت استفاده کنید. اما استفاده از 2 و یا حداکثر 3 سایز مختلف فونت و محدود کردن اندازه متون سایت به آن سایز ها، خواندن مطالب سایت را آسوده تر و طراحی وب سایت شما را حرفه ای تر نشان می دهد.
در طراحی سایت خود برای هدینگ ها از فونت Serif و برای متون داخل سایت از Sans-Serif استفاده کنید. فونت های Sans-Serif برای مطالعه متون در صفحات اینترنت بسیار راحت تر از فونت های دیگر هستند.

سعی کنید که از فونت هایی همچون Arial، Tahoma در سایت خود استفاده کنید زیرا چنین فونت هایی در اکثر رایانه های دنیا وجود دارند و کاربران برای مشاهده سایت خود به مشکل بر نخواهند خورد. سایز محتوای سایت بسیار مهم است زیرا نباید نه زیاد بزرگ و نه زیاد کوچک باشد. اکثر سایز نوشته های خود را یکنواخت انتخاب کنید که کاربران برای مشاهده ساید به مشکل بر نخورند.

گرافیک در طراحی سایت

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

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

در این مورد باید بگوییم که "کوچک فکر کنید" یعنی حدود 10 تا 12 کیلو بایت برای هر تصویر. سعی کنید در طراحی سایت خود از تصاویر کم حجم و کوچک استفاده کنید تا سرعت لود شدن صفحه پایین نیاید. تصاویر بزرگ، یکی از اصلی ترین دلایل پایین آمدن سرعت لود شدن صفحه است. با سرعت بخشیدن به لود شدن یک سایت می توان اثرت مثبت آن را بر افزایش بازدی و سئوی آن دید.

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

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

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

تبلیغات در طراحی سایت


تبلیغات
اگر تبلیغات داخل سایت سرتاسر محتوا را بپوشاند، بازدیدکنندگان بدون تلف کردن وقت، از سایت شما خارج می شوند. البته بسیار مهم است که از وب سایت خود کسب درآمد کنید، اما اگر تبلیغات بیش از حد سایت شما، بازدیدکنندگان را از آن دور کند، شما پول خود را نیز از دست خواهید داد

بر روی تبلیغات داخل سایت و تعداد آن ها کنترل داشته باشید. بازدیدکنندگان شما برای دیدن تبلیغات به سایت شما نمی آیند. آن ها برای محتوای سایت شما می آیند.

همان گونه که با تصاویر داخل سایت برخورد می کنید، با تبلیغات برخورد کنید. تمامی تبلیغات داخل سایت را کوچک، بدون چشمک زدن و یا تحرک قرار دهید و تبلیغاتی را در سایت قرار دهید که با محتوای شما مرتبط باشد.

این که می توانید در داخل سایت خود تبلیغات کنید، کاملاً واضح و روشن است. اما به این معنا نیست که حتماً باید در طراحی وب سایت خود، تبلیغ قرار دهید. تنها در صورتی که محتوای شما برای بازدیدکنندگان و خوانندگان جذاب باشد و با چیزی که آن ها می خواهند ارتباط داشته باشد، آن گاه بر روی تبلیغات کلیک خواهند کرد.

محتوای سایت را باید با در نظر گرفتن دو نکته تنظیم نمایید : 1- برای کاربران شما جذاب و مفید باشد 2- نکات مربوط به بهینه نوشتن متن برای موتورهای جستجو رعایت شده باشد و از نوشتن یکی دو خط توضیح برای یک مطلب خودداری نمایید.

اصول و قواعد طراحی سایت

تیم طراحی سایت وب کو وب همیشه آموزش هایی در این زمینه به مشتریان خود ارائه می دهد چون موفقیت سایت آنها مساوی موفقیت تیم وب کو وب


اشتراک گذاری در :

مقالاتی که پیشنهاد می شود بخوانید

هر رنگ در طراحی وبسایت چه معنای دارد؟
31 فروردین

هر رنگ در طراحی وبسایت چه معنای دارد؟

بازدید: 1027

هر رنگ در ضمیر ناخودآگاه انسان تاثیر خاصی می گذارد برای همین رنگ ها در طراحی سایت ‏خیلی مهم هستند مثلا بعضی رنگ ها کاربر را به خرید تشویق می کند، بعضی رنگ ها ‏احساس اعتماد ایجاد می نماید و همچنین بعضی رنگ ها به انسان احساس گسنگی می ‏دهد و ... یعنی شما با رنگ ها به طور غیر مستقیم می توانید احساسات کاربران خود را ‏برانگیخته نمایید.‏نکات مهم در هنگام انتخاب رنگ برای سایت•    رنگ متمم رنگهای [...]

بهینه سازی سایت و سئو تضمینی سایت یا فروشگاه شما
31 فروردین

بهینه سازی سایت و سئو تضمینی سایت یا فروشگاه شما

بازدید: 793

سئو چیست و چگونه انجام می پذیرد؟سئو عبارت است از بهینه سازی وب سایت برای موتورهای جستجوگر که گوگل مهمترین آنهاست و تعریفی که ما برای سئو ارائه می دهیم راهنمایی کاربران به وبسایت هایی که مرتبط ترین موضوع را با کلمه کلیدی مورد جستجو آنها دارد اما چگونه به گوگل بگوییم که سایت ما مرتبط ترین سایت با کلمه کلیدی مورد جستجو می باشد ؟ پاسخ این سوال در استراتژی سئو سایت میباشد که از مهمترین آنها می توان به تولید محتوای [...]

نکات کلیدی و کاربردی برای طراحی سایت
29 فروردین

نکات کلیدی و کاربردی برای طراحی سایت

بازدید: 1144

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

RSS چیست و کاربردهای RSS در طراحی سایت
31 فروردین

RSS چیست و کاربردهای RSS در طراحی سایت

بازدید: 5496

RSS مخفف Really Simple Syndication به معنی تشکیل ارتباط‌های بسیار ساده است. آر.اس.اس فرمتی برای خروجی اطلاعات می‌باشد. آر.اس.اس فایلی با فرمت خاص (XML) می‌باشد که شامل آخرين عناوين سایت‌های خبری، وبلاگ‌ها و سايت‌هايی از اين دست می‌باشد. در واقع با به روز شدن سایت، فایل آر.اس.اس آن به طور خودکار به روز می‌شود. محتويات فايل‌های آر.اس.اس را می‌توان به کمک نرم‌افزارهای مخصوص و يا سايت‌هايي كه اين امكان را [...]

ترافیک وب سایت چیست و روش های افزایش ترافیک وب سایت
29 فروردین

ترافیک وب سایت چیست و روش های افزایش ترافیک وب سایت

بازدید: 1903

ترافیک وب سایت مهمترین فاکتوری موفقیت یک وب سایت تلقی شده است" ، اما این اظهار نظر دارای شرایطی می باشد. اگرچه ترافیک یک وب سایت یک شریان حیاتی وب سایت است، اما کیفیت ترافیک به مراتب مهمتر از کمیت آن است. البته هر مقدار از ترافیک، بهتر از بدون ترافیک بودن است، اما اگر وب سایت شما ایده آل ترین سایت هم باشد ولی اگر بازدید کنندگان شما به محصولات شما و یا دسترسی کامل به اطلاعات شما نداشته باشند، قطعا در آینده محکوم [...]

css چیست؟
29 فروردین

css چیست؟

بازدید: 790

CSS یا Cascade Style Sheets  یک نوع زبان برنامه نویسی می باشد که کنسرسیوم بین المللی شبکه جهانی وب یا W3C برای غلبه بر مشکلاتی که در طی زمان با استفاده از HTML بوجود آمده است پیشنهاد داده است.زبانی است که جمله یک خطی شما را تبدیل به همان یک جمله خواهد کرد. شما تنها کافی است تا استیل مورد نیازتان را در طراحی تغییر دهید و آن هم تنها با تغییر یک یا چند مورد کوچک. عملا این زبان برنامه نویسی، مکملی بر زبان باستانی HTML است و سعی در پر [...]