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

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

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

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

فونت

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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


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

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

الگوریتم مرغ مگس خوار چیست و نحوه عملکرد مرغ مگس خوار
01 اردیبهشت

الگوریتم مرغ مگس خوار چیست و نحوه عملکرد مرغ مگس خوار

بازدید: 4405

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

تصورات اشتباه در سئو سایت و بهینه سازی صفحات وب
30 فروردین

تصورات اشتباه در سئو سایت و بهینه سازی صفحات وب

بازدید: 1209

هنوز باور های اشتباه و فرسوده ای در مورد سئو وجود دارد که شاید اگر در سال ۲۰۰۲ میلادی زندگی می کردید می توانستید از این تکنیک ها برای جذب بازدیدکننده ی بیشتر از طریق موتورهای جستجو استفاده کنید. اگر یک سایت فروش دوربین داشتید با استفاده ی از کلمه ی کلیدی "دوربین" در محتوای صفحات خود می توانستید در نتایج جستجو خودی نشان دهید. اما الگوریتم های موتورهای جستجو در سال های گذشته دستخوش تغییرات فراوان و مهمی شده [...]

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

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

بازدید: 1063

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

نکات بازاریابی از طریق شبکه های اجتماعی
30 فروردین

نکات بازاریابی از طریق شبکه های اجتماعی

بازدید: 1652

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

بررسی ده اشتباه بزرگ در کدهای HTML که نباید مرتکب شوید
01 اردیبهشت

بررسی ده اشتباه بزرگ در کدهای HTML که نباید مرتکب شوید

بازدید: 1896

HTML‏ (‏‎ ‎اچ تی ام ال‎ ‎‏) اولین ، ساده ترین ، پرکاربردترین و مهم ترین زبان برای طراحی سایت ‏است. صفحات اینترنتی شامل اطلاعاتی است که حاوی متن ، تصویر ، ویدئو ، صوت و… می ‏باشد . این محتوا توسط سه لایه به کاربر نمایش داده می شود . لایه  محتوا همیشه وجود ‏دارد و حاوی محتوایی می باشد که طراح سایت قصد دارد آن را به کاربر نمایش دهد . این ‏محتوا بصورت کدهای ‏HTML‏ مابین دو تگ <‏html> قرار میگیرد [...]

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

css چیست؟

بازدید: 1339

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