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

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

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

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

فونت

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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


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

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

سئوی منفی چیست و چقدر نگران کننده است؟
01 اردیبهشت

سئوی منفی چیست و چقدر نگران کننده است؟

بازدید: 1200

سئوی منفی ( Negative SEO ) در طراحی سایت سوالات زیادی را به همراه دارد. به عنوان مثال: سئوی منفی چیست؟ آیای سئوی منفی واقعا وجود دارد؟ اگر چنین است باید نگران چه چیزی بود؟ چگونه باید متوجه شد که کسی قصد حمله سئوی منفی به سایت ما را دارد؟ برای محافظت از سایت چه کاری باید انجام داد؟ هدف از این مقاله روشن شدن مبحث سئوی منفی در طراحی وب سایت و در نتیجه کاهش ترس شما از آن می باشد.سئوی منفی چیست؟سئوی منفی زمانی اتفاق می افتد [...]

سایت واکنشگرا ( Responsive ) یا سایت پاسخ گرا و واکنشی چیست؟
29 فروردین

سایت واکنشگرا ( Responsive ) یا سایت پاسخ گرا و واکنشی چیست؟

بازدید: 699

ریسپانسیو در اصطلاح به معنای پاسخ گرا یا واکنشی می باشد. به این معنا که طراحی وب سایت به گونه‌ای می باشد که در صفحات مختلف و ابزارهای متفاوت سایت به درستی نمایش داده می شود، به فرض مثال زمانی که شما از طریق گوشی یا تبلت سایت را تماشا می کنید ساختار ظاهری سایت به گونه ای تغییر پیدا می کند که قابلیت پیمایش سایت در این ابزارها به راحتی فراهم گردد.از طرفی در مانیتورهای با رزولوشن بالا نیز سایت به گونه‌ای مناسب [...]

الگوریتم گوگل پاندا در سئو چه نقشی دارد؟
29 فروردین

الگوریتم گوگل پاندا در سئو چه نقشی دارد؟

بازدید: 409

گوگل پاندا (Google Panda) به تغییراتی گفته می شود  که از اواخر اسفند  1389  (فوریه 2011) در الگوریتم نمایش نتایج جستجو در گوگل اعمال شد و همچنان ادامه دارد. این تغییرات با هدف کاهش سایت های رتبه بندی شده یا  کیفیت پایین دنبال می شود و سایت های با کیفیت را در بالای صفحه نمایش نتایج جستجو نشان می دهد. در اثر این تغییرات، سایت هایی که حجم بسیار زیادی آگهی تبلیغاتی در خود جای داده بودند به رده های پایین سقوط کننند و وب [...]

اهمیت و دقت رتبه بندی الکسا برای وب سایت
30 فروردین

اهمیت و دقت رتبه بندی الکسا برای وب سایت

بازدید: 504

شاید گوشه کنار وب بارها عنوان رتبه الکسا (Alexa) را دیده و مطالبی در این خصوص الکسا خوانده باشید؛ سایتها و سرویس های خاصی نیز در این رابطه در گستره وب شکل گرفته اند که در مجموع تحت عنوان بهینه سازی و افزایش رتبه سایت SEO یا (Search Engine Optimization) فعالیت می کنند، اینکه الکسا چیست، چگونه آمار بازدیدهای یک سایت را به دست می آورد و رتبه بندی آن تا چه میزان اهمیت دارد، مطلبی است که در این مقاله به آن خواهیم پرداخت تا نهایتا به [...]

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

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

بازدید: 579

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

دامنه چیست و چه کاربردی دارد ؟
29 فروردین

دامنه چیست و چه کاربردی دارد ؟

بازدید: 701

به آدرس های سایت دامنه می گویند. مانند www.google.com که دامنه آن google.com است. شاید اجزای هر URL را بدانید ولی دامنه یکی از مهم ترین قسمت های سایت و URL است. برای مثال دامنه https://www.example.ir را ببینید پسوند IR ، پسوند این دامنه است ولی به این آدرس https://www.example.ir/default.php دقت کنید، php پسوند فایل default و IR پسوند دامنه ماست. خب حالا فرق .com و .net و .ir و ... در چیست؟ هر یک از پسوند های دامنه معنای خاصی دارد. مثلا پسوند .ac.com یا ac.ir را برای دانشگاه ها و [...]