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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

راهنمای اصول جستجوی گوگل بر دسترسی خزنده و محتوای مفید تأکید دارد. فعال‌کردن یک گزینهٔ «SEO» یا اضافه‌کردن schema، رتبه ایجاد نمی‌کند. همچنین اگر صفحه برای آزمایش noindex دارد، تصمیم برداشتن آن را بعد از آماده‌شدن نسخهٔ عمومی بگیر.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

اگر هدف سایتت پذیرش یک کارگاه است، راهنمای ساخت سایت ثبت‌نام رویداد با هوش مصنوعی فرم، رسید، تکرار درخواست و ظرفیت را با معیارهای روشن جلو می‌برد.