🗺️ چرا به یک راهنمای کامل نیاز دارید؟
یادم میآید چند سال پیش، یک صاحب مغازه کفش از تهران با من تماس گرفت. گفت: «آرمین جان، سه ماه پیش به یک شرکت طراحی سایت ۸ میلیون تومان دادم. الان سایتم آماده است اما وقتی اسم مغازهام را در گوگل جستجو میکنم، پیدا نمیشود. مشتری از سایت نمیآید. سایت به چه دردی میخورد؟»
این داستان را صدها بار شنیدهام. مشکل اینجا نیست که «طراحی سایت گران است» یا «طراح خوبی پیدا نمیشود» — مشکل این است که اکثر کسبوکارها بدون یک نقشه راه مشخص وارد پروژه طراحی سایت میشوند.
این مقاله آن نقشه راه است. یک راهنمای کامل طراحی سایت که هر قدم را — از قبل از شروع تا بعد از راهاندازی — با جزئیات کامل توضیح میدهد. اگر هنوز با مفهوم پایه آشنا نیستید، ابتدا مقاله طراحی سایت چیست را بخوانید و بعد به اینجا برگردید.
💡 این راهنما برای کیست؟
این مقاله برای صاحبان کسبوکار نوشته شده که میخواهند سایت بسازند یا سایت فعلیشان را بهبود دهند. نه یک درس کدنویسی است و نه یک مقاله فنی برای برنامهنویسان — بلکه یک راهنمای تصمیمگیری است که به شما کمک میکند آگاهانه انتخاب کنید.
📋 پیشنیازهای ساخت سایت — قبل از هر چیز اینها را آماده کنید
قبل از اینکه حتی اسم دامنه انتخاب کنید یا با طراح مذاکره کنید، باید چند چیز اساسی را مشخص کرده باشید. اینها «مواد اولیه» پروژه شما هستند.
هدف مشخص
سایت شما باید دقیقاً یک هدف اصلی داشته باشد: فروش محصول، جذب مشتری، معرفی خدمات، یا انتشار محتوا. سایت بدون هدف = بودجه هدر رفته.
اولویت اولتعریف مخاطب
مشتری ایدهآل شما کیست؟ سن، جنس، موقعیت جغرافیایی، درآمد، مشکلاتش چیست؟ هرچه مخاطب را بهتر بشناسید، طراحی بهتری خواهید داشت.
اولویت دومهویت برند
لوگو، رنگهای برند، فونت، تن صدا (رسمی یا دوستانه؟). اگر ندارید، طراح میتواند کمک کند — اما بهتر است قبلاً فکر کرده باشید.
اولویت سوممحتوای اولیه
متن معرفی، شرح خدمات، اطلاعات تماس و حداقل چند تصویر با کیفیت. بدون محتوا هیچ طراحیای نمیتواند شروع کند.
اولویت چهارمبودجه واقعی
نه کمتر از حدی که کیفیت آسیب ببیند، نه بیشتر از چیزی که ROI داشته باشد. بودجهبندی واقعی از ابتدا از سردرگمی جلوگیری میکند.
اولویت پنجمزمانبندی
کی باید سایت آماده باشد؟ آیا رویداد یا فصل خاصی دارید؟ زمانبندی واقعبینانه از هر دو طرف — شما و طراح — ضروری است.
اولویت ششمنکته حرفهای: قبل از هر جلسه با طراح سایت
یک صفحه Word یا حتی یک کاغذ بنویسید: هدف سایت، ۳ رقیب که سایتشان را میپسندید (و چرا)، ۳ ویژگی ضروری سایت. این یک صفحه ساده ساعتها وقت هر دو طرف را صرفهجویی میکند.
🎯 تعریف هدف و نوع سایت — مهمترین تصمیم پروژه
هدف سایت شما همه چیز را تعیین میکند: از نوع پلتفرم تا ساختار صفحات، از نوع محتوا تا نحوه سنجش موفقیت. پیش از هر قدمی، این سوال را با صداقت به خودتان بپرسید: «یک بازدیدکننده باید بعد از دیدن سایت من چه کاری انجام دهد؟»
🛒 هدف فروش
اگر میخواهید محصول یا خدمت بفروشید، سایت باید حول «خرید» طراحی شود. فروشگاه آنلاین، لندینگ پیج محصول یا سیستم رزرو مناسب هستند.
📞 هدف جذب مشتری
اگر هدف گرفتن تماس یا پر کردن فرم است، سایت باید اعتماد بسازد و CTA قوی داشته باشد. سایت شرکتی یا پورتفولیو مناسب است.
📝 هدف محتوا و آموزش
اگر میخواهید ترافیک ارگانیک جذب کنید و اعتبار تخصصی بسازید، بلاگ و مجله آنلاین با وردپرس بهترین انتخاب است.
🏢 هدف اعتبارسازی
اگر مشتری قبل از تماس، شما را در اینترنت جستجو میکند، سایت حرفهای با نمونهکار، تیم و داستان برند کافی است.
هر هدف، نوع خاصی از سایت را میطلبد. اگر هدفتان رشد کسبوکار است، مقاله طراحی سایت برای کسب و کار را پیشنهاد میکنم. برای بررسی کامل انواع سایت و اینکه کدام برای شما مناسب است، مقاله اصلی طراحی سایت را مطالعه کنید.
⚠️ خطای «سایت همهچیز»
یکی از رایجترین اشتباهات این است که از طراح بخواهند «سایتی بسازد که هم فروشگاه باشد، هم بلاگ، هم پرتال عضویت، هم پشتیبانی آنلاین.» نتیجه؟ سایتی که هیچچیز را درست انجام نمیدهد. با یک هدف شروع کنید و بعداً توسعه دهید.
🌐 انتخاب دامنه — آدرس سایت شما در اینترنت
دامنه (Domain) همان آدرسی است که کاربران در مرورگر تایپ میکنند تا به سایت شما برسند — مثل armin-ghanbari.ir. انتخاب دامنه یک تصمیم بلندمدت است؛ تغییر آن بعداً هزینه سئو دارد.
قوانین طلایی انتخاب دامنه
- کوتاه باشد: هرچه کوتاهتر، راحتتر حفظ میشود و کمتر اشتباه تایپ میشود. ایدهآل زیر ۱۵ کاراکتر
- قابل تلفظ باشد: اگر کسی آدرس را بشنود، بتواند آن را تایپ کند
- بدون عدد و خط تیره:
best-site-1.irبدتر ازbestsite.irاست - نام برند را در خود داشته باشد: ترجیحاً نام شرکت یا نام خودتان
- کلمه کلیدی بونوس است:
tarahi-sayt.irبرای SEO مفید است اما به تنهایی کافی نیست
| پسوند | مزیت | محدودیت | توصیه |
|---|---|---|---|
| .ir | اولویت گوگل ایران، اعتماد ایرانیها | نیاز به مدارک ایرانی | ✅ اول انتخاب کنید |
| .com | شناختهشده جهانی، هیچ محدودیتی | رقابت بالا، اولویت محلی ندارد | ✅ کنار .ir ثبت کنید |
| .co | کوتاه، مدرن | کمتر شناختهشده در ایران | ⚠️ فقط اگر .com گرفته باشند |
| .org / .net | برای سازمانها و شبکهها | برای کسبوکار معمولی ضعیف | ❌ توصیه نمیشود |
| .store / .shop | توصیفی، برای فروشگاه | هنوز در ایران ناشناخته | ⚠️ اگر .ir و .com گرفته باشند |
✅ استراتژی پیشنهادی دامنه
ابتدا نامبرند.ir را ثبت کنید. اگر موجود نبود نامبرند.com را بگیرید. بعد از ثبت، نسخههای مشابه را هم ثبت کنید تا رقبا نگیرند. هزینه ثبت سالانه دامنه .ir حدود ۱۰۰–۱۵۰ هزار تومان است — خیلی ارزانتر از این است که بعداً بخواهید از شخص دیگری بخرید.
انتخاب صحیح دامنه اولین قدم در ساخت هویت آنلاین حرفهای است
🖥️ انتخاب هاستینگ — خانهای برای سایت شما
هاستینگ (Hosting) همان سروری است که فایلهای سایت شما روی آن ذخیره میشود و ۲۴ ساعته در دسترس کاربران است. انتخاب اشتباه هاستینگ یعنی سایت کند، قطعیهای مکرر و رتبه پایین در گوگل.
انواع هاستینگ — کدام مناسب شماست؟
هاست اشتراکی (Shared Hosting)
ارزانترین گزینه. چند سایت روی یک سرور هستند. برای سایتهای کوچک و تازهشروع مناسب است اما در ترافیک بالا کند میشود. قیمت: ۳۰۰ هزار تا ۱ میلیون تومان در سال.
مناسب شروعVPS (سرور مجازی)
منابع اختصاصی، کنترل کامل، قابلیت مقیاسپذیری. برای سایتهای با ترافیک متوسط به بالا. نیاز به مدیریت فنی دارد یا از سرویسهای مدیریتشده استفاده کنید. قیمت: ۱ تا ۵ میلیون تومان در ماه.
توصیه میشودCloud Hosting
زیرساخت ابری مثل AWS، Google Cloud یا سرویسهای ایرانی. بالاترین قابلیت مقیاسپذیری. پرداخت به میزان مصرف. برای سایتهای Enterprise و فروشگاههای بزرگ.
برای پروژههای بزرگهاست وردپرس اختصاصی
سرورهایی که برای وردپرس بهینه شدهاند. پلاگینهای کش، SSL، CDN و بکاپ اتوماتیک دارند. اگر وردپرس انتخاب شما است، این گزینه را جدی بگیرید.
برای وردپرسهاست ایرانی یا خارجی؟
این یکی از پرتکرارترین سوالهایی است که در مشاوره میشنوم. جواب ساده نیست:
✅ هاست ایرانی بهتر است اگر...
مخاطب اصلی شما در ایران است، سرویس نیاز به IPهای ایرانی دارد (مثل درگاه پرداخت ایرانی)، و بودجه محدودی دارید.
✅ هاست خارجی + CDN ایرانی بهتر است اگر...
میخواهید Core Web Vitals عالی داشته باشید، سایت شما مخاطب بینالمللی دارد، یا قابلیتهای فنی پیشرفتهتری نیاز است.
📊 چکلیست انتخاب هاستینگ خوب
هر هاستینگ را با این معیارها بسنجید: Uptime ۹۹.۹٪+ (کمتر از این قابل قبول نیست)، پشتیبانی ۲۴/۷ فارسی، بکاپ روزانه خودکار، SSL رایگان، cPanel یا کنترل پنل معتبر، و امکان آپگرید بدون قطعی. قبل از خرید، نظرات کاربران را در فرومهای ایرانی بخوانید. اگر به دنبال گزینههای طراحی سایت ارزان هستید، هاست اشتراکی ایرانی نقطه شروع خوبی است. اما اگر کیفیت اولویت شماست، طراحی سایت اختصاصی با VPS را در نظر بگیرید.
گیج شدید؟ یک مشاوره رایگان همه چیز را روشن میکند
دامنه، هاستینگ، پلتفرم — در یک جلسه ۳۰ دقیقهای همه تصمیمهای اساسی را با هم میگیریم.
🔧 انتخاب پلتفرم طراحی سایت — قدم مهم بعدی
وقتی دامنه و هاستینگ آماده شد، نوبت انتخاب پلتفرمی است که روی آن سایت میسازید. این انتخاب ساختار فنی کل پروژه را تعیین میکند.
وردپرس — بهترین انتخاب برای اکثر کسبوکارها
وردپرس (WordPress) با بیش از ۴۳٪ سهم از کل سایتهای دنیا، محبوبترین پلتفرم است. دلیل این محبوبیت ساده است: ترکیب قدرت، انعطاف و قابلیت مدیریت آسان. راهنمای کامل را در مقاله طراحی سایت با وردپرس بخوانید. همچنین اگر فریلنسر یا متخصص مستقل هستید، مقاله طراحی سایت شخصی برای شما نوشته شده است.
وردپرس (WordPress)
برای: بلاگ، سایت شرکتی، پورتفولیو، فروشگاه (با WooCommerce). مدیریت بدون نیاز به کد، هزاران پلاگین، جامعه بزرگ.
رایگان و متنبازNext.js / React
برای: وب اپلیکیشن، SaaS، پروژههای Enterprise با نیاز به سئو عالی. سریعترین گزینه اما نیاز به توسعهدهنده دارد.
برای پروژههای پیچیدهHTML / CSS خالص
برای: لندینگ پیجهای ساده، صفحات نمایشگاهی که محتوا تغییر نمیکند. سریعترین نوع سایت از نظر لود.
برای لندینگ پیجWooCommerce
برای: فروشگاههای آنلاین روی بستر وردپرس. مدیریت محصول، سبد خرید، درگاه پرداخت ایرانی. برای آشنایی بیشتر اینجا کلیک کنید.
رایگان با وردپرس💡 Wix و Squarespace چطور؟
این پلتفرمها برای آزمایش ایده یا نمونهکار موقت مناسب هستند، اما برای کسبوکار جدی توصیه نمیشوند. محدودیتهای سئو، سرعت پایین، عدم مالکیت کامل بر سایت و هزینههای ماهانه بالا در بلندمدت ضرر میکنند.
✏️ فاز طراحی — از ایده تا موکاپ نهایی
بعد از تصمیمات فنی، وقت طراحی واقعی سایت است. یک فاز طراحی حرفهای از تحقیق شروع میشود و با یک Mockup تأییدشده پایان مییابد.
🔍 تحقیق رقبا و الهام
۵ تا ۱۰ سایت رقیب یا الهامبخش را جمعآوری کنید. بنویسید چه چیزی را میپسندید و چه چیزی را نه. این «مدبرد» بهترین شروع برای هر طراح است.
🗺️ معماری اطلاعات (Sitemap)
ساختار کلی سایت: چه صفحاتی وجود دارد، چطور به هم لینک میشوند، منوبندی چطور است. این نقشه ساختمان سایت است.
📐 Wireframe (اسکلتبندی)
طرح اولیه سیاهوسفید که چیدمان کلی هر صفحه را نشان میدهد — بدون رنگ و جزئیات. اینجا ساختار تأیید میشود، نه زیبایی.
🎨 Mockup در Figma
طراحی کامل با رنگ، فونت، تصاویر واقعی و نسخه موبایل. قبل از نوشتن یک خط کد همه چیز را میبینید و تأیید میکنید.
✅ تأیید نهایی قبل از کدنویسی
هر تغییری در این مرحله ارزان است. بعد از کدنویسی، همان تغییر ۵ تا ۱۰ برابر زمان بیشتری میبرد.
طراحی Wireframe و Mockup قبل از کدنویسی، هزینه بازنگری را به صفر میرساند
اصول طراحی که باید از طراح بخواهید
Mobile First
طراحی باید ابتدا برای موبایل باشد و بعد به دسکتاپ گسترش پیدا کند. بیش از ۶۰٪ ترافیک از موبایل است.
Visual Hierarchy
مهمترین اطلاعات باید اول و بزرگتر دیده شوند. کاربر باید بدون فکر کردن بداند کجا نگاه کند.
CTA واضح
هر صفحه باید یک دکمه یا لینک مشخص داشته باشد که به کاربر بگوید «قدم بعدی این است.»
خوانایی (Readability)
فونت فارسی خوانا، کنتراست کافی بین متن و پسزمینه، فاصله خطوط مناسب. متنی که سخت خوانده میشود، خوانده نمیشود.
سرعت بارگذاری
تصاویر بهینه، فونتهای کمتر، کد تمیز. طراحی زیبا نباید به قیمت کندی سایت تمام شود.
دسترسپذیری
سایت باید برای همه قابل استفاده باشد — از جمله افراد با محدودیتهای بینایی. Alt Text تصاویر، کنتراست رنگها و ساختار سمانتیک.
برای یادگیری عمیقتر اصول طراحی UI/UX، راهنمای کامل طراحی UI/UX را مطالعه کنید. اگر به دنبال نتیجه سریعتر هستید، مقاله طراحی سایت سریع میانبُرهای حرفهای را معرفی میکند. برای درک معیارهای یک طراحی واقعاً حرفهای هم مقاله طراحی سایت حرفهای را بخوانید.
📝 محتوانویسی برای سایت — جایی که اکثر کسبوکارها گیر میکنند
یکی از بزرگترین تأخیرها در پروژههای طراحی سایت، دیرآماده شدن محتوا توسط کارفرماست. طراحی آماده است، کدنویسی منتظر است — اما متنها و تصاویر هنوز نیامدهاند.
محتوای سایت فقط «پر کردن فضا» نیست. محتوا همان چیزی است که در گوگل رتبه میگیرد، مشتری را قانع میکند و فروش ایجاد میکند.
صفحاتی که هر سایت حتماً باید داشته باشد
صفحه اصلی (Homepage)
در ۵ ثانیه اول باید بگوید: «شما کی هستید، چه میفروشید و چرا بهترید.» Headline قوی، زیرعنوان واضح، CTA مشخص و اثبات اجتماعی (نظرات مشتریان).
حیاتیصفحه خدمات/محصولات
جزئیات کامل هر خدمت یا محصول. مشکلی که حل میکند، مزایا، قیمت یا راهنمای قیمتگذاری، CTA برای اقدام. هر خدمت باید صفحه جداگانه داشته باشد.
حیاتیصفحه «درباره ما»
داستان برند، تیم، ارزشها. این صفحه بیشتر از آنچه فکر میکنید اهمیت دارد — کاربران قبل از خرید، شما را «جستجو» میکنند.
مهمصفحه تماس
فرم تماس، شماره تلفن واقعی، آدرس، ساعات کاری، لینک شبکههای اجتماعی. هرچه دسترسی به شما آسانتر باشد، اعتماد بیشتری میسازد.
مهم✅ فرمول محتوای خوب برای هر صفحه
مشکل (کاربر با چه دردی آمده) → راهحل (شما چه ارائه میدهید) → اثبات (چرا باید به شما اعتماد کرد) → اقدام (قدم بعدی چیست). این فرمول ساده اما قدرتمند است.
تصاویر — کیفیت از کمیت مهمتر است
تصاویر بد — پیکسلدار، stock photoهای کلیشهای یا تصاویر نامرتبط — به اعتماد کاربر آسیب میزنند. اگر عکاسی حرفهای از محصولات یا تیمتان دارید، عالی است. اگر نه، حداقل تصاویر Unsplash با کیفیت بالا انتخاب کنید. همه تصاویر باید فشردهسازی شوند — یک تصویر ۵ مگابایتی، ۳ ثانیه زمان لود اضافه میکند.
🚀 راهاندازی سایت — آخرین قدم قبل از انتشار
سایت آماده است، محتوا آپلود شده — اما قبل از اینکه آدرس را به همه بدهید، باید یک چکلیست فنی را طی کنید. یک راهاندازی اشتباه میتواند ماهها سابقه سئو سایت را خراب کند. برای مرور کاملتر هر مرحله، مقاله مراحل طراحی سایت را پیشنهاد میکنم.
🔒 نصب SSL Certificate
گواهی SSL (آدرس https://) الزامی است. بدون آن گوگل سایت را «ناامن» علامت میزند. اکثر هاستها SSL رایگان Let's Encrypt ارائه میدهند.
📊 ستآپ Google Analytics 4
بدون Analytics نمیدانید چه کسی، از کجا و چگونه به سایت میآید. این دادهها پایه همه تصمیمهای بعدی است.
🔍 ثبت در Google Search Console
به گوگل اعلام میکنید سایت شما وجود دارد. Sitemap ارسال کنید و منتظر ایندکس شدن بمانید. اولین ایندکس معمولاً ۳ تا ۷ روز طول میکشد.
⚡ تست PageSpeed و Core Web Vitals
با Google PageSpeed Insights سرعت سایت را چک کنید. هدف: امتیاز بالای ۸۰ در موبایل و ۹۰ در دسکتاپ.
📱 تست موبایلپذیری
سایت را روی گوشی واقعی — نه فقط Chrome DevTools — تست کنید. همه دکمهها، فرمها و لینکها باید در موبایل درست کار کنند.
🔗 تست همه لینکها و فرمها
یک بار کامل سایت را با چشم یک کاربر جدید بگردید. همه لینکها را کلیک کنید، فرم تماس را پر کنید، فرآیند خرید را تست کنید.
⚠️ یک اشتباه رایج در روز راهاندازی
بسیاری از کسبوکارها روز راهاندازی تبلیغ گسترده شروع میکنند — بدون اینکه سایت را کامل تست کرده باشند. نتیجه؟ هزینه تبلیغ میرود اما بازدیدکنندهها به دلیل باگ یا کندی سایت از دست میروند. اول تست کنید، بعد تبلیغ.
📈 بعد از راهاندازی سایت — کار تازه شروع شده
یکی از باورهای غلط رایج این است که وقتی سایت آنلاین شد، «کار تمام است.» اما واقعیت این است که راهاندازی سایت نقطه شروع است، نه پایان.
📝 تولید محتوای مداوم
بلاگ، مقالات تخصصی، راهنماها — محتوای تازه منظم، سیگنال قوی به گوگل میدهد که سایت شما فعال است و ارزشمند. برای استراتژی محتوا مقاله سئو را ببینید.
🔒 آپدیتهای امنیتی
وردپرس، پلاگینها و قالب باید منظم آپدیت شوند. یک سایت بدون آپدیت، مثل خانهای با در باز است. برای نگهداری خدمات پشتیبانی را ببینید.
📊 آنالیز و بهبود
هر ماه Google Analytics را بررسی کنید: کدام صفحات بیشتر بازدید دارند، کاربران کجا سایت را ترک میکنند، نرخ تبدیل چقدر است. داده تصمیم میگیرد، نه احساس.
🔗 لینکسازی خارجی
سایتهای دیگر که به سایت شما لینک میدهند، یکی از قویترین سیگنالهای رتبهبندی گوگل است. در انجمنهای تخصصی، شبکههای اجتماعی و رسانهها حضور داشته باشید.
⚡ بهینهسازی مستمر
Core Web Vitals مداوم مانیتور کنید. با هر آپدیت وردپرس یا پلاگین، سرعت و عملکرد را دوباره تست کنید.
💾 بکاپ منظم
حداقل هفتهای یک بار بکاپ کامل از سایت بگیرید. اگر هاست بکاپ خودکار دارد، مطمئن شوید فعال است. هیچ سایتی از هک یا خرابی سرور مصون نیست.
تایملاین واقعی برای دیده شدن در گوگل
یک سایت جدید معمولاً ۳ تا ۶ ماه طول میکشد تا نتایج جدی سئو نشان دهد. این طبیعی است. گوگل به سایتهای جدید «اعتبار» میدهد به مرور زمان. در این مدت بر تولید محتوای با کیفیت، لینکسازی طبیعی و بهبود تجربه کاربری تمرکز کنید.
✅ چکلیست کامل راهنمای طراحی سایت
این چکلیست را پرینت بگیرید یا ذخیره کنید. قبل از راهاندازی سایت، همه موارد باید تیک داشته باشند:
🏗️ قبل از شروع پروژه
🌐 زیرساخت فنی
🎨 طراحی و توسعه
📈 سئو پایه
🔒 امنیت و نگهداری
❓ سوالات متداول — راهنمای کامل طراحی سایت
🏁 جمعبندی — راهنمای کامل طراحی سایت در یک نگاه
ساخت سایت حرفهای یک مسیر قدمبهقدم است، نه یک اتفاق یکشبه. با تعریف درست هدف شروع کنید، دامنه و هاستینگ مناسب انتخاب کنید، پلتفرم صحیح را بر اساس نیازتان انتخاب کنید، طراحی را با Wireframe و Mockup محکم کنید، محتوای هدفمند بنویسید، با چکلیست کامل راهاندازی کنید و بعد از راهاندازی هم دست نکشید.
مهمترین نکتهای که بعد از سالها کار با کسبوکارهای مختلف یاد گرفتهام این است: سایت خوب یک سرمایهگذاری است که با گذشت زمان ارزشمندتر میشود. ترافیک ارگانیک گوگل برخلاف تبلیغات، با قطع شدن بودجه از بین نمیرود. مشتریانی که از طریق سایت میآیند، معمولاً با اطلاعات کافی و قصد خرید میآیند.
اگر هنوز سوالی دارید یا میخواهید نقشه راه اختصاصی پروژهتان را طراحی کنیم، مشاوره رایگان ۳۰ دقیقهای پیشنهاد میکنم. بدون هیچ تعهدی. همچنین میتوانید مستقیم از طریق صفحه سفارش طراحی سایت درخواستتان را ثبت کنید.
