طراحی سایت اختصاصی
طراحی وب سایت برای یک کسبوکار یعنی ساختن ابزاری که کار مشخصی انجام میدهد: مشتری را پیدا میکند، به سوالش جواب میدهد و راه تماس یا خرید را جلویش میگذارد. چه سایت را با کدنویسی اختصاصی بسازیم چه روی وردپرس، ساختار سئوی صفحهها از همان مرحله طراحی بسته میشود.
طراحی سایت اختصاصی یا وردپرس
وردپرس برای خیلی از سایتها انتخاب درستی است. ما هم میسازیمش و هم روی سایتهای وردپرسی کار سئو انجام میدهیم. تفاوت جایی پیدا میشود که سایت رشد میکند: قالب آماده و ده افزونه، سرعت را پایین میآورد، هر بهروزرسانی میتواند چیزی را بشکند و تغییر ساختار آدرسها کار سادهای نیست. سایت اختصاصی این وابستگیها را ندارد؛ هر قابلیتی که هست چون لازم بوده نوشته شده. اگر کارتان با وردپرس راه میافتد صادقانه همین را میگوییم و همان را میسازیم، چون سایت گرانتری که به دردتان نخورد برای هیچکدام از ما خوب نیست.
کدام یک از این دو به کار شما میآید، به خود کسبوکار بستگی دارد نه به سلیقه. در سایت اختصاصی یا وردپرس نوشتهایم این تصمیم با کدام معیارها گرفته میشود و هر کدام برای چه کسبوکاری جواب میدهد.
نگهداری سایت وردپرسی چند کار مشخص و تکرارشونده است و بیشترشان فنی نیستند. امنیت وردپرس همهشان را به ترتیب اهمیت فهرست کرده، از بهروزرسانی و دسترسیها تا بکاپی که یک بار تست شده باشد.
سرعت هم دقیقا از همین انتخابها اثر میگیرد. افزایش سرعت سایت نشان میدهد روی یک سایت موجود کدام کارها واقعا زمان بارگذاری را پایین میآورند و کدامها فقط نمره ابزارهای آنلاین را بهتر نشان میدهند.
تفاوت این دو انتخاب در سه لحظه مشخص خودش را نشان میدهد: روزی که میخواهید چیزی را در سایت عوض کنید، روزی که تعداد صفحهها و بازدید بالا میرود، و روزی که قابلیتی لازم دارید که در فهرست کارهای رایج نیست.
سایت وردپرسی از سه تکه ساخته میشود: هسته وردپرس، یک قالب و چند افزونه. مزیت این ساختار روشن است؛ بخش بزرگی از کار از قبل نوشته شده، پنل مدیریتش را خیلیها بلدند و برای اغلب کارهای معمول یک افزونه آماده وجود دارد، پس پروژه زودتر روی پا میایستد. طرف دیگر ماجرا هم همین است: هر قالب و هر افزونه یک نرمافزار مستقل با نویسنده و برنامه بهروزرسانی خودش است و سایت شما جایی میشود که تصمیمهای چند تیم متفاوت کنار هم اجرا میشوند.
سایت اختصاصی از پایه برای همان کسبوکار نوشته میشود. صفحهها، ساختار آدرسها، پنل مدیریت و هر قابلیتی که در سایت هست، چون لازم بوده ساخته شده. نتیجهاش این است که سایت چیزی را اجرا نمیکند که به آن احتیاج ندارید، و هر تغییری روی کدی انجام میشود که خودمان نوشتهایم و میشناسیم.
وردپرس و سایت اختصاصی، موضوع به موضوع
| موضوع | سایت وردپرسی | سایت اختصاصی |
|---|---|---|
| ویرایش سایت بعد از تحویل | پنل آشنای وردپرس: متن، عکس، محصول و صفحه تازه با همان پنل | پنل خود پروژه، ساختهشده برای همان کارهایی که واقعا انجام میدهید |
| وقتی چیزی میخواهید که قالب ندارد | یا افزونهای برایش پیدا میشود یا باید کد قالب را تغییر داد | همان قابلیت نوشته میشود، در ادامه کدی که سایت با آن ساخته شده |
| سرعت به چه چیزی بستگی دارد | به تعداد افزونهها، سنگینی قالب و کیفیت هاست | به همان کدی که برای سایت نوشته شده و چیزی جز آن اجرا نمیشود |
| امنیت و بهروزرسانی | هسته، قالب و افزونهها باید مرتب بهروز بمانند و این کار خودش یک روال است | تعداد اجزایی که باید بهروز بمانند خیلی کمتر است |
| ساختار آدرس صفحهها | قابل تنظیم است، ولی به قالب و افزونههایی که نصب شده گره میخورد | از روز اول تصمیم خودمان است و تغییرش کار روزمره است |
| هزینه تغییرهای بعدی | تغییر کوچک را اغلب خودتان انجام میدهید؛ تغییر بزرگ سراغ کد قالب میرود | تغییر کوچک محتوا با پنل؛ تغییر بزرگ روی کد خود سایت، نه با دور زدن یک قالب آماده |
| وقتی کاتالوگ و بازدید بزرگ میشود | تا اندازه خوبی جواب میدهد؛ از جایی به بعد هاست و ساختار بازبینی میخواهد | از اول برای همان اندازهای نوشته میشود که قرار است به آن برسید |
| به کدام پروژه میآید | سایت معرفی و فروشگاه کوچک و متوسط، وقتی سرعت شروع کار اهمیت دارد | پروژهای که قابلیت خاص، اتصال به سیستمهای دیگر یا رشد جدی در برنامه دارد |
این جدول یک برنده ندارد، چون هر دو ستونش کاری است که ما انجام میدهیم. انتخاب بین این دو به سه سوال برمیگردد: سایت قرار است چند سال کار کند، بعد از تحویل چه کسی به آن دست میزند، و در یک سال آینده چه چیزهایی قرار است به آن اضافه شود. جواب این سه را در همان گفتگوی اول میگیریم و پیشنهاد را روی همان میبندیم، مکتوب و با فهرست چیزی که داخل کار هست.
مراحل طراحی سایت اختصاصی
۱. گفتگوی اول: کسبوکار، مشتری و کاری که سایت باید انجام دهد.
۲. نقشه صفحهها: هر صفحه برای چه کسی و چه عبارتی نوشته میشود.
۳. طراحی رابط: ساختار صفحهها روی موبایل و دسکتاپ.
۴. ساخت: کدنویسی اختصاصی، بهعلاوه سرعت و ساختار فنی سئو.
۵. محتوا: نوشتن یا بازنویسی متن صفحهها.
۶. انتقال و تحویل: بردن آدرسهای سایت قبلی به مقصد جدید، وصل کردن سرچ کنسول و آنالیتیکس، و آموزش کار با پنل.
نسخه موبایل صفحهها هم همینجا تعیین میشود. سئو موبایل میگوید این نسخه کجاها از نسخه دسکتاپ عقب میماند و از کجا میشود دید کدام قسمتش مشکل دارد.
پیش از شروع طراحی، یک تصمیم ماندگار دیگر هم هست: نشانی خود سایت. انتخاب نام دامنه سراغ همین میرود: چه چیزی یک اسم را پای تلفن گفتنی میکند، ir. و com. هر کدام به چه کاری میآیند، و چرا نام ثبتکننده دامنه مهمتر از خود اسم است.
هر مرحله چه چیزی را تعیین میکند
گفتگوی اول درباره سایت نیست، درباره کسبوکار است: چه میفروشید، مشتری پیش از تماس دنبال چه چیزی میگردد، رقیبها چه کسانی هستند و سایت قرار است کدام کار را از دوش شما بردارد. خروجی این جلسه یک فهرست است از کارهایی که سایت باید انجام دهد، و همین فهرست بعدا معیار تحویل میشود.
نقشه صفحهها کمدیدهترین مرحله پروژه است و بیشترین اثر را روی نتیجه دارد. اینجا معلوم میشود سایت چند صفحه دارد، هر صفحه برای چه کسی و چه عبارتی نوشته میشود، کدام صفحه زیرمجموعه کدام است و نشانی هر کدام چه باشد. صفحهای که در این نقشه جای درستی ندارد، بعد از ساخته شدن هم پیدا نمیشود؛ نه بازدیدکننده مسیرش را میگیرد نه گوگل.
طراحی رابط از موبایل شروع میشود، چون بیشتر بازدید از گوشی میآید و صفحهای که روی دسکتاپ خوب است لزوما روی گوشی خوب نیست. در این مرحله ترتیب بخشهای هر صفحه، جای دکمهها و اندازه و فاصله متنها تعیین میشود، یعنی همان چیزهایی که مشخص میکنند بازدیدکننده تا کجای صفحه پیش میآید.
ساخت جایی است که نقشه به کد تبدیل میشود. کنار کدنویسی، کارهای فنی سئو هم همینجا انجام میشود و نه چند ماه بعد: ساختار آدرسها، عنوان و توضیح هر صفحه، نشانهگذاری اطلاعات برای گوگل، نقشه سایت و سرعت بارگذاری. همه اینها بعد از تحویل هم شدنی است، ولی آن وقت باید صفحههای ساختهشده را دوباره باز کرد.
محتوا مرحله جداگانهای دارد چون بیشترین وقت پروژه را میبرد. متن هر صفحه بر اساس همان عبارتی نوشته میشود که در نقشه صفحهها برایش تعیین شده، نه متن عمومی که هر جای دیگری هم میشد گذاشت. اگر متن و عکس آماده دارید همان را مرتب و بازنویسی میکنیم و اگر ندارید از صفر مینویسیم.
انتقال و تحویل چیزی بیشتر از بالا آمدن سایت است. اگر سایت قبلی دارید، فهرست کامل آدرسهای فعلی در میآید و هر آدرس به معادل خودش در سایت جدید هدایت میشود، تا هم لینکهای قدیمی نشکنند و هم آنچه گوگل تا امروز درباره آن صفحهها میداند به نسخه تازه برسد. بعد از آن سرچ کنسول و گوگل آنالیتیکس روی حساب خود شما وصل میشود، پنل تحویل و آموزش داده میشود و کار همراه با پشتیبانی رایگان ادامه پیدا میکند.
تقسیم کار پروژه
آنچه از سمت شما لازم است و آنچه با ماست
قرار بود فقط سایت را تحویل بگیریم، ولی مرحله نقشه صفحهها باعث شد خودمان هم بفهمیم مشتری دنبال چه چیزی میگردد. بعد از تحویل، متن صفحهها و عکس محصولها را خودمان از پنل عوض میکنیم و منتظر کسی نمیمانیم.
سفارش طراحی سایت شرکتی، فروشگاهی و خدماتی
سایت شرکتی برای معرفی مجموعه و گرفتن تماس ساخته میشود، سایت فروشگاهی برای فروش مستقیم و مدیریت محصول، و سایت خدماتی برای کسبوکاری که کارش رزرو یا درخواست سرویس است. ساختار فنی هر سه یکی است و چیزی که فرق میکند صفحهها، مسیر کاربر و شکل محتواست. اگر نمیدانید کدام به کارتان میآید، همین را در همان گفتگوی اول روشن میکنیم.
کدام نوع سایت به کار شما میآید
سایت شرکتی
برای کسبوکاری که فروشش پای تلفن و سر جلسه بسته میشود: پیمانکار، تولیدی، شرکت بازرگانی و خدماتی. مشتری پیش از تماس دنبال سابقه، نمونهکار و اندازه مجموعه میگردد، پس کار سایت این است که در چند ثانیه بگوید چه میکنید و برای چه کسی، و راه تماس را جلوی دست بگذارد.
سایت فروشگاهی
برای کسی که خود کالا را آنلاین میفروشد. اینجا صفحه محصول، دستهبندی، جستجو و مسیر مشتری تا پرداخت کار اصلی است. مدیریت روزمرهاش هم از دو نوع دیگر بیشتر است، چون قیمت و موجودی مدام عوض میشود و پنل باید همین را ساده کند.
سایت خدماتی
برای کسبوکاری که بهجای کالا، وقت و سرویس میفروشد: کلینیک، دفتر مشاوره، آموزشگاه، شرکت نصب و تعمیر. صفحه هر خدمت جدا نوشته میشود، چون مشتری اسم همان خدمت را جستجو میکند نه اسم مجموعه را.
بیشتر پروژهها دقیقا در یکی از این سه دسته نمیافتند: یک تولیدی که کاتالوگ کاملی آنلاین دارد و فروش را به تماس میسپارد، یا آموزشگاهی که چند دوره را هم مستقیم میفروشد. چون پایه فنی هر سه یکی است، ترکیبشان کار سختی نیست و از همان نقشه صفحهها معلوم میشود سایت شما به کدام طرف نزدیکتر است.
جزئیات هر کدام کجاست
کاری که تا اینجا گفتیم روی هر پروژهای صدق میکند، ولی هر نوع سایت جزئیات خودش را دارد و پروژهای که از راه دور جلو میرود روال خودش را. صفحههای زیر همین جزئیات را کامل میگویند.
طراحی سایت شرکتی: تقسیم صفحهها در یک سایت معرفی، انتخاب بین کدنویسی اختصاصی و وردپرس، و شکل برآوردی که داخل شرکت قابل تایید باشد.
طراحی سایت فروشگاهی: چه چیزی داخل خود فروشگاه ساخته میشود، مسیر مشتری از دیدن کالا تا پرداخت، و اینکه پروژه چقدر کار دارد.
طراحی لندینگ پیج: یک صفحه برای یک کمپین تبلیغاتی مشخص، و اینکه چه وقت بهجای آن خود سایت لازم است.
کار ما به یک شهر محدود نیست و پروژههای شهرهای دیگر از راه دور جلو میرود. برای این شهرها صفحه جداگانه نوشتهایم:
طراحی سایت در تهران: سه راه ساختن سایت و فرقی که بعد از تحویل خودش را نشان میدهد، بهعلاوه اینکه جلسه اول میتواند حضوری باشد.
طراحی سایت در مشهد: وقتی مشتری پیش از رسیدن به شهر تصمیم میگیرد، سایت باید چه چیزی را جواب بدهد.
طراحی سایت در تبریز: سایت قبلیتان بازطراحی شود یا از نو ساخته شود، و آدرسهای فعلی چه میشوند.
طراحی سایت در کرج: پروژه از چه چیزی طولانی میشود و کدام مرحله دست کیست.
طراحی سایت در شیراز: اینکه بدون دفتر در شهر شما، پروژه چطور اداره و تحویل میشود.
طراحی سایت در اصفهان: طراحی و سئو در یک پروژه، و اینکه پیشنهاد ارزان بعدا سر چه چیزی هزینه میسازد.
چند صنف هم صفحه خودشان را دارند، چون سوال اصلیشان با بقیه فرق میکند:
طراحی سایت هتل: سایت خود مجموعه چه چیزی را نشان میدهد که صفحهتان در پلتفرمهای رزرو نشان نمیدهد.
طراحی سایت وکالت: آنچه سایت از خود دفتر نشان میدهد و اینکه پیام بازدیدکننده کجا ثبت میشود.
طراحی سایت فروشگاه پوشاک: صفحه یک لباس، شرایط تعویض، و ثبت یک لباس با چند سایز و رنگ در کاتالوگ.
طراحی سایت دندانپزشکی: بیماری که نام درمان را جستجو میکند و صفحهای که باید جوابش را بدهد.
قیمت طراحی سایت در سال ۱۴۰۵ به چه چیزی بستگی دارد
هزینه طراحی سایت یک عدد ثابت نیست و هر تعرفهای که روی سایتها میبینید هم برای پروژه شما صادق نیست. عدد را این چیزها تعیین میکنند: تعداد صفحهها، فروشگاهی بودن یا نبودن، تعداد محصولها، اتصال به سیستمهای دیگر مثل حسابداری یا درگاه پرداخت، آماده بودن یا نبودن محتوا، و اینکه سایت قبلی دارید که باید منتقل شود.
اولین چیزی که عدد را جابهجا میکند تعداد قالب صفحه است، نه تعداد صفحه. یک فروشگاه با هزار محصول ممکن است فقط پنج قالب داشته باشد (خانه، دستهبندی، محصول، مقاله و تماس) و هزار صفحهاش از همان پنج قالب ساخته شود. در مقابل، یک سایت معرفی دهصفحهای میتواند ده صفحه کاملا متفاوت داشته باشد که هر کدام جدا طراحی و کدنویسی میشود. پس در برآورد، اول قالبها شمرده میشوند و بعد صفحهها.
دوم، قابلیتهای سفارشی. هر کاری که سایت باید انجام دهد و در فهرست کارهای معمول یک سایت نیست، یک کار مستقل حساب میشود: فیلتر کردن محصولها بر اساس چند مشخصه فنی، فرم چندمرحلهای برای ثبت درخواست، محاسبهگر روی صفحه، یا پنلی که گزارش خاصی از کار شما بیرون بدهد. هر کدام از اینها اول تعریف میشود و بعد در برآورد جای خودش را میگیرد.
سوم، محتوا. اگر متن صفحهها، مشخصات محصولها و عکسها آماده باشد، بخش بزرگی از کار از قبل انجام شده است. اگر نباشد، نوشتن و آماده کردنشان بخشی از پروژه است و کموبیش همانقدر وقت میبرد که ساختن خود صفحهها. بیشترین چیزی که پروژهها را سنگین و طولانی میکند همین یک قلم است.
چهارم، اتصال به سیستمهای دیگر. وصل کردن سایت به چیزی که بیرون از آن است، مثل نرمافزار حسابداری، سیستم انبار یا درگاه پرداخت، همیشه یک کار جداگانه است و اندازهاش به طرف مقابل بستگی دارد. سیستمی که راه اتصال مشخص و مستند دارد کار یک مرحله است؛ سیستمی که ندارد اول باید بررسی شود تا معلوم شود از کجا میشود به آن وصل شد.
پنجم، سایت قبلی. پروژهای که از صفر شروع میشود با پروژهای که باید محتوا و آدرسهای یک سایت موجود را با خودش بیاورد یکی نیست. در دومی، فهرستبرداری از آدرسها، انتقال محتوا و هدایت هر آدرس قدیمی به معادل تازهاش کار اضافهای است که باید در برآورد دیده شود، وگرنه بعد از تحویل به شکل صفحههای گمشده بیرون میزند.
به همین دلیل عدد را بعد از دیدن این پنج چیز میگوییم و نه قبلش. برآورد مکتوب داده میشود، همراه با فهرست کارهایی که داخل آن هست، تا در طول پروژه روشن باشد سر چه چیزی توافق شده است.
طراحی سایت اقساطی
برای کسبوکارهای نوپا، پرداخت پروژه را میشود مرحلهای و همراه با پیشرفت کار پیش برد. اینکه برای پروژه شما شدنی است یا نه، به اندازه و زمانبندی خود پروژه بستگی دارد.
طراحی سایت و سئو با هم
اگر سایت جدید را برای دیده شدن در گوگل میخواهید، سئو را از همینجا شروع میکنیم نه چند ماه بعد از تحویل.
