آموزش طراحی وب سایت

آموزش طراحی وب سایت

آموزش طراحی وب سایت

آموزش طراحی وب سایت

سایتهای زیبا، فروش بالا نمی شوند

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

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

۲- استفاده کمتر از عوامل گرافیکی
اگرچه عوامل گرافیکی فریبنده و جذاب به نظر می رسند، اما معمولا برای فروش موثر نیستند. حتی در صورت استفاده زیاد ممکن است نتیجه برعکس ایجاد کند. زیرا باعث خواهند شد که سرعت Load شدن وب سایت بسیار پایین بیاید و ضمنا ممکن است ذهن بینندگان سایت را از هدف اصلی سایت که فروش است، دور نمایند. اگر لازم است که از عوامل گرافیکی استفاده کنید باید تصاویر مناسب برای سایت انتخاب نمایید و سایز آنها را تا حد ممکن کوچک کنید. اکثر تصاویر گرافیکی را می توان حدود ۲۰ درصد کوچک کرد بدون آن که لطمه ای به کیفیت و تاثیر تصویر وارد شود.

۳- استفاده از CSS) cascading style sheet)
با استفاده از فایل های CSS می توانید بسیاری از تگ های تکراری html مانند Font را حذف نمایید. این گونه تگ ها معمولا ۵ تا ۷ درصد حجم صفحات شما را اشغال می کنند. تصور کنید که در صورت داشتن ۱۰۰ صفحه در سایت، در چه حجمی صرفه جویی خواهید کرد.

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

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

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

۷- عنوان (title) صفحات
صفحاتی که دارای عنوانهای غنی از کلمات کلیدی هستند، ترافیک زیادی خواهند داشت و ترافیک بیشتر به معنی فروش بیشتر است. این عنوانها رتبه شما را در موتورهای جستجو بهبود می بخشند. برای صفحات داخلی خود نیز کلمات کلیدی مناسبی در نظر بگیرید. سایتهای تجارت الکترونیک معمولا سایتهای بزرگی هستند. کلمات کلیدی صفحات داخلی و ارتباط این صفحات با هم برای موتورهای جستجو بسیار مهم هستند. برای تصاویر محصولات خود حتما از تگ alt استفاده نمایید. عدم وجود این تگ امتیاز منفی بزرگی در رتبه شما ایجاد خواهد کرد.

۸- استفاده آسان برای کاربر
پایگاههای تجارت الکترونیک و رویه های فروش که استفاده از آنها دشوار است، مهمترین عامل صرف نظر مشتری از خرید هستند. پایگاه و رویه فروش برای استفاده کاربر باید آسان و به اندازه ای مطمئن باشد که اطلاعات مربوط به فروش و مبالغ پرداختی هرگز از دست نرود.

۹- امنیت سایت
سایت فروش باید امن باشد و به بازدیدکننده اطمینان بدهد که اطلاعات شخصی که او به سایت می دهد در مکان مطمئنی قرار می گیرد و به هیچ عنوان در اختیار دیگران قرار نخواهد گرفت و یا فروخته نخواهد شد. این موضوع برای خریداران online بسیار اهمیت دارد بنابراین هرگونه تضمین و اطمینان از امنیت سایت باعث بهبود فروش خواهد شد.

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

منبع:my computer

راهنمایی های گوگل به طراحان وب سایت ها

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

● نکات طراحی و محتوای سایت :
▪ سایت را با یک سلسله لینک های واضح طراحی کنید . هر صفحه حداقل باید از طریق یک لینک متنی ساده در دسترس باشد.
▪ برای سایت یک صفحه map یا همون نقشه طراحی کنید که لینک های صفحات مهم را دارد. اگر لینک ها بیش از ۱۰۰ تاست صفحه نقشه را به چند صفحه تقسیم کنید.
▪ درباره لغاتی که کاربران برای دسترسی به سایت شما در موتورهای جستجو تایپ میکنند فکر کنید و مطمئن باشید که مطالبی درباره این لغات در سایت شما هست .
▪ برای نمایش کلمات و لینک های مهم از متن بجای عکس استفاده کنید ، زیرا جستجوگر خزنده گوگل متون نوشته شده در عکس را تشخیص نمیدهد .
▪ برای لینک ها و عکس ها حتما از تگ های title و Alt بصورت دقیق و درست استفاده کنید.
▪ لینک های شکسته ( لینک هایی که به جای درستی اشاره نمی کنند) را درست کنید.
▪ اگر شما از طراحی سایت های داینامیک استفاده میکنید (یعنی دنبال اسم صفحه یک آدرس بصورت کاراکتر هست ) باید بدانید که کل موتور های جستجو نمیتوانند این صفحات را بخوبی صفحات static پیدا کنند .
▪ لینک هایی که هر صفحه دارد باید حداکثر تعداد قابل قبولی باشد ، حدود ۱۰۰ لینک.

● نکات فنی :
▪ از یک مرورگر متن مانند Lynx برای تست کردن سایت خود استفاده کنید . چون اکثر جستجوگر ها سایت شما را همانند چشمان Lynx می بینند . اگر شما در سایتتان از جاوا اسکریپت ، کوکی ها ، اشیاء session ، frame یا فلش یا هر چیزی که جلوی دید برنامه های خزنده (Crawler) را بگیرد استفاده کرده باشید ممکن است این جستجوگر ها نتوانند صفحات سایت شما را بخوبی ببینند و index کنند .
▪ استفاده از SessionID جلوی برنامه های خزنده موتور های جستجوگر را میگیرد و چون آنها نمیتوانند در سایت شما ثبت نام کنند تا صفحات را ببینند بنابرین تعدادی از صفحات شما هرگز در این جستجوگر ها ثبت نمیشوند
▪ اگر از سیستم های CMS استفاده میکنید مطمئن شوید که این سیستم توانایی ساخت صفحاتی که گوگل می یابد را داراست .
▪ از پارامتر هایی مانند "&id=" در لینک های صفحاتتان استفاده نکنید . چون گوگل این آدرس ها را index نمیکند .

● وقتی سایتتان آماده شد :
▪ از سایت های مرتبط بخواهید به شما لینک دهند .
▪ سایت خود را در http://www.google.com/addurl/?continue=/addurl ثبت کنید .
▪ نقشه سایت خود را در Google Sitemaps ثبت کنید .
▪ سایت خود را در موتور های جستجوگر و دایرکتوری های دیگر از جمله یاهو ثبت کنید . یکی ازین جاها dmoz.org است .

● نکات کلیدی :
▪ صفحات را برای کاربر طراحی کنید نه جستجوگر ها : یعنی چیزی را که برای جستجوگر میفرستید همانی باشد که در سایت دارید و به کاربر نشان می دهید.
▪ از روش های حقه زدن به موتور های جستجو برای بالا بردن pageRank استفاده نکنید . چون اولین مشتریان شما بازدید کنندگان شما هستند نه جستجوگر ها . اگر جستجوگر ها اصلا وجود نداشتند شما اصلا این کارا رو میکردین ؟!
▪ از برنامه های تائید نشده برای ثبت صفحات و چک کردن امتیاز خود در گوگل بهره نبرید . زیرا این برنامه ها قوانین گوگل را زیر پا میگذارند . مانند برنامه WebPosition Gold که درخواست سایت شما را بچند مدل به گوگل می فرستد ( برای گول زدن موتور جستجوگر با این حرکت جستجوگر های معمولی گول میخورندو فکر میکند سایت شما پر طرفدار است . اما گوگل آنها را پیدا میکند). این برنامه ها ممکن است باعث شوند گوگل اسم شما را بطور کلی از لیست سایت های جستجو حذف کند !!!

● توصیه های ایمنی :
▪ از لینک ها یا متن های مخفی استفاده نکنید .
▪ از cloak redirect استفاده نکنید .
▪ Query های برنامه ریزی شده به گوگل نفرستید .
▪ صفحه را با کلمات نا مربوط به سایتتان لود نکنید.
▪ صفحات تکراری در دایرکتوری ها و ساب دومین های سایتتان نسازید.

● Query های برنامه ریزی شده چیست ؟
هر چه کاربران کلمه ای را در گوگل جستجو کنند که نام شما در صفحه اول ظاهر شود و اگر رویش هم کلیک کنند در امتیاز گوگل شما تاثیر دارد . اما اگر گوگل متوجه شود که این درخواست ها همگی ساختگی و توسط برنامه هایی مانند WebPosition Gold فرستاده میشوند سایت شما را از لیست جستجویش حذف میکند . پس مواظب باشید تقلب نکنید ! 

سایت خود را مطابق تکنولوژی جستجوگرها طراحی کنید

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

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

) صفحات را مطابق میل جستجوگر ها طراحی کنید :
برای یک موتور جستجو گرافیک سایت شما یا فلش ها و کدهای جاوا اسکریپت جذابی که ساخته اید اهمیتی ندارد . بلکه چیزی که یک موتور جستجو نیاز دارد روان بودن کد نوشته شده در صفحات است . منظور من نوشتن کامنت در بین تگ ها یا رعایت کردن فاصله ها نیست بلکه استفاده از تگ هایی است که جستجوگر ها از آنها استفاده میکنند . تگ های مهم در یک صفحه وب عبارتند از : تگ title و description و Keywordsو Alt . ( این روزها بعضی از موتور های جستجو فقط از تگ Keywords برای ارائه نتایج استفاده میکنند ).
▪ چند نکته :
۱ ) اگر از جدول ها برای ساخت صفحات سایتتان بهره گرفته اید ، سعی کنید از کد های ساده استفاده کنید نه از تگ های تو در توی پیچیده .
۲ ) استفاده از فریم ها باعث سر گیجه موتور های جستجو میشود که به ضرر شماست . در ضمن استفاده از فریم ها دیگر در طراحی سایت ها متداول نیست .
۳ ) اگر از کد های جاوا اسکریپت استفاده کرده اید برای فراخوانی فایل های جاوا اسکریپت خارجی از کد های کوتاه استفاده کنید .
۴ ) استفاده از تگ Alt در تگ تصاویر موتور های جستجو را در یافتن موضوع تصاویر کمک میکند . حتما از این تگ برای عکس ها استفاده کنید .
۵ ) متن اصلی را قبل از عکس ها در صفحاتتان قرار دهید و یا حداقل عکس ها را در میان متن قرار دهید .

۲ ) کلمات کلیدی Keywords :
استفاده از این تگ بسیار اهمیت داره و نوع کلمات استفاده شده در اون هم مهمه . سایت wordtracker کلمات کلیدی خوبی را برای هر نوع سایتی پیشنهاد میدهد که میتوانید از آن بهره بگیرید . تعداد کلماتی که میتوان در این تگ استفاده کرد محدودیت خاصی ندارد ، اما برای حصول نتیجه بهتر از ۱۰ الی ۱۵ کلمه برتر استفاده کنید .

۳) محتوای سایت :
بسیاری از موتور های جستجو از متن اصلی صفحات برای یافتن کلمات کلیدی استفاده شده در تگ keywords استفاده میکنند . پس استفاده درست از کلمات کلیدی و مطابقت آن کلمات با متن شما بسیار اهمیت دارد. کلمات اصلی متن را در تگ heading و یا bold بگذارید و یا آن را لینک کنید تا جستجوگر ها به آن لغات اهیت ویژه ای دهند .

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

۵ ) تگ توضیحات :
موتور های جستجو هنگام نشان دادن نتایج جستجوی خود ، اطلاعات تگ متای توضیحات هر صفحه را برای نمایش توضیحات آن سایت نمایش میدهند .بنابراین نوشتن توضیحات جذاب و درست بیننده را به سوی سایت شما جذب میکند . استاندارد تعداد کلمات این تگ ۲۰ الی ۲۵ کلمه میباشد .

۶ ) گرافیک :
استفاده از عکس اگر چه زیبایی خاصی به سایت شما میدهد اما حتی با تگ ALT نیز یک عکس به اندازه چند کلمه قدرت ندارد . چون موتور های جستجو فقط کلمات را میشناسند و عکس ها را هم با تگ Alt آنها شناسایی میکنند . بنا براین استفاده از عکس به جای لینک و یا بجای متن از خوانایی سایت شما برای چشم های یک موتور جستجوگر می کاهد .

۷) نقشه سایت:
نقشه سایت کمک بسیاری به جستکوگر ها میکند تا تمام صفحات سایت شما را شناسایی کنند . ابزار های زیادی بر روی وب هست که نقشه سایت شما را در چند کلیک میسازد .

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

قرار دادن Icon قبل از اسم سایت

شاید بارها و بارها آیکون کوچکی که قبل از http در صفحات وب ظاهر میشه رودیده باشین  ودوست داشته باشین چنین آیکونی در وب سایت خودتون بوجود بیارین.
نحوه ایجاد و درج این آیکون در سایت که Favicon اسمش هست (Favorite Icon) بسیار ساده و بشرحزیر هستش .

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

آیکونی که ساختین  در ریشه وب خودتون کپی کنین و کد زیرو در قسمت head وب سایت قرار بدین.


یادآوری

شما در این وبلاگ میتوانید انواع آموزشهای برنامه های مختلف رو پیگیری کینین و یا حتی درخواست آموزش برنامه های مد نظرتونو برای ما تو کامنت ها بذارید تا حداکثر هم ۲۴ ساعت توی وبلاگ آموزششو دریافت کنین. آموزشهای دیگه هم از توی Subject درسترسی دارید.

سلام

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

این وبلاگ و زیرمجموعه هایش که با نام Design school معرفی شدن در جهت امر آموز ش و راهنمایی هرچه بیشتر طراحان در زمینه های مختلف بوجود اومدن.

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