# ساخت سایت با هوش مصنوعی؛ از پرامپت فارسی تا بررسی و انتشار

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

- Published: 2026-10-17T17:09:19.457Z
- Updated: 2026-10-30T13:13:52.239Z
- Author: نیکان نورافکن

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

این راهنما برای صاحب یک کسب‌وکار خدماتی نوشته شده؛ کسی که می‌خواهد خدماتش را معرفی کند و درخواست مشتری بگیرد. برای نمونه، خروجی واقعی یک پروژهٔ استودیوی عکاسی محصول در کُندا را باز کرده‌ایم؛ خانه، خدمات، نمونه‌کار و تماس را می‌بینی و فرم آن را بررسی می‌کنیم. تصاویر مراحل اجرا، اسکرین‌شات همان پروژه‌اند؛ تصویر مفهومی ابتدای مقاله جدا برچسب خورده است. آزمون اولیهٔ این سایت مربوط به ۲۴ مهر ۱۴۰۵ است؛ زمان ساخت و مصرف اعتبارش اندازه‌گیری نشده‌اند. متن و کادر شروع در ۶ آبان ۱۴۰۵ بازبینی شدند. تصاویر پروژه، شاهد نسخهٔ همان آزمون‌اند و تأیید اصلاح یا انتشار تازه نیستند.

## پاسخ سریع: ساخت سایت با هوش مصنوعی چه مراحلی دارد؟

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

## سایت معرفی، ثبت سفارش یا وردپرس؛ کدام مسیر را شروع کنی؟

| هدفت چیست؟ | نسخهٔ اول چه چیزی داشته باشد؟ | مسیر مناسب برای قدم بعد |
| --- | --- | --- |
| معرفی خدمات و دریافت تماس | خدمت روشن، نمونه‌کار واقعی و یک اقدام اصلی | همین راهنمای سایت خدماتی |
| نشان‌دادن محصول و گرفتن سفارش | کاتالوگ، فرم سفارش و محل پیگیری مالک | [سناریوی ثبت سفارش کُندا](https://kondaai.com/use-cases/shop)؛ اتصال پرداخت و پیامک را جدا بررسی کن |
| تغییر یک نمونهٔ آماده | قالب نزدیک به نیاز و فهرست تغییرات کوچک | [راهنمای قالب‌ساز و تغییر قالب](/blog/ai-template-builder) |
| حفظ سایت فعلی روی وردپرس | قالب یا افزونهٔ سازگار با همان نصب | [مقایسهٔ مسیرهای بدون کد](/blog/build-website-without-coding) و بررسی خروجی قابل نصب |
| ورود کاربران و پنل خصوصی | داده، نقش‌ها و یک جریان کاری | [ساخت اپلیکیشن بدون کدنویسی](/blog/build-app-without-coding) |

در [تعریف رسمی وردپرس](https://developer.wordpress.org/themes/getting-started/what-is-a-theme/)، قالب ظاهر محتوای داخل وردپرس را مشخص می‌کند. یک سایت تولیدشده با کُندا را در این راهنما قالب نصب‌شدنی وردپرس معرفی نمی‌کنیم. اگر ادامهٔ کار روی وردپرس شرط توست، پیش از انتخاب ابزار این سازگاری را روشن کن.

اگر هنوز میان وردپرس، سایت‌ساز و ساخت با پرامپت مرددی، [مقایسهٔ مسیرهای ساخت سایت بدون کدنویسی](/blog/build-website-without-coding) کمک می‌کند پیش از شروع انتخاب کنی. این مقاله از جایی ادامه می‌دهد که مسیر ساخت با AI را انتخاب کرده‌ای.

## قبل از شروع، این پنج چیز را مشخص کن

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

| چیزی که باید آماده کنی | مثال برای یک استودیوی خدماتی | چرا مهم است؟ |
| --- | --- | --- |
| مخاطب | کسب‌وکار کوچکی که عکس محصول می‌خواهد | متن و نمونه‌کار متناسب می‌شود |
| خدمت اصلی | عکاسی محصول با تحویل فایل ویرایش‌شده | تیتر صفحه از کلی‌گویی بیرون می‌آید |
| محتوای واقعی | سه نمونه‌کار با اجازهٔ انتشار | تصویر ساختگی به‌جای سابقهٔ تو نمی‌نشیند |
| اقدام اصلی | ارسال درخواست مشاوره | دکمه و فرم یک هدف دارند |
| معیار موفقیت | درخواست در پنل مدیر دیده شود | موفقیت را می‌توانی امتحان کنی |

شمارهٔ تماس، نشانی و قیمت را خودت بده. اگر هنوز نهایی نشده‌اند، از ابزار بخواه بخش مربوط را حذف کند یا در محیط بررسی با برچسب «نمونه» نشان دهد. هیچ عدد یا رضایت مشتری را برای پرکردن صفحه نسازد.

## قدم اول: یک پرامپت کوچک و قابل آزمون بنویس

در پرامپت اول، ظاهر، ساختار و رفتار مورد نیاز را بگو؛ اما پروژه را با هر امکانی که شاید روزی بخواهی سنگین نکن. برای نمونهٔ خدماتی، صفحهٔ خانه، خدمات، نمونه‌کار و تماس کافی است. فروشگاه، عضویت و خبرنامه را فقط وقتی اضافه کن که مسئلهٔ واقعی تو هستند.

<div class="relative bg-surface rounded-xl sm:rounded-2xl p-4 sm:p-7 shadow-xs border border-border overflow-hidden not-prose my-6 sm:my-8">
<div class="absolute top-0 right-0 w-1.5 sm:w-2.5 h-full bg-primary-container"></div>
<div class="flex flex-col sm:flex-row sm:items-center justify-between pb-3 flex-wrap gap-2.5">
<div class="flex items-center gap-2">
<span class="px-2.5 py-1 rounded-full bg-primary-container text-text-on-neon text-[11px] sm:text-xs font-bold shadow-xs">دستورالعمل ۰۱</span>
<span class="text-xs sm:text-sm text-text-secondary font-bold">پرامپت همین پروژهٔ استودیو</span>
</div>
<button class="konda-copy-directive-btn inline-flex items-center justify-center gap-1.5 text-text-primary hover:text-primary text-xs font-bold transition-all cursor-pointer px-3.5 py-1.5 rounded-full bg-surface-container-low hover:bg-surface-container border border-border active:scale-95 shadow-xs w-full sm:w-auto">
<span class="material-symbols-outlined text-sm">content_copy</span>
<span class="btn-text">کپی دستورالعمل</span>
</button>
</div>
<p class="text-xs sm:text-sm text-text-primary bg-surface-container-low p-3.5 sm:p-5 rounded-lg sm:rounded-xl leading-relaxed font-sans select-all text-right border border-border/60 m-0" dir="rtl">
«برای یک استودیوی عکاسی محصول، سایت فارسی و راست‌به‌چپ بساز. مخاطب، فروشگاه‌های کوچک‌اند. صفحه‌های خانه، خدمات، نمونه‌کار و تماس داشته باشد. فقط از نام، قیمت و نمونه‌کارهایی که به تو می‌دهم استفاده کن؛ سابقه یا نظر مشتری نساز. اقدام اصلی «درخواست مشاوره» باشد. فرم نام، راه ارتباطی و توضیح کوتاه پروژه بگیرد. اگر ذخیره‌سازی واقعی هنوز آماده نیست، فرم را متصل‌شده معرفی نکن. رابط روی موبایل خوانا باشد و خطای فرم کنار همان فیلد نمایش داده شود.»
</p>
</div>

بعد از ساخت، فقط نگاه نکن که صفحه «قشنگ» شده یا نه. آیا در نگاه اول می‌فهمی کسب‌وکار چه خدمتی می‌دهد؟ دکمهٔ اصلی دقیقاً به مرحلهٔ بعد می‌رود؟ متن روی موبایل خواناست؟ اگر جواب یکی منفی است، همان را به یک درخواست اصلاح تبدیل کن.

### پرامپت را در پنل فعلی کجا وارد کنی؟

برای پروژهٔ تازه، متن را در کادر ایدهٔ داشبورد قرار بده و پیش از زدن «بساز»، مخاطب و اقدام اصلی را مرور کن. شرایط ورود و اعتبار حسابت را بررسی کن؛ تصویر زیر فقط آماده‌کردن درخواست را نشان می‌دهد، نه اجرای ساخت.

<figure><img src="/blog/images/build-website-with-ai/composer-2026-10-28.png" width="1274" height="717" alt="داشبورد فعلی کُندا با پرامپت سایت استودیوی فارسی، آمادهٔ بازبینی پیش از زدن بساز" loading="lazy" /><figcaption>کادر واقعی شروع در ۶ آبان ۱۴۰۵، در حالت مهمان. دکمهٔ «بساز» زده نشد و ساخت تازه‌ای انجام نگرفت.</figcaption></figure>

اگر همین سایت را قبلاً ساخته‌ای، اصلاح بعدی را در گفتگوی همان پروژه بنویس. برای جای کنترل‌ها، [راهنمای محیط کار کُندا](https://docs.kondaai.com/build/workspace-tour) را ببین؛ برای تمرین مرحله‌ای پنل، [آموزش وایب کدینگ](/blog/vibe-coding-tutorial) کمک می‌کند. پیش از ساخت هم می‌توانی [قالب‌های آماده](https://kondaai.com/templates) را با نیازت مقایسه کنی.

### از همین پرامپت، چه چیزی در کُندا ساخته شد؟

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

<figure><img src="/blog/images/build-website-with-ai/studio-home.webp" width="1440" height="657" alt="صفحهٔ خانهٔ سایت استودیوی عکاسی محصول ساخته‌شده با کُندا، با تیتر فارسی و دکمهٔ درخواست مشاوره" loading="lazy" /><figcaption>تصویر آزمون ثبت‌شدهٔ ۲۴ مهر ۱۴۰۵. خروجی واقعی پروژهٔ نمونه در پیش‌نمایش؛ تیتر، تصویر و اقدام اصلی کنار هم قرار گرفته‌اند. این تصویر تأیید انتشار یا واقعی‌بودن کسب‌وکار نیست.</figcaption></figure>

<!-- konda-start -->


پیام ذخیره‌شدهٔ کُندا می‌گوید بخش‌های اصلی ساخته شده‌اند و برای تکمیل بعضی جزئیات، ادامهٔ کار لازم است. بنابراین «صفحه ساخته شد» را پایان کار حساب نمی‌کنیم. در این بررسی، دکمهٔ ادامه را نزدیم و نسخهٔ پروژه را تغییر ندادیم؛ آنچه می‌بینی وضعیت موجود است.

<figure style="max-width:25rem;margin-inline:auto"><img src="/blog/images/build-website-with-ai/studio-build-history.webp" width="370" height="685" alt="پرامپت فارسی و پیام کُندا دربارهٔ ساخته‌شدن بخش‌های اصلی و باقی‌ماندن بعضی جزئیات" loading="lazy" /><figcaption>برشی از گفت‌وگوی همین پروژه؛ پیام تکمیل جزئیات را می‌بینی. ساعت داخل گفت‌وگو، اندازه‌گیری مدت ساخت یا مصرف اعتبار نیست.</figcaption></figure>

### صفحهٔ خدمات: پیشنهاد را ببین، تعرفه را از خودت بده

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

<figure><img src="/blog/images/build-website-with-ai/studio-services.webp" width="1440" height="657" alt="صفحهٔ خدمات سایت ساخته‌شده با هوش مصنوعی با دو کارت عکاسی صنعتی و خلاقانه" loading="lazy" /><figcaption>تصویر آزمون ثبت‌شدهٔ ۲۴ مهر ۱۴۰۵. در پیش‌نمایش واقعی، خدمات به دو کارت تقسیم شده‌اند و هر کارت مسیر استعلام دارد. توضیحات و تعهدهای نوشته‌شده هنوز نیاز به تأیید صاحب کسب‌وکار دارند.</figcaption></figure>

### صفحهٔ نمونه‌کار: قاب آماده، محتوای واقعی هنوز لازم

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

<figure><img src="/blog/images/build-website-with-ai/studio-portfolio.webp" width="1440" height="657" alt="صفحهٔ نمونه‌کار پروژهٔ استودیوی عکاسی با یک تصویر و یک قاب دارای زمینهٔ رنگی" loading="lazy" /><figcaption>تصویر آزمون ثبت‌شدهٔ ۲۴ مهر ۱۴۰۵. اسکرین‌شات وضعیت موجود؛ قاب دوم و متن مربوط به قراردادها نشان می‌دهند چرا بازبینی محتوا بعد از تولید ضروری است.</figcaption></figure>

### اگر با ChatGPT سایت می‌سازی، بخش انتشار را هم در نظر بگیر

عبارت «ساخت سایت با ChatGPT» می‌تواند به تولید متن، کد یا یک نمونهٔ تعاملی اشاره کند. کد تولیدشده، به‌تنهایی دامنه، میزبانی و اتصال پایدار داده را آماده نمی‌کند. اگر از ابزار عمومی برای تولید کد استفاده می‌کنی، باید مسیر اجرای پروژه و انتشارش را هم انتخاب کنی. در یک پلتفرم ساخت اپ، بخشی از این مسیر در همان محیط قرار می‌گیرد؛ حدود امکانات را از پلن و مستندات همان محصول بررسی کن.

## قدم دوم: نسخهٔ اول را با یک جریان واقعی بررسی کن

در مثال استودیوی خدماتی، جریان اصلی ساده است: دیدن خدمت، بازکردن نمونه‌کار، پرکردن فرم و دریافت نتیجهٔ روشن. اگر فرم فقط پیام «ثبت شد» نشان بدهد، هنوز نمی‌دانی درخواست کجا رفته است.

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

### صفحهٔ تماس و فرم این پروژه چه وضعیتی دارند؟

در صفحهٔ تماس، دکمهٔ بازکردن فرم و توضیح آزمایشی‌بودن آن وجود دارد. شماره، ایمیل و ساعت پاسخگوییِ نمایش‌داده‌شده را دادهٔ کسب‌وکار واقعی فرض نکن؛ این جزئیات در پرامپت مشخص نشده‌اند و باید پیش از انتشار جایگزین یا حذف شوند.

<figure><img src="/blog/images/build-website-with-ai/studio-contact.webp" width="1440" height="657" alt="صفحهٔ تماس استودیوی نمونه با دکمهٔ فرم و توضیح غیرفعال‌بودن ذخیره‌سازی" loading="lazy" /><figcaption>تصویر آزمون ثبت‌شدهٔ ۲۴ مهر ۱۴۰۵. صفحهٔ تماسِ همین پروژه. اطلاعات تماس، نمونه و تأییدنشده‌اند؛ به این شماره یا ایمیل برای دریافت خدمات مراجعه نکن.</figcaption></figure>

فرم بازشده سه فیلد نام، راه ارتباطی و توضیح پروژه دارد. وقتی آن را خالی ارسال کردیم، برای هر سه فیلد پیام خطای جدا کنار همان فیلد ظاهر شد. این رفتار قابل مشاهده است؛ اما بالای فرم صریحاً نوشته شده داده‌ها ذخیرهٔ قطعی نمی‌شوند. اطلاعاتی وارد نکردیم و هیچ درخواست واقعی ثبت نشد. پس فعلاً می‌توانیم از «فرم با اعتبارسنجی ورودی خالی» حرف بزنیم، نه «سامانهٔ دریافت درخواست مشتری».

<figure><img src="/blog/images/build-website-with-ai/studio-form-validation.webp" width="1440" height="657" alt="فرم درخواست مشاوره با سه خطای کنار فیلد و هشدار متصل‌نبودن ذخیره‌سازی" loading="lazy" /><figcaption>تصویر آزمون ثبت‌شدهٔ ۲۴ مهر ۱۴۰۵. آزمون واقعی فرم خالی: نام، راه ارتباطی و توضیح هرکدام خطای مشخص دارند؛ هشدار ذخیره‌نشدن داده هم بالای فرم دیده می‌شود.</figcaption></figure>

### از دکمهٔ مشاوره تا درخواست ذخیره‌شده، چه چیزی را بسنجی؟

چهار قدم را جدا ثبت کن: دکمهٔ خانه صفحهٔ درست را باز کند؛ فرم ورودی نامعتبر را توضیح بدهد؛ ارسال معتبر واقعاً در مقصد ذخیره شود؛ و مسئول مجاز بتواند همان درخواست را دوباره پیدا کند. در نمونهٔ استودیو، برای دو قدم آخر مدرک نداریم و فرم دموست. دیدن پیام یا انیمیشن موفقیت، اتصال CRM، پیامک یا ایمیل را ثابت نمی‌کند.

| آزمون | نتیجهٔ مورد انتظار | وضعیت نمونهٔ ثبت‌شده |
| --- | --- | --- |
| رفتن از خانه به تماس | مقصد مرتبط با «درخواست مشاوره» باز شود | چهار صفحه در آزمون ۲۴ مهر باز شدند؛ مسیر دکمه تا مقصد باید در نسخهٔ خودت جدا بررسی شود |
| ارسال فرم خالی | خطای مشخص کنار فیلد نام، راه ارتباطی و توضیح | در آزمون ۲۴ مهر مشاهده شد |
| ارسال معتبر و رفرش | درخواست در مقصد تعیین‌شده با همان داده برگردد | تأیید نشده؛ فرم، دمو و بدون ذخیرهٔ قطعی معرفی شده است |
| دیدن درخواست در پنل مالک | فقط حساب مجاز به جزئیات دسترسی داشته باشد | آزمایش نشده؛ از ظاهر فرم نتیجه نگیر |
| صفحهٔ عمومی و مسیر مستقیم | آدرس هر صفحه در نشست تازه باز شود | انتشار و مسیر مستقیم مستقل تأیید نشده‌اند |

[برگهٔ بررسی سایت خدماتی را دریافت کن](/blog/images/build-website-with-ai/acceptance-checklist.csv). این برگه برای ثبت نتیجهٔ خودت است. تا وقتی مقصد ذخیره و دریافت‌کننده را بررسی نکرده‌ای، از متن «درخواست شما ثبت شد» برای فرم واقعی استفاده نکن.

### به متن رابط کاربری هم دستور بده

به‌جای «ارسال»، بنویس «درخواست مشاوره را بفرست». قبل از ارسال، بگو چه اطلاعاتی لازم است. پس از موفقیت هم مرحلهٔ بعد را روشن کن؛ مثلاً «درخواستت ثبت شد. از راه ارتباطی انتخاب‌شده پاسخ می‌دهیم»؛ البته فقط وقتی تیم واقعاً همین فرایند را دارد.

| وضعیت | متن مبهم | متن پیشنهادی |
| --- | --- | --- |
| فرم خالی | خطا | نام و راه ارتباطی را وارد کن |
| ارسال در حال انجام | لطفاً صبر کنید | درخواستت در حال ارسال است |
| شکست ارسال | عملیات ناموفق بود | درخواست ارسال نشد. دوباره تلاش کن |
| موفقیت واقعی | موفق | درخواستت ثبت شد؛ شمارهٔ پیگیری را نگه دار |

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

### روی گوشی، مسیر را دوباره طی کن

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

<figure><img src="/blog/images/build-website-with-ai/studio-mobile-home.webp" width="463" height="1042" alt="نمای موبایل صفحهٔ خانهٔ استودیوی نمونه در آزمون ثبت‌شدهٔ پیشین" loading="lazy" /><figcaption>تصویر آزمون ثبت‌شدهٔ ۲۴ مهر ۱۴۰۵. نمای موبایلِ ثبت‌شده در آزمون پیشینِ پروژه؛ شاهد همان چیدمان است، نه تأیید ارسال فرم، انتشار عمومی یا دسترس‌پذیری کامل.</figcaption></figure>

## قدم سوم: هر بار یک مسئله را اصلاح کن

درخواست «همه‌چیز را بهتر کن» اندازهٔ تغییر را نامعلوم می‌کند. اگر تیتر طولانی است، فقط تیتر و فاصلهٔ اطرافش را اصلاح کن. اگر فرم کار نمی‌کند، دربارهٔ ذخیره‌سازی و پیام خطا حرف بزن؛ هم‌زمان قالب و رنگ را عوض نکن.

<div class="relative bg-surface rounded-xl sm:rounded-2xl p-4 sm:p-7 shadow-xs border border-border overflow-hidden not-prose my-6 sm:my-8">
<div class="absolute top-0 right-0 w-1.5 sm:w-2.5 h-full bg-primary-container"></div>
<div class="flex flex-col sm:flex-row sm:items-center justify-between pb-3 flex-wrap gap-2.5">
<div class="flex items-center gap-2">
<span class="px-2.5 py-1 rounded-full bg-primary-container text-text-on-neon text-[11px] sm:text-xs font-bold shadow-xs">دستورالعمل ۰۲</span>
<span class="text-xs sm:text-sm text-text-secondary font-bold">پرامپت اصلاح محدود</span>
</div>
<button class="konda-copy-directive-btn inline-flex items-center justify-center gap-1.5 text-text-primary hover:text-primary text-xs font-bold transition-all cursor-pointer px-3.5 py-1.5 rounded-full bg-surface-container-low hover:bg-surface-container border border-border active:scale-95 shadow-xs w-full sm:w-auto">
<span class="material-symbols-outlined text-sm">content_copy</span>
<span class="btn-text">کپی دستورالعمل</span>
</button>
</div>
<p class="text-xs sm:text-sm text-text-primary bg-surface-container-low p-3.5 sm:p-5 rounded-lg sm:rounded-xl leading-relaxed font-sans select-all text-right border border-border/60 m-0" dir="rtl">
«فقط فرم درخواست مشاوره را اصلاح کن. فیلدهای الزامی را مشخص کن، هنگام ارسال دکمه را غیرفعال کن و پیام موفقیت را فقط بعد از پاسخ موفق سرور نشان بده. اگر ارسال شکست خورد، مقادیر واردشده را نگه دار و امکان تلاش دوباره بده. مسیرها، رنگ‌ها و بخش‌های دیگر سایت را تغییر نده. بگو برای بررسی این تغییر چه تست‌هایی انجام دهم.»
</p>
</div>

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

### چه چیزی هنوز نیاز به اصلاح دارد؟

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

1. اطلاعات تماس، ساعت پاسخگویی، تعهد قیمت و ادعای قراردادها را با اطلاعات تأییدشده جایگزین کن.
2. عکس‌ها و نمونه‌کارهای واقعی را با اجازهٔ انتشار وارد کن و قاب رنگیِ خالی را تکمیل یا حذف کن.
3. دریافت درخواست را به ذخیره‌سازی واقعی و پنل مجاز وصل کن؛ بعد ثبت و بازیابی داده را آزمایش کن.

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

## فارسی و راست‌به‌چپ را چطور بررسی کنی؟

راست‌چین‌بودن متن کافی نیست. ترتیب منو، محل آیکون، شمارهٔ تلفن، ترکیب فارسی و لاتین و حرکت میان فیلدها را هم ببین. نام دامنه یا ایمیل باید به‌درستی خوانده شود، حتی وقتی جمله فارسی است.

در نمای باریک همین پروژه، منوی دسکتاپ به دکمهٔ منو تبدیل شد. آن را باز کردیم و از گزینهٔ «تماس» به صفحهٔ مربوط رفتیم. تیتر و دکمهٔ اصلی در نمای ثبت‌شده خوانا هستند؛ این یک بررسی محدود مرورگر است و جای آزمون روی گوشی واقعی را نمی‌گیرد.

<figure style="max-width:24rem;margin-inline:auto"><img src="/blog/images/build-website-with-ai/studio-mobile-home.webp" width="463" height="1042" alt="نمای باریک صفحهٔ خانهٔ سایت استودیوی عکاسی با منوی جمع‌شونده و دکمهٔ تمام‌عرض" loading="lazy" /><figcaption>نمای باریک همان سایت؛ چیدمان، تیتر و دکمهٔ اصلی نسبت به دسکتاپ تغییر کرده‌اند.</figcaption></figure>

فونت را روی دستگاهی که قبلاً سایت را ندیده بررسی کن تا وابستگی به فونت نصب‌شدهٔ خودت پنهان نماند. در این بلاگ از Pelak استفاده می‌کنیم؛ فونت سایت ساخته‌شده را متناسب با هویت همان کسب‌وکار انتخاب کن. تقویم شمسی هم فقط وقتی لازم است که سایت واقعاً تاریخ یا نوبت نمایش می‌دهد.

برای تاریخ و زمان، منطقهٔ زمانی را روشن کن. «فردا» در یک سرویس با مخاطب ایرانی باید با ساعت و روز همان مخاطب هماهنگ باشد. تست پایان ماه، ساعت نزدیک نیمه‌شب و تاریخ غیرفعال را در چک‌لیست قرار بده.

## قدم چهارم: انتشار، دامنه و سئوی پایه

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

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

[راهنمای اصول جستجوی گوگل](https://developers.google.com/search/docs/essentials) بر دسترسی خزنده و محتوای مفید تأکید دارد. فعال‌کردن یک گزینهٔ «SEO» یا اضافه‌کردن schema، رتبه ایجاد نمی‌کند. همچنین اگر صفحه برای آزمایش `noindex` دارد، تصمیم برداشتن آن را بعد از آماده‌شدن نسخهٔ عمومی بگیر.

در کُندا، وجود یک قابلیت در کد به معنی فعال‌بودنش برای همهٔ حساب‌ها نیست. برای سئو، دامنه یا انتشار، آنچه در محیط فعلی حساب خودت می‌بینی را ملاک بگیر. این مقاله فعال‌بودن خودکار همهٔ لایه‌های SEO را وعده نمی‌دهد.

### مسیر صفحه و دیده‌شدن در جستجو را جدا بررسی کن

صفحهٔ «خدمات» را از منو باز کن؛ سپس نشانی آن را در نشست تازه مستقیماً باز کن و رفرش بزن. بازشدن یک بخش با کلیک در پیش‌نمایش، اثبات مسیر عمومی مستقل نیست. اگر مسیرها فقط با `#` جدا شده‌اند، دربارهٔ نیازت به صفحه‌های مستقل و امکانات فعلی انتشار تصمیم بگیر؛ از اسم یک منو نتیجه نگیر هر خدمت صفحهٔ قابل ایندکس جدا دارد.

پس از آماده‌شدن نسخهٔ عمومی، [راهنمای سئو و ایندکس کُندا](https://docs.kondaai.com/publish/seo-and-indexing) را دنبال کن. آدرس ترجیحی، وضعیت دسترسی خزنده و تصمیم `noindex` باید با همان نسخهٔ عمومی هماهنگ باشند. مجازبودن ایندکس با ایندکس‌شدن و رتبه‌گرفتن یکی نیست؛ بررسی صفحه در Search Console هم جای آزمون فرم و موبایل را نمی‌گیرد.

## هزینه و زمان واقعی را چطور ثبت کنی؟

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

در این راهنما، پروژهٔ ساخته‌شده با همین پرامپت را بررسی کرده‌ایم؛ اما ساخت اولیه را زمان‌سنجی نکرده‌ایم و گزارش مصرف اعتبار آن را نداریم. ساعت پیام‌های محیط کار را جای این دو عدد نمی‌گذاریم. برای بودجه‌بندی، [راهنمای هزینهٔ ساخت اپ با هوش مصنوعی](/blog/app-development-cost-iran-ai) روش محاسبه را توضیح می‌دهد. عدد یک پروژه را بدون دانستن اندازه‌اش به همهٔ سایت‌ها تعمیم نده.

## قبل از دادن لینک به مشتری، این‌ها را امتحان کن

<div class="bg-surface-container-low rounded-2xl p-6 sm:p-7 shadow-xs border border-border flex flex-col gap-4 not-prose my-8">
<h3 class="font-bold text-text-primary text-base">
چک‌لیست پیش از دادن لینک به مشتری
</h3>
<ul class="flex flex-col gap-3.5 text-xs sm:text-sm text-text-secondary">
<li class="flex items-start gap-2.5">
<span class="material-symbols-outlined text-primary text-lg mt-0.5 shrink-0">check_circle</span>
<span>در موبایل، تیتر، منو و دکمهٔ اصلی بدون بریدگی خوانا هستند.</span>
</li>
<li class="flex items-start gap-2.5">
<span class="material-symbols-outlined text-primary text-lg mt-0.5 shrink-0">check_circle</span>
<span>فرم با دادهٔ ساختگی کار می‌کند و داده در محل مورد انتظار می‌ماند.</span>
</li>
<li class="flex items-start gap-2.5">
<span class="material-symbols-outlined text-primary text-lg mt-0.5 shrink-0">check_circle</span>
<span>ورود نامعتبر و شکست شبکه پیام دقیق دارند؛ فرم اطلاعات را گم نمی‌کند.</span>
</li>
<li class="flex items-start gap-2.5">
<span class="material-symbols-outlined text-primary text-lg mt-0.5 shrink-0">check_circle</span>
<span>پنل خصوصی و API فقط به نقش مجاز داده می‌دهند.</span>
</li>
<li class="flex items-start gap-2.5">
<span class="material-symbols-outlined text-primary text-lg mt-0.5 shrink-0">check_circle</span>
<span>عکس‌ها، فونت و لینک‌ها از آدرس عمومی باز می‌شوند.</span>
</li>
<li class="flex items-start gap-2.5">
<span class="material-symbols-outlined text-primary text-lg mt-0.5 shrink-0">check_circle</span>
<span>عنوان، توضیح و تصمیم noindex با وضعیت انتشار هماهنگ‌اند.</span>
</li>
</ul>
</div>

اگر سایتت فقط محتوا دارد، کار سبک‌تر است. اگر اطلاعات مشتری، پرداخت یا پنل خصوصی اضافه کرده‌ای، پیش از استفادهٔ واقعی بازبینی فنی لازم می‌شود. برای شروع، [محیط ساخت کُندا](#konda-start) را باز کن، سناریوی خودت را به پرامپت تبدیل کن و فقط همان جریان اصلی را تا انتها بساز و بررسی کن.


برای انتخاب ابزار بر اساس کیفیت فارسی، [راهنمای سایت‌ساز هوش مصنوعی فارسی](/blog/best-persian-ai-website-builder) را ببین؛ اگر هنوز نوع ابزار را انتخاب نکرده‌ای، [مقایسهٔ ابزارهای وایب کدینگ](/blog/best-vibe-coding-tools) کمک می‌کند.

برای دیدن برگهٔ نتیجه، [مطالعهٔ استودیوی عکاسی](/blog/konda-photography-studio-case-study) را ببین. پیش از تحویل هم [تفاوت پیش‌نمایش و انتشار](/blog/ai-app-preview-vs-production) را بررسی کن.


اگر به‌جای فرم مشاوره، کاتالوگ و صف سفارش می‌خواهی، [راهنمای ساخت سایت ثبت سفارش](/blog/build-order-website-with-ai) سناریوی سه‌محصولی، نقش مالک و آزمون مبلغ را قدم‌به‌قدم باز می‌کند.


برای معرفی کارهای خودت، [راهنمای ساخت سایت شخصی و پورتفولیو](/blog/build-personal-website-with-ai) مسیر نمونه‌کار تا تماس را توضیح می‌دهد. اگر فقط منوی قابل خواندن کافه می‌خواهی، [راهنمای ساخت منوی دیجیتال](/blog/build-digital-menu-with-ai) را ببین؛ سفارش‌گیری دامنهٔ جداگانه‌ای دارد.


برای پاسخ اولیه به سؤال «چقدر می‌شود؟»، می‌توانی یک [ماشین‌حساب قیمت خدمات با فرمول روشن](https://kondaai.com/blog/build-price-calculator-with-ai) بسازی؛ فقط بخش‌های قابل محاسبه را برآورد کن و موارد نیازمند بررسی را مشخص بگذار.


اگر هدف سایتت پذیرش یک کارگاه است، [راهنمای ساخت سایت ثبت‌نام رویداد با هوش مصنوعی](https://kondaai.com/blog/build-event-registration-website-with-ai) فرم، رسید، تکرار درخواست و ظرفیت را با معیارهای روشن جلو می‌برد.


## پرسش‌های متداول

### ساخت سایت با هوش مصنوعی چقدر طول می‌کشد؟

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

### می‌توان با هوش مصنوعی سایت فارسی ساخت؟

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

### آیا سایت ساخته‌شده با AI در گوگل ایندکس می‌شود؟

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

### آیا فرم ساخته‌شده خودکار به دیتابیس وصل است؟

نباید فرض کنی. یک درخواست آزمایشی ثبت کن، داده را در محل مورد انتظار ببین و بعد از رفرش دوباره بررسی کن. نمایش پیام موفقیت به‌تنهایی مدرک ذخیره‌شدن نیست.

### هزینهٔ ساخت سایت با AI را چطور حساب کنم؟

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

### آیا خروجی سایت کُندا را می‌توان به‌عنوان قالب وردپرس نصب کرد؟

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

### آیا نمونهٔ استودیو برای دریافت درخواست واقعی مشتری آماده است؟

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



## منابع

- [اصول ضروری جستجوی گوگل](https://developers.google.com/search/docs/essentials) (2026)
- [راهنمای گوگل برای محتوای مفید](https://developers.google.com/search/docs/fundamentals/creating-helpful-content) (2026)
- [تعریف رسمی قالب وردپرس](https://developer.wordpress.org/themes/getting-started/what-is-a-theme/) (2026)
- [راهنمای محیط کار کُندا](https://docs.kondaai.com/build/workspace-tour) (2026)

