وبلاگ / راهنمای مسیر یادگیری و فناوری
راهنمای مسیر یادگیری و فناوری

آموزش ساخت سایت با Wix AI؛ از Prompt تا دامنه، موبایل و SEO

راهنمای عملی ساخت سایت با Wix AI Website Builder؛ از نوشتن Brief و تولید ساختار تا ویرایش محتوا، طراحی Responsive، دامنه، فرم، دسترس‌پذیری، SEO و کنترل نهایی پیش از انتشار.

· ۱۹ بازدید

Website Builder می‌تواند از توضیح کسب‌وکار، هدف، سبک و قابلیت‌های موردنیاز یک سایت اولیه بسازد. اما سایت تولیدشده با AI هنوز نسخه نهایی نیست. متن، تصویر، ساختار صفحه، نسخه موبایل، فرم‌ها، ، دسترس‌پذیری و حقوق محتوا باید پیش از Publish توسط شما بررسی شوند.

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

چیست و چه چیزی می‌سازد؟

Website Builder با یک گفت‌وگوی اولیه درباره نوع سایت، مخاطب، خدمات و ترجیح طراحی، ساختار و ظاهر پیشنهادی تولید می‌کند. سپس می‌توانید Design را دوباره بسازید، Theme یا Layout را تغییر دهید، Site Brief را اصلاح کنید یا خروجی را در Editor به‌صورت دستی ویرایش کنید.

نسل فعلی با Wix ADI قدیمی یکسان نیست. صفحه رسمی Wix اعلام می‌کند ADI برای سایت‌های جدید بازنشسته شده و تجربه تازه بر AI Website Builder، Editor و Agentهای جدید استوار است. آموزش‌های قدیمی ADI را مبنای مسیر فعلی قرار ندهید.

بخشکار AIمسئولیت شما
ساختارپیشنهاد صفحه و Sectionتطبیق با Journey واقعی
متنDraft عنوان و توضیحصحت، لحن و حقوق محتوا
طراحیTheme، رنگ و Layoutبرند، خوانایی و یکپارچگی
تصویرپیشنهاد یا تولید Assetمجوز، ارتباط و Alt Text
Responsiveچیدمان اولیه موبایلآزمون Breakpoint و Touch
Checklist و پیشنهاد MetaIntent، محتوای واقعی و Search Console
انتشارHosting و ابزار فنیدامنه، Privacy و QA نهایی

قبل از Prompt، Site Brief بنویسید

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

  • هدف اصلی: دریافت درخواست، فروش، رزرو یا معرفی نمونه‌کار
  • مخاطب: چه کسی با چه مسئله‌ای وارد سایت می‌شود؟
  • پیشنهاد ارزش: چرا باید این گزینه را بررسی کند؟
  • اقدام اصلی: تماس، فرم، خرید، رزرو یا عضویت
  • صفحات: خانه، خدمات، درباره، تماس، FAQ و صفحات قانونی
  • دارایی‌ها: لوگو، رنگ، تصویر، متن تأییدشده و اطلاعات تماس
  • محدودیت: ادعاهای ممنوع، داده محرمانه و قابلیت خارج از Scope

نمونه Brief برای کسب‌وکار محلی

یک سایت فارسی و RTL برای آموزشگاه برنامه‌نویسی در کرج بساز. مخاطب، نوجوانان و بزرگسالان مبتدی‌اند. هدف اصلی، مشاهده دوره‌ها و ثبت درخواست مشاوره است. صفحات خانه، دوره‌ها، درباره ما، FAQ و تماس لازم‌اند. سبک حرفه‌ای و دوستانه با سرمه‌ای، سفید و Accent طلایی باشد. از ادعای استخدام یا درآمد تضمینی استفاده نشود. در صفحه خانه Hero، مسیر یادگیری سه‌مرحله‌ای، دوره‌های منتخب، نمونه پروژه و فرم تماس قرار بگیرد.

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

ساخت سایت با مرحله‌به‌مرحله

  1. به AI Website Builder رسمی Wix بروید و Start Chat را انتخاب کنید.
  2. نوع سایت، نام، خدمات، مخاطب و هدف را پاسخ دهید.
  3. صفحه‌ها و قابلیت‌های ضروری مانند Blog، Booking، Store یا Form را مشخص کنید.
  4. Theme، Font، رنگ و جهت طراحی را در Brief بنویسید.
  5. پس از ورود به Dashboard، Design Site و Generate a Design را اجرا کنید.
  6. قبل از پذیرش، Site Structure، Theme و Layout را بررسی کنید.
  7. اگر معماری درست و ظاهر ضعیف است، Tweak Design را امتحان کنید؛ اگر Brief اشتباه است، خود Brief را اصلاح کنید.
  8. پس از انتخاب طرح، Continue to Editor را بزنید و وارد ویرایش دستی شوید.

Regenerate همه Design را عوض می‌کند. قبل از بازتولید، متن Brief و فهرست صفحات را ذخیره کنید. اگر خروجی نزدیک به هدف است، اصلاح Section و Theme معمولاً از شروع دوباره کنترل‌پذیرتر است.

معماری اطلاعات را قبل از زیباسازی اصلاح کنید

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

صفحههدف کاربرمحتوای ضروریCTA
خانهفهم سریع پیشنهادHero، مزیت، خدمات و اعتمادمشاهده خدمات
خدمتارزیابی یک پیشنهادمسئله، فرایند، خروجی و FAQدرخواست مشاوره
دربارهشناخت تیمداستان، تجربه و روش کارآشنایی بیشتر
نمونه‌کاردیدن شواهدمسئله، نقش و نتیجه قابل اثباتدیدن پروژه
تماسبرقراری ارتباطفرم کوتاه، تلفن و زمان پاسخارسال درخواست
قوانینفهم نحوه داده و خدمتPrivacy، شرایط و Cookieاطلاعات بیشتر

ویرایش متن تولیدشده با AI

Help رسمی Wix تأکید می‌کند متن AI را پیش از انتشار بررسی و ویرایش کنید و مطمئن شوید حقوق و مجوز لازم را دارید. AI ممکن است خدمت، سابقه، آمار، آدرس یا مزیتی را بسازد که واقعیت ندارد. هر ادعا باید از داده تأییدشده کسب‌وکار بیاید.

  • نام، تلفن، آدرس، ساعت و قیمت را با منبع داخلی تطبیق دهید.
  • عبارت‌های عمومی مانند «بهترین» و «شماره یک» را حذف یا اثبات کنید.
  • جمله را با زبان واقعی مشتری بنویسید، نه متن تبلیغاتی مبهم.
  • هر Section را به یک پیام و یک CTA محدود کنید.
  • متن تکراری چند صفحه را بازنویسی کنید.
  • غلط املایی، نیم‌فاصله، عدد و جهت RTL را کنترل کنید.

عنوان نتیجه‌محور بنویسید

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

طراحی بصری و Brand System

سه اندازه اصلی Typography، دو رنگ اصلی، یک Accent و قواعد ثابت برای Button، Card و فاصله تعریف کنید. تغییر جداگانه هر Section باعث می‌شود سایت AI-generated و ناهماهنگ به نظر برسد.

Tokenتصمیمکنترل
Primaryرنگ اصلی برندکنتراست با متن
Accentفقط CTA و Highlightمصرف محدود
Headingیک Font و سه Levelسلسله‌مراتب روشن
Bodyاندازه و Line-height ثابتخوانایی موبایل
Spacingمقیاس تکرارشوندهفاصله یکدست Section
Radiusیک یا دو مقدارثبات Card و Button

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

نسخه موبایل را جداگانه بررسی کنید

Responsive بودن خودکار به‌معنی بی‌نیازی از QA نیست. در نمای موبایل ترتیب Sectionها، طول Title، اندازه Touch Target، Crop تصویر، فرم و Navigation را کنترل کنید. CTA اصلی باید بدون اسکرول بی‌پایان قابل دسترسی باشد.

  1. Preview موبایل را باز کنید.
  2. Hero را در عرض باریک و متن طولانی بررسی کنید.
  3. منوی موبایل و همه Linkها را باز کنید.
  4. تصویرهای دارای سوژه را از نظر Crop کنترل کنید.
  5. Buttonها را با انگشت و فاصله مناسب آزمایش کنید.
  6. فرم را با Keyboard موبایل کامل کنید.
  7. صفحه تشکر یا پیام موفقیت را ببینید.
  8. روی یک گوشی واقعی و اینترنت معمولی آزمایش کنید.

فرم، Booking و Store را با داده آزمایشی تست کنید

وجود ظاهری فرم کافی نیست. مقصد پیام، اعلان ایمیل، Consent، Validation و رفتار خطا را آزمایش کنید. اگر Booking یا Store اضافه شده، Calendar، موجودی، مالیات، روش پرداخت، ایمیل تأیید و سیاست بازگشت باید با واقعیت کسب‌وکار تنظیم شوند.

قابلیتآزمونریسک
Contact Formارسال موفق و خطاگم‌شدن Lead
BookingTimezone و ظرفیترزرو دوگانه
Storeقیمت، موجودی و Checkoutسفارش اشتباه
Emailفرستنده و Spamعدم دریافت اعلان
AnalyticsConsent و Eventداده نادرست یا Privacy
Downloadمجوز و Linkدسترسی عمومی ناخواسته

دامنه و انتشار

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

  • دامنه کوتاه، خوانا و قابل تلفظ انتخاب کنید.
  • نسخه اصلی با یا بدون www را یکسان کنید.
  • HTTPS و Redirect را پس از اتصال بررسی کنید.
  • ایمیل دامنه را جداگانه تنظیم و SPF/DKIM را کنترل کنید.
  • صفحه 404 و Redirect مسیرهای تغییرکرده را بسازید.
  • مالکیت دامنه را در حساب سازمانی ثبت کنید، نه حساب موقت پیمانکار.

سایت Wix پس از تولید با AI

Wix Setup Checklist براساس نام کسب‌وکار، محل یا خدمت آنلاین و عبارت‌های هدف، کارهای پایه پیشنهاد می‌دهد و برای اتصال به Google Search Console راهنما دارد. Checklist کمک‌کننده است، اما رتبه را تضمین نمی‌کند.

  1. برای هر صفحه یک Intent اصلی و محتوای منحصربه‌فرد تعیین کنید.
  2. Title و Meta Description را مطابق همان صفحه بنویسید.
  3. فقط یک H1 روشن داشته باشید و H2ها را منطقی بچینید.
  4. Slug کوتاه و قابل‌فهم انتخاب کنید.
  5. Alt Text توصیفی برای تصویر معنادار اضافه کنید.
  6. لینک داخلی میان خدمات، FAQ و تماس بسازید.
  7. Sitemap و Indexing را بررسی کنید.
  8. دامنه را به Search Console متصل و Coverage را پایش کنید.
عنصرسؤال کنترلخطای رایج
Titleموضوع و ارزش صفحه روشن است؟عنوان تکراری
Descriptionخلاصه دقیق و دعوت طبیعی دارد؟Keyword Stuffing
H1یک عنوان اصلی وجود دارد؟چند H1 تزئینی
Contentپرسش کاربر را کامل پاسخ می‌دهد؟متن عمومی AI
Imageحجم و Alt Text مناسب است؟فایل سنگین و Alt تکراری
Internal Linkمسیر بعدی روشن است؟صفحه یتیم
IndexRobots و Canonical درست‌اند؟Noindex ناخواسته

دسترس‌پذیری

از Accessibility Wizard و کنترل دستی با Keyboard استفاده کنید. فقط به رنگ برای انتقال معنا تکیه نکنید. Label فرم، ترتیب Heading، Focus، Contrast و Alt Text باید بررسی شوند.

  • همه عملکردها با Keyboard قابل دسترسی باشند.
  • Focus indicator واضح بماند.
  • رنگ متن و پس‌زمینه Contrast کافی داشته باشد.
  • Button نام قابل‌فهم داشته باشد.
  • Form و Text Field دارای Label باشند.
  • تصویر تزئینی از تصویر اطلاعاتی تفکیک شود.
  • خطا فقط با رنگ قرمز نمایش داده نشود.
  • بزرگ‌نمایی متن Layout را خراب نکند.

Performance و تجربه واقعی

تصویر Hero و ویدیو بزرگ می‌تواند بارگذاری را کند کند. Animation زیاد نیز تمرکز و تجربه دستگاه ضعیف را خراب می‌کند. نسخه Published را با اینترنت معمولی، نه فقط Preview Editor، آزمایش کنید.

  • تصویرها را در اندازه مصرف واقعی انتخاب کنید.
  • Video autoplay غیرضروری را حذف کنید.
  • Font و وزن‌های اضافی را محدود کنید.
  • Section و App بدون استفاده را پاک کنید.
  • CTA و محتوای اصلی را زودتر از Asset سنگین نمایش دهید.
  • صفحات مهم را با ابزارهای اندازه‌گیری و دستگاه واقعی بررسی کنید.

حریم خصوصی و حقوق محتوا

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

Cookie، Analytics، Email marketing و ابزار شخص ثالث ممکن است نیازمند Consent یا متن قانونی متناسب با حوزه فعالیت باشند. Template عمومی را بدون بررسی حقوقی برای کسب‌وکار حساس استفاده نکنید.

اشتباه‌های رایج در

پذیرفتن اولین Design

اول ساختار و Brief را ارزیابی کنید. Tweak Theme یا Layout می‌تواند Draft را بهتر کند، اما مشکل مخاطب و CTA با رنگ تازه حل نمی‌شود.

انتشار متن ساختگی

آمار، Review، سابقه و مزیت AI را با منبع واقعی جایگزین کنید. Testimonial ساختگی اعتماد و ریسک حقوقی ایجاد می‌کند.

نادیده‌گرفتن موبایل

Preview خودکار کافی نیست. فرم، منو، Crop و Touch را روی گوشی واقعی آزمایش کنید.

ساخت صفحات برای هر Keyword

صفحه کم‌محتوا و تکراری Cannibalization می‌سازد. هر صفحه باید Intent و ارزش مستقل داشته باشد.

مالکیت نامشخص حساب و دامنه

دسترسی Owner، Billing، Domain و Recovery را قبل از تحویل مستند کنید. حساب شخصی پیمانکار نباید تنها مالک دارایی کسب‌وکار باشد.

چک‌لیست نهایی انتشار

  • Brief، مخاطب و CTA اصلی روشن‌اند.
  • Navigation و معماری اطلاعات آزمون شده‌اند.
  • همه ادعاها، قیمت‌ها و اطلاعات تماس تأیید شده‌اند.
  • رنگ، Typography و Componentها یکپارچه‌اند.
  • موبایل، Keyboard و Accessibility کنترل شده‌اند.
  • فرم، Booking یا Checkout با داده آزمایشی کار می‌کنند.
  • دامنه، HTTPS و Redirect درست‌اند.
  • Title، Description، H1، Alt و Internal Link تکمیل‌اند.
  • Privacy، Consent و حقوق Asset بررسی شده‌اند.
  • نسخه Published روی چند دستگاه باز شده است.

مسیرهای مکمل

اگر برای سایت به UI سفارشی و کد Frontend نیاز دارید، راهنمای Google Stitch روی تبدیل Prompt به طرح و کد تمرکز دارد. برای ساخت MVP متصل به GitHub، آموزش Lovable مسیر متفاوتی ارائه می‌دهد. اگر تصویرهای سایت را با AI می‌سازید، راهنمای Nano Banana به حفظ برند و کنترل خروجی کمک می‌کند.

جمع‌بندی

می‌تواند Brief شما را سریع به یک Draft کامل تبدیل کند، اما کیفیت سایت در مرحله بازبینی ساخته می‌شود. معماری، متن واقعی، Brand System، نسخه موبایل، فرم، دسترس‌پذیری، و حقوق داده را قبل از Publish کنترل کنید.

AI نقطه شروع را کوتاه می‌کند؛ تصمیم درباره مخاطب، پیام، صحت و تجربه برعهده شماست. وقتی Acceptance Checklist داشته باشید، به‌جای بازتولید بی‌پایان Design، هر مشکل را در بخش درست اصلاح می‌کنید.

امروز Site Brief یک‌صفحه‌ای بنویس، فقط صفحات ضروری را در بساز و قبل از انتخاب رنگ، مسیر کاربر تا CTA اصلی را آزمایش کن.

منابع رسمی