طراحی سایت، سئو، طراحی فروشگاه اینترنتی

طراحی سایت، سئو، طراحی فروشگاه اینترنتی

طراحی سایت، سئو، طراحی فروشگاه اینترنتی

طراحی سایت، سئو، طراحی فروشگاه اینترنتی

نکات مهم و مفید در طراحی سایت

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

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

۱- گرافیکهای با حجم خیلی زیاد.
۲- گرافیکهای با حجم فوق العاده کم.
۳- تعداد زیادی انیمشن.
۴- استفاده از کدهای جاوا اسکریپت بی مورد.
۵- نشانه ها و لینکهایی در سایت که به آنچه وجود نداردو در حال ساخت است اشاره می کند.
۶- انتخاب رنگ نامناسب.
۷- اشکالات املایی و دستوری.
۸- متنهای خیلی کوتاه.
۹- متنهای خیلی بلند.
۱۰- صداهایی که به طور اتوماتیک اجرا می شوند.
۱۱- لینکهای شکسته (لینکهایی که به هیچ صفحه عکس یا فایلی ختم نمی شوند).
۱۲- فضاهای خالی خیلی زیاد بین قسمتهای مختلف.
۱۳- فضاهای خالی خیلی کوچک بین قسمتهای مختلف.
۱۴- استفاده از اختصارات بی مورد در جمله مثلأ U برای You در قسمتهای مختلف سایت.
۱۵- فریم هایی که به طور افقی یک تکه از صفحه را اشغال می کنند.
۱۶- یک صفحه طولانی بدون پاراگرافهای لازم.
۱۷- تعداد زیادی Banner های تبلیغاتی.
۱۸- سرعت پایین Server یا صفحه طولانی و حجیم.

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

سایت منبع:نکات مهم و مفید در طراحی سایت

قوانین اصلی طراحی سایت چیست؟

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

موتور های جستجو همواره قصد دارند که به کاربران و جستجو گر ها بهترین و مفید ترین نتایج را نشان دهند. 

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


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

چهار قانون حیاتی در طراحی سایت و بهینه سازی وب سایت

سادگی در خوانده شدن محتوای سایت

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

  • محتوای وب سایت خود را به چند بخش با عناوین مرتبط تقسیم کنید

    صفحات خود را به بخش هایی تقسیم کنید و از عناوین در بین مطالب خود استفاده کنید تا کاربر در هنگام مرور مطالب به راحتی هدایت شود و از طرفی این عناوین برای موتور های جستجو مهم تلقی می شوند.عناوین سایت می بایستی بین 4h1..h قرا بگیرند تا باب طبع برای موتور های جستجو قرار بگیرد. 

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

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

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

    از آنجایی که خیلی از مرور گرها فقط از مجموعه فونت های استاندارد(Arial , Tahoma , Times New Roman,Verdana) استفاده می کنند لذا همواره بایستی از همین مجموعه فونت استاندارد تبعیت کرد. در غیر اینصورت کاربران شما آنچه می بینند با آنچه شما می بینید کاملا متمایز است. 
  • طراحی سایت سازگار با مرورگرهای استاندارد

    زمانی که یک سایتی را توسعه می دهید از مرور گر های استاندارد مثل فایر فاکس استفاده کنید ، اگر سایت خود را برای مرورگرهای سازگار پیاده سازی کنید این وب سایت برای بیشتر مرورگرها از قبیل مرورگر اینترنت اکسپلورر IE ، لذا پیشنهاد می شود که شما وب سایت خود را با آخرین ورژن های اینترنت اکسپلورر IE6, IE7 . 

    برای اجرا بر روی چندین ورژن از IE در یک ماشین می توانید نرم افزار TredoSoft.com و یا IETester را روی سیستم خود نصب کنید. 
  • کلمات کلیدی وب سایت

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

    چگالی کلمات کلیدی بایستی در حدود 4% تا 7% بر آورد شود اما استفاده بیشتر از این کلمات ممکن است همچنین کلمات کلیدی بایستی در تگ Title و متای Description استفاده شود. 

ساده سازی پیمایش وب سایت

راه اشتباه : "استفاده از کلماتی مانند : ادامه مطلب در داخل لینک" که برای بهینه سازی وب سایت و سئو باید از این مورد پیشگیری کنید.

راه صحیح :"پیاده سازی تکنیک های کاربردی در سئو" استفاده از عبارات توصیفی در لینک ها بهترین انتخاب برای بهینه سازی صفحات وب می باشد. خزنده گان موتورهای جستجو صفحات وب سایت را در دیتابیس خود ذخیره می کنند و با برخورد به لینک ها ، محتوای داخل این لینک ها را به عنوان موضوع صفحه مقصد در نظر گرفته ، لذا استفاده از عبارات توصیفی در لینک ها به رتبه دهی بهتر در موتور های جستجو کمک می کند. 

به این روش لینک های متقابل و دو طرفه(Cross Linking) گویند و در جاهای مورد نیاز از این روش می توانید استفاده کرده و سایت خود را در گوگل در رتبه های بالاتر قرار دهید. 

    منو ها و لینک ها برای کاربران پیمایشی را فراهم می کنند که به راحتی داخل سایت بتوانند گشت و گذار کنند. 
    همیشه در طراحی سایت در نظر داشته باشید که حد اکثر تلاش خود را در راهنمایی کاربران برای حرکت در بین حد اکثر با 3 کلیک از صفحه اصلی بکنید. استفاده از چندین منوی پیمایشی برای راهنمایی بیشتر کاربران راحت تر می باشد. از منوی بالا، منوی پایین ، همچنین منوی راست و چپ کمک خوبی می باشند. 

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

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

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

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

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

  • منظور از کم حجم بودن صفحه وب سایت چیست؟

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

    مطالعات نشان داده است که 64KB یک عدد مناسبی برای حداکثر حجم وب سایت است و هرچقدر حجم صفحه کمتر باشد ، بهتر است. 
    همیشه باید یک تعادل بین توانایی های سایت و طراحی سایت در نظر گرفته شود.  

    برای تست کردن حجم صفحات سایت خود میتوانید آنها را آپلود کرده و توسط ابزار اندازه گیری حجم صفحات به آدرس www.quasarcr.com/pageweight مراجعه کنید. 
  • کاهش حجم صفحات وب سایت و تکنیک های آن

    • از استایل های خارجی استفاده کنید (Css های خود را در یک فایل جداگانه تعریف کنید و از صفحات html سایت خود با آنها لینک دهید)
    • هر جایی که امکان داشت از Div به جای Table استفاده کنید.
    • برای زیباسازی وب سایت از تکنیک تکرار عکس های کوچک برای کاهش حجم صفحات سایت خود استفاده کنید.


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

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

خلاصه: 
بازدیدکنندگان سایت شما باید قادر باشند به هر آنچه می خواهند به راحتی با سه کلیک دسترسی پیدا کنند. 

موتورهای جستجو باید قادر باشند به راحتی داخل وب سایت پیمایش کنند . ساخت وب سایتی که به راحتی قابل پیمایش توسط کاربران باشد به همان اندازه قابلیت اطلاع رسانی خواهد داشت و موتور های جستجو نیز قادر به جمع آوری اطلاعات خواهند بود. 

لذا با رعایت کردن نکات بالا قادر خواهید بود وب سایتی را طراحی و بهینه سازی کنید که به راحتی توسط موتورهای جستجو در بالاترین رتبه ها قرار گیرد. 

منبع:قوانین اصلی طراحی سایت

زبان های رایج طراحی سایت

برای اینکه بدانیم طراحی وب سایت چیست ابتدا باید با صفحات اینترنتی آشنا شویم و سپس در مورد طراحی صفحات اینترنتی و طراحی وب سایت بحث کنیم.

وب سایت ابتدایی

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

وب سایت پیشرفته 

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

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

طراحی وب سایت چیست؟

برای اینکه بتوان یک وب سایت طراحی کرد باید به زبانهای برنامه نویسی تسلط داشت. زبانهایی مانند:

HTML, CSS, Javascript, jQuery, PHP & MySQL

و برای ایجاد قالب و گرافیک وب سایت باید بر نرم افزارهای گرافیکی مانند فتوشاپ و فلش تسلط داشت.

طراحی وب سایت به دانش استفاده از این زبانها و نرم افزارها در جهت طراحی و راه اندازی یک وب سایت اینترنتی گفته می شود.

منبع: سایت http://www.seosem.ir/19/What-is-Web-Site-Design-and-Web-Development-Languages.html

اصول مهم طراحی سایت چیست؟

سیمای ظاهری وب سایت یکی از مهمترین جنبه های دست یابی شما به موفقیت است. قضاوت اولیه در مورد کالاها و خدمات شما از جلوه ظاهری سایت شما صورت می گیرد.

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

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

اگر شما واقعا قصد موفق شدن دارید باید زمان لازم را برای یادگیری خود صرف کنید.

● ایجاد یک قالب:
وقتی شما طراحی سایت تان را شروع کردید هدف پیش رویتان باید ایجاد قالبی باشد که شما بتوانید برای هر صفحه وب سایت به کار برید. با این کار تمام صفحات وب سایت شما ظارهری یکنواخت پیدا خواهد کرد.

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

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

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

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

● ویترین شما:
صفحه اصلی سایت ویترینی برای کسب و کار شماست و از همین رو باید در همان نگاه اول به بازدیدکنندگانتان بفهماند که شما چه چیزی را ارائه می کنید.
اگر مشتریان بالقوه شما نتوانند کالا ها و خدمات شما را بیابند. به طور قطع وقت خود را برای یافتن آن بیهوده تلف کرده اند. آنها به سایت بعدی خواهند رفت و احتملا دیگر به سایت شما نخواهند بازگشت. آنها سایت شما را برای اهداف خاصی دنبال می کنند. آنها خواستار چیزهایی هستند که سایت شما به آنها عرضه می کند. چیزهایی را که آنها به دنبلش هستند را آماده کنید در این صورت شما سود خواهید برد.

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

بسیار بهتر است که در صفحه اصلی خود عناصر ضروری زیادی بگنجانید و آن ها را به صفحات حاوی اطلاعات جزیی تر لینک دهید.

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

تلاش کنید تا تعداد کلیک های لازم برای رفتن از صفحه اصلی به صفحه مقصد از 3 کلیک و یا جداکثر 4کلیک تجاوز نکند.

● قلم ها:
متن یکی از مهمترین بخش های صفحات وب را تشکیل می دهد. روشی که برای نشان دادن متن در سایت خود به کار می برید عامل مهمی در موفقیت شما ست

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

قلم های استانداردی که در اینترنت استفاده می شوند ArialوVerdana هستند. اندازه استاندارد برای متن ها 2 می باشد. ArialوVerdana به این دلیل به عنوان قلم های استاندارد معرفی می شوند که برای خواندن در صفحه نمایش کامپیوتر راحت تر هستند.
تیتر هایی که به قلم هایی با اندازه درشت تر نیاز دارند از این نظر کمی متفاوت هستند. عامه پسند ترین قلم مورد استفاده برای تیتر ها Georgia است که در اندازه های درشت تر زیبا تر هم می شود.

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

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

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

منبع: سایت سرزمین دانلود

نکات مهم در طراحی سایت

در این مقاله می خواهیم در مورد تعدادی از باید ها و نبایدها که باید در طراحی سایت رعایت شود را  همراه با توضیح کامل ارائه نماییم:

1-جستجو در سایت، 2-خوانا نبودن متن، 3-رعایت اصول نگارش، 4-طراحی سایت با دسترسی مناسب، 5-تنوع صفحات در طراحی سایت، 6-استفاده نکردن از موسیقی متن، 7- آزمایش کارایی طراحی سایت.

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


1. جستجو در سایت : در مفید بودن وجود سیستم جستجو در سایت شک نکنید گاهی کاربران فرصت بررسی مقالات شما را تا رسیدن به مقاله مورد نظر ندارند بنابراین وجود باکس جستجو میتواند بلافاصله به کاربر کمک نماید تا به هدف خود برسد. 
پیشنهاد: به عنوان طراح سایت شما هم میتوانید خود سیستم جستجو در مقالات و مطالب سایت را پیاده نمایید و هم اینکه از سیستم جستجو گوگل در سایت به نحوه زیر استفاده نمایید:
  <form action="http://www.google.com/search" method="get">
  <br>  <fieldset>
  <br>  <input type="hidden" name="sitesearch" value="https://webmac.ir" />
  <br>  <input type="text" name="q" size="25″ maxlength="255″ value="" />
  <br>  <input type="submit" value="جستجو در وب مک" />
  <br>  </fieldset>
 <br>  </form>

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


3. رعایت اصول نگارش : ساختار نوشته و رعایت اصول نگارشی میتواند به اندازه طراحی سایت بر موفقیت و شکست شما تاثیر داشته باشد. در دنیای امروز اینترنت کاربران مطلبی را نمیخوانند مگر آنکه واقعا برای آنها مفید و جالب توجه باشد، در نتیجه ابتدا نگاهی کلی به مطلب و سرفصل های آن خواهند کرد. گاهی اوقات طراحی سایت و یا بی سلیقگی نویسنده موجب بی توجهی به این نکته اساسی و عدم استفاده از سرفصل و تگ های HTML می شود.
عنوان مناسب و مجزایی برای هر صفحه از سایت مشخص کنید تا بازدیدکنندگان شما بدانند که در هر لحظه در چه صفحه ای قرار دارند، مشاهده میشود که در نمونه هایی از طراحی سایت حتی نام صفحات به درستی انتخاب نمیشوند.
پیشنهاد:
1- با استفاده از دستورات CSS و HTML صفحات داخلی سایت را به درستی طراحی کنید: طراحی سایت را به گونه ای انجام دهید که فاصله مناسب بین خطوط و نوشته و عکس ها رعایت شود.
2- بروزرسانی و بازبینی را همزمان انجام دهید. افزودن مطالب جدید با رعایت اصول بسیار مناسب است ولی گاهی نوشته های قبلی سایت را بازبینی کرده و اشتباهات موجود را رفع کنید.


4. طراحی سایت با دسترسی مناسب  :  آدرس دهی، طراحی منوها و دسترسی آسان به بخش های اصلی عوامل موثری بر افزایش کارایی سایت شما هستند که بخوبی باید در طراحی سایت مورد توجه قرار گیرند. استاندارد مشخصی برای اینکار در طراحی سایت وجود ندارد و باید متناسب با محتویات هر سایتی انجام شود.
اگر از نوشته برای آدرس دهی به صفحات استفاده میکنید باید کوتاه و گویای مطالب آن صفحه باشد و اگر با استفاده از تصاویر برای تعیین بخش های مختلف در طراحی سایت بهره میگیرید، ارتباط معنایی تصویر و محتوای صفحه اهمیت بالایی خواهد داشت. لینک های خراب نباید جایی در صفحه اصلی شما داشته باشند و مهمتر از همه اینکه هیچ لینکی از صفحه اصلی به خود آن قرار ندهید!
پیشنهاد:
1-  دسترسی به صفحات مختلف را ترجیحا با نوشته انجام دهید و در صورت استفاده از تصویر متن جایگزین را فراموش نکنید.
2-  طراحی سایت و آدرس دهی در آن به گونه ای باشد که کاربران با کمتر از سه کلیک به صفحه مورد نظر خود راه یابند در غیر اینصورت سایت شما را ترک خواهند کرد.

طراحی سایت در مشهد


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


6. استفاده نکردن از موسیقی در متن  :  کاربران بدنبال کارایی و محتوای مناسب در طراحی سایت شما هستند و 99 درصد آنها اهمیتی به موسیقی متن سایت شما نمیدهند. بعضا مشاهده میشود که اشتباه بدتری در طراحی سایت انجام میشود و برای هر صفحه موسیقی جداگانه ای قرار میدهند که نتیجه ای جز برهم زدن آرامش و مصرف پهنای باند بازدیدکنندگان نخواهد داشت.
پیشنهاد:

 1- از موسیقی در سایت استفاده نکنید و اگر مجبور به این کار هستید در طراحی سایت خود فضایی مشخص برای آن در نظر بگیرید و کنترلش را به کاربران بسپارید تا بتوانند در هر لحظه آن را خاموش کنند.

7. آزمایش کارایی طراحی سایت:  طراحی سایت خود را به گونه ای انجام دهید که بر روی تمام مرورگرها قابل مشاهده باشد، پس از پایان کار لیستی از دستگاه ها و مرورگرها تهیه کنید و نحوه نمایش سایت بر روی هرکدام را آزمایش کنید.
پیشنهاد:
1.  آیا وبسایت بر روی موبایل و تبلت قابل مشاهده است؟
2.  طراحی سایت و کدنویسی آن همخوانی لازم با تمام مرورگرها را دارد؟
3.  W3C ابزار مناسبی را برای بررسی کیفیت طراحی سایت در اختیار شما قرار میدهد.




منبع:نکات مهم در طراحی سایت