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

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

• یه هاست خوب انتخاب کنید

طبق تحقیقاتی که سایت Akamai انجام داده، 47% از مردم توقع دارن صفحات سایت کمتر از 2 ثانیه لود بشن و 40% از مردم گفتن اگه این 2 ثانیه بشه 3 ثانیه، صفحه رو ترک می کنن. چون سایت های فروشگاهی هم میخوان کاربر جمع کنن و فروششونو بالا ببرن، زمان بارگذاری سایت براشون خیلی اهمیت داره. یه مطالعه هم با عنوان "چرا عملکرد سایت اهمیت دارد. آیا سایت شما مشتری ها را دور می کند؟" ادعا می کنه تو پیکِ ترافیک، بیشتر از 75% از مشتری ها ترجیح دادن به جای اینکه تو همون صفحه منتظر بمونن تا صفحه کامل لود بشه، سایتو ببندن و برن سراغ سایت های رقیب. سرورهای اختصاصی اغلب سرعت، پیکربندی و منابع بهینه ای دارن و همه این ویژگی ها رو برای سایت یا اپلیکیشنتون به ارمغان میارن. درسته که گرونترن اما برای سایت های حرفه ای با ترافیک بالا یه ضرورت به شمار میان. هاست های اشتراکی، سایت شما و صدها سایت دیگه رو روی یه سرور قرار میدن و منابع سرور رو، چه سخت افزاری و چه نرم افزاری، بین سایت های روی هاست تقسیم می کنن و به این ترتیب منابع محدود می شه. بنابراین مطمئن باشید که هاستینگ اختصاصی بهترین گزینه است هم برای ثبات سایتتون، هم عملکرد و هم قابلیت ارتقا در آینده.
هرچند همیشه هم مقصر شرکت های هاستینگ نیستند، بعضی وقتا قدرت سرورهای هاست میاد پایین. بهرحال بهتره از شرکتی هاست بگیرید که هم پشتیبانیش خوب باشه و هم بتونه تو ساعت های شلوغی، ترافیک سایتو خوب کنترل کنه.

• بهینه سازی تصاویر

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

• فعال کردن فشرده سازی

فشرده سازی صفحات بزرگ میتونه باعث کاهش پهنای باند صفحات و در نتیجه کاهش سرعت لود بشه. میتونید فایلها رو قبل از اینکه روی صفحه بذارید، به فرمت Gzip فشرده کنید. اینطوری طبق ادعای یاهو، سرعت دانلود حدود 70% پایین میاد. بهتره اولین منبع فشرده سازی فایلتون Gzip باشه، چون 90% از ترافیک اینترنت از مرورگرهایی استفاده می کنن که از Gzip پشتیبانی می کنن. به علاوه Gzip از سمت سرور قابل دسترسیه. میتونید از پوشه .htaccess, nginx.conf یا web.config تنظیمش کنید.

•  ذخیره سازی مرورگر

وقتی یه کاربر به سایتتون دسترسی پیدا می کنه، سرور تصاویر و فایل های html، CSS و جاوااسکریپت رو به سیستم شما میفرسته. این عناصر روی درایو هارد شما به عنوان کش ذخیره میشن تا اگه یه بار دیگه همون سایت رو باز کنید، دیگه نیازی به ارسال دوباره HTTP به سرور نباشه. به این ترتیب برای بازدیدهای بعدی فقط چند عنصر باید دانلود بشن نه همه. اگه هیچ چیزتون ذخیره (cache) نشده باشه  سرعت بارگذاری سایت خیلی بیشتر از چیزی میشه که فکرشو می کردید. طبق آمار یاهو، 40% تا 60% از بازدیدکننده های سایت با یه کش خالی میان، بنابراین بهرحال شما مجبورید سرعت سایتتونو برای این دفعه اولی ها بهینه کنید. اما با فعال کردن قابلیت کش، زمان بارگذاری رو برای دفعات بعدی بازدید کمتر کردید.
بهترین حالت اینه که همه منابعی که قابلیت ذخیره سازی دارن، حداقل یه هفته و ترجیحا یه سال نگهداری بشن. یه نکته دیگه برای اینکه سرعت دانلود عناصر HTTP رو بیشتر کنید، فعال کردن هدرهای HTTP keep-alive است. به این ترتیب مرورگر و سرور با همون اتصال میتونن چند فایل رو بگیرن و بفرستن. در واقع وقتی کاربر داره از سایت بازدید می کنه، اتصال سرور باز میمونه و برای همین دیگه نیازی نیست با هر درخواست یه اتصال باز بشه. برای فعال کردن keep-alive فقط باید از سرور سایتتون، چند خط ساده به فایل .htaccess, nginx.cong یا web.config file اضافه کنید.

• اسکریپت و CSS

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

• پیکربندی CDN

خیلیا فکر می کنن CDN نکته طلایی سرعت سایته. برای همین ما اول موارد دیگه رو گفتیم و بعد رفتیم سراغ CDN تا ثابت کنیم این تفکر اشتباهه. CDN لزوما سرعت سایت رو بالا نمی بره. CDN میتونه بعد از اجرای روش هایی که بالاتر گفتیم، سرعت صفحات رو افزایش بده. CDN ها سرورهایی هستن که در مناطق و جاهای مختلف قرار گرفتن تا امکانات پایداری رو به کاربر ارائه بدن. وقتی شبکه یه درخواست دریافت می کنه، داده ای که در نزدیکترین سرور قرار گرفته سرعت لود صفحه رو افزایش میده. محتوا بین چند سرور پخش میشه و به این ترتیب مسائلی که باعث تأخیر پاسخگویی سرور میشدن کاهش پیدا می کنن و در نتیجه سرعت دانلود بالا میره. به علاوه چون سرورها پخش شدن، up-time سایت هم افزایش پیدا می کنه و اگه یکی از سرورها نتونه، درخواست برای نزدیکترین سرور بعدی فرستاده میشه. این فایل های استاتیکی به صورت جدا (و در بیشتر موارد در URL های مختلف) از HTML مرکزی  صفحه ای سرو شدند که اجازه میده ساختمان صفحه شما به مرورگر فرستاده بشه. به این ترتیب نه تنها سرعت بارگذاری صفحه رو بالا میبره، بلکه نمیذاره صفحاتتون قبل از اینکه کامل لود بشن خراب و غیرطبیعی به نمایش دربیان. استفاده از CDN عملکرد سایتتونو در سراسر جهان بهتر می کنه و از این جهت ارزش هزینه کردن داره. اما باز هم باید به خاطر داشته باشید که CDN همینطور جادویی سرعت سایتتونو بالا نمیبره. باید CDN رو در کنار نکات دیگه ای که گفتیم انجام بدید تا نتیجه بهتری بگیرید.
حرف آخر
روش هایی که تو این مقاله گفتیم واقعا ارزشمندند و میتونن سایت وردپرسی شما رو تا آخرین حد ممکن سریع کنند. اما نباید انتظار داشته باشید فقط با کمک یکی از روش ها سرعت لود صفحات سایتتون خیلی عالی بشه. این تکنیک ها در کنار هم سرعت بارگذاری رو خیلی بیشتر بالا میبرن. یه CDN تنهایی نمیتونه سرعت لود رو بالا ببره. ذخیره سازی مرورگر و فشرده سازی فایل های بزرگ سایتتون کمک می کنه دانلود از سرور به کاربر سریع تر انجام بشه، چون اطلاعات و عناصر کمتری در هر بار دانلود میشه. ضمنا شما میتونید سرعت سایتتونو از طریق Google PageSpeed Insights یا GTmetrix  چک کنید تا ببینید صفحات سایتتون در مقیاس سرعت بارگذاری صفحات، اندازه صفحات و تعداد درخواست ها چطور عمل می کنن. هدف سایت باید ایجاد یه تجربه کاربری خوب باشه و اولین قدم در این راه افزایش سرعت بارگذاری صفحاته تا کاربر در اولین کلیک از سایتتون ناامید نشه. برای اطلاعات بیشتر در مورد افزایش سرعت بارگذاری صفحات میتونید به مقاله های قبلی دارکوب مراجعه کنید.

برای شنیدن یه حقیقت تلخ آماده اید؟
مردم (حتی مشتریهای شما) اهمیتی به شرکت شما نمیدن. بلکه به چیزی اهمیت میدن که همین الآن تو زندگی به دردشون بخوره.
شما هم باید به طور مرتب روی سایتتون مطالب و محتوای جدید بذارید، مطالبی که تو زندگی روزمره مردم مفید باشه و یه کمکی بکنه. این نوع محتوا 3 چیز مهم به سایت شما میدن:

• اعتبار

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

• حقیقت

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

• تجارت بیشتر

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

بعضی وقتا آدم با اونهمه اصطلاحات فنی و قلمبه سلمبه و خارجی که دور و بر طراحی سایت رو گرفته گیج میشه. اما ما همیشه تو دارکوب سعی کردیم همه چیز رو شسته و رفته بیان کنیم و ظاهر آسونی به طراحی سایت حرفه ای ببخشیم. این ویژگی تو همه کارهای ما وجود داره، حتی تو طرز صحبت کردنمون. مثلا با اینکه "توسعه دادن" سایت درستتره، ما خیلی وقتا میگیم "ساختن" سایت. ساختن بیشتر نشون میده که سایت هنر دستامونه. بعلاوه، الآن براش یه تشبیه قشنگ هم ساختیم: طراحی سایت مثل ساختن خونه است.
هاستینگ – زمین خونتونه
هاستینگ رو معادل زمین خونتون در نظر بگیرید. در واقع هاستینگ یا میزبانی همون تیکه زمین دیجیتالیه که قراره سایتتونو روش بسازید. درست همونطور که هر خونه ای باید روی یه زمینی ساخته بشه، هر سایتی هم باید روی یه هاستینگ ساخته بشه. سایتتونو روی هاستینگ دارکوب بنا کنید تا خیالتون بابت استحکام زیربناش راحت باشه.
نام دامنه – آدرس خونتونه
اسم دامنه همون آدرس www سایتتونه. در واقع مثل همون اسم خیابون و شماره پلاک خونه میمونه که نشون میده خونه دیجیتالیتون کجای این دنیای وب قرار گرفته. ما میتونیم تو انتخاب و ثبت یه دامنه جدید بهتون کمک کنیم. میتونید خدمات دامنه رایگان دارکوب رو ببینید.
نقشه سایت / طرح پیشنهادی / چارچوب
درست مثل خونه، یه سایت جذاب و مؤثر با یه برنامه درست و حسابی شروع میشه. برای اینکه به هدفتون برسید، مهمترین کار ورودی کاره. ما از طریق فرایند طرح پیشنهادی میتونیم یه طراحی حرفه ای آماده کنیم. درست مثل نقشه اشکوب خونه، باید سایتمونو طوری بهینه سازی کنیم که برای اهداف، مشتری ها و کسب و کار  منحصر به فرد شما ساخته شده باشه.
قالب وردپرس – زیربنا و چارچوب خونتونه
روشهای مختلفی برای خونه ساختن هست، مثلا میتونید خونه چوبی بسازید، یا با آجر و ملات باشه. در مورد سایت هم همینطوره. میتونید از بین پلتفرمهایی که هستن یکی رو انتخاب کنید. ما تو دارکوب از پلتفرم وردپرس استفاده می کنیم – وردپرس یکی از محبوترین پلتفرمهای جهانه که پشتیبانی خیلی خوبی هم ارائه میده. وردپرس تو شخصی سازی، عملکرد و سازگاری بهترینه. بعلاوه بروزرسانی ها و گسترش وردپرس بی نهایت ساده انجام میشه.
ماک آپ – تزئینات داخلی
دیوارهای خونه بالا رفتن و حالا وقتش رسیده که براش یه کاغذدیواری با بافت مناسب انتخاب کنیم. تزئینات داخلی خونه و طراحی سایت، هر دو در مورد جزئیات بنا هستن. سایتهایی که ما میسازیم طوری شخصی سازی شدن که یه بنای جذاب با تم و نمای ظاهری شرکت خودتون رو به نمایش در میارن، طوری که کاملا با برند شما و نماد شرکتتون همخوانی داشته باشه. محصولات / خدماتتونو به عنوان یه بخشی از این قطعه هنری ببینید که باید به دیوارهای خونه بیاویزید.
نگهداری سایت – تعمیر و نگهداری املاک
هر چیزی نیاز به تعمیر و نگهداری داره. علف های حیاط خونه باید از بین برن، ایوان باید جارو بشه و اتاقها باید هر چند وقت یه بار رنگ بخوره. در مورد سایت هم همینطوره، البته اگه بخواهید جذاب بمونه و همچنان مشتری ها رو به داخل دعوت کنه. ما گزینه های مختلفی برای این کار داریم. شاید شما بخواهید خودتون دست به کار بشید و خودتون زحمتشو بکشید. ما برای شما و کارمنداتون یه دوره آموزش وردپرس میذاریم. از طرف دیگه میدونیم که خیلی از شما سرتون شلوغه یا علاقه ای به رنگ کردن اتاقها ندارید. ما برای راحتی شما خدماتی ارائه میدیم که خونتونو به بهترین شکل ممکن نگه میداره، همه همسایه هاتون بهتون حسودی خواهند کرد.
شاید زیادی تو این تشبیه فرو رفته باشید. نکته اینجاست که داشتن یه سایت در حد سایتهای عالی جهانی میتونه تو دو قدمی شما باشه. فقط کافیه یه تماس با ما بگیرید. ما کمربندهامونو میبندیم و آماده میشیم که ساختن خونه شما چکش بزنیم.

تو این دنیایی که با بازاریابی اینترنتی هدایت میشه، اگه بگیم طراحی خوب سایت برای موفقیت خیلی مهمه، حرف تازه ای نزدیم و به نظرم چیز واضحی باشه، اما در عین حال زیاد هم در این مورد حرفی زده نشده و فکر نمی کنم گفتنش ضرری داشته باشه.
امروزه بیشتر مردم ترجیح میدن تا جایی که میشه خرید و فروششونو آنلاین انجام بدن، و انگار آینده قابل پیش بینی هم داره به همین سمت و سو متمایل میشه. سالها پیش که سایتها پدیده های تازه ای بودن، داستن سایت اونقدر که امروز برای بازاریابی آنلاین مهم شده، حیاتی نبود. امروزه بازاریابی آنلاین فوق العاده رقابتی شده. با این همه سایت های خوب، دیگه حتما باید شما هم برای خودتون سایتی به پا کنید. از طرف دیگه چون بازار توسعه سایت خیلی شلوغ شده، خاص و به یاد ماندنی کردن سایت هم خیلی سخت شده.
امروزه مدت تمرکز مردم خیلی کوتاهتر از قبل شده. تحقیقات نشون میده وقتی مردم چیزی رو سرچ می کنن، اگه ظرف 20 ثانیه نتونن اونچیزی رو که دنبالشن پیدا کنن، به احتمال خیلی زیاد ناامید میشن و میرن سراغ یه نتیجه/سایت دیگه.
بخاطر همین مسئله و چیزهای دیگه ای که تو مقالات قبلی دارکوب عنوان کردیم، 3 تا عامل تو موفقیت سایتها خیلی مهم شده: اولی اینه که بهترین سئوی ممکن (بهینه سازی موتورهای جستجو) رو داشته باشید. باید سئوی سایتتونو هر دقیقه بروز نگهدارید، هر دقیقه ممکنه اتفاقاتی بیفته که هزاران ضربه به رتبه جستجوی سایتتون بزنه. به عبارت دیگه، هرچی سئوی سایتتون بهتر باشه، وقتی مردم کلیدواژه هاتونو سرچ می کن سایتتون تو جایگاه بالاتری ظاهر میشه. اگه سایتتون تو صفحات دوم، سوم یا چهارم نتایج گوگل ظاهر بشه، احتمال این که کسی از این صفحات وارد سایتتون بشه خیلی کمه. اما اگه بتونید با استراتژی های سئو رتبه جستجوتونو تا حد ممکن بالا بیارید، شانس اینکه سایتتون بتونه تو صفحه اول نتایج ظاهر بشه خیلی بالا میره و بنابراین بیشتر کلیک میخوره.
مثلا فرض کنید شما تو تهران یه باشگاه ورزشی دارید و یه نفر عبارت "باشگاه در تهران" یا "باشگاه ورزشی در تهران" رو سرچ می کنه، اگه رتبه گوگل سایتتون پایین باشه، تا کاربر بخواد به اسم سایت شما برسه احتمالا قبلش یه باشگاه دیگه پیدا کرده و باشگاه دیگه ای لازم نداره.
دومین عامل زیبایی شناسیه: کشوندن مردم به سایت اهمیت زیادی نداره، مگر اینکه بتونید روی سایت نگهشون دارید. برای همین زیبایی سایت خیلی مهمه. مردم همیشه چیزهای زیبا رو دوست دارن. مثلا خودتون اگه یه نفر خوشتیپ رو ببینید، احتمالش بیشتر نیست که طولانی تر بهش نگاه کنید تا یه نفر بد تیپ؟ یا مثلا در مورد پارک چی؟ اگه یه پارکی علفهاش زرد باشن و درختاش خشک شده باشن، بازهم اونجا میرید؟ اصلا همون بار اول چقدر اونجا میمونید؟ به خصوص وقتی یه پارک قشنگ تو همون خیابون باشه. در مورد سایت هم همینطوره. اگه سایتی جذاب و زیبا باشه احتمالش بیشتره که مردم مدت طولانی تری توش بمونن. اما اگه جالب نباشه، مردم هم میرن سراغ یه سایت دیگه. زیبایی سایت به طراحیش مربوط میشه و به عهده طراح سایته که باید پیام تجاری شما رو به تصویر بکشه.
اما تا عامل سوم عملی نشه، دو عامل قبلی بی فایده هستن. عامل سوم اینه که سایتتون تا حد امکان کاربرپسند باشه. این هم البته زیادی گفته شده، اما هرچقدر بگیم باز هم کمه. هدف سایت شما اینه که براتون مشتری جذب کنه و کاربرهایی رو که دنبال خدمات و کالاهای شما میگردن رو بکشونه به سمت خودش تا از شما خرید کنن و تبدیل به مشتری بشن. در کنار دو عامل قبلی، این یکی کمک شرکتی مثل شرکت دارکوب رو میطلبه. دارکوب میتونه همه چیز رو متفاوت کنه. روشهای خاصی وجود داره که طراحی سایت و صفحاتش رو جذاب تر و کاربرپسندتر جلوه بده که در این مورد فرد طراح علاوه بر دانش کار، تجربه هم باید داشته باشه. دارکوب یکی از برترین شرکت های سئوکار ایرانه که تجربه توسعه و طراحی بیشتر از 2000 سایت رو داره. تمام سایتهایی که ما طراحی کردیم در کنار زیبایی و رتبه های بالای جستجو، کاربرپسند هم هستن.
برای موفقیت یه سایت تو دنیای امروز با این رقابت بالایی که تو بازاریابی آنلاین وجود داره، رتبه طراحی و توسعه کلی سایت روی گوگل خیلی حیاتیه. اجازه ندید طراحی ضعیف و رتبه پایین سایتتونو عقب بکشه. دارکوب رو انتخاب کنید تا تجارت آنلاینتون به موفقیت برسه.