لوگوی ThinkFlow

طراحی وب و پرامپت‌نویسی

۱۰ پرامپت کاربردی برای بهبود وب‌سایت با هوش مصنوعی

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

لپ‌تاپ در حال نمایش ساختار وب‌سایت و ده کارت پرامپت برای تحلیل بخش‌های مختلف صفحه
پرامپت مؤثر، هدف بررسی و قالب پاسخ را مشخص می‌کند؛ تصمیم نهایی همچنان با صاحب وب‌سایت است.

هوش مصنوعی کجای بهبود وب‌سایت کمک می‌کند؟

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

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

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

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

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

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

۱۰ پرامپت برای بررسی و بهبود وب‌سایت

۱. بررسی لحن و صدای برند

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

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

۲. نوشتن تیتر صفحه اصلی

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

برای صفحه اصلی یک [نوع کسب‌وکار] پنج تیتر فارسی بنویس. هر تیتر حداکثر ۹ کلمه باشد و روشن کند برای [مخاطب] چه نتیجه‌ای ایجاد می‌کنیم. لحن مدرن و صمیمی باشد، اما از واژه‌های «بهترین»، «انقلابی» و وعده تضمینی استفاده نکن. برای هر تیتر یک زیرتیتر حداکثر ۲۰ کلمه‌ای هم بده.

۳. ارزیابی چیدمان و تجربه کاربری

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

ساختار این صفحه به‌ترتیب شامل [فهرست بخش‌ها] است و اقدام اصلی آن [CTA] است. کاربر باید بتواند در کمتر از یک دقیقه [وظیفه] را انجام دهد. پنج مانع احتمالی در چیدمان، سلسله‌مراتب بصری و متن دکمه‌ها را مشخص کن. پیشنهادها را در جدول «مسئله، اثر بر کاربر، اصلاح کم‌هزینه، روش آزمون» بنویس. چیزی را که از اطلاعات من قابل تشخیص نیست، حدس قطعی نزن.

۴. خلاصه‌کردن ارزش پیشنهادی

بر اساس این توضیح محصول [توضیح]، سه ارزش پیشنهادی یک‌جمله‌ای برای [مخاطب] بنویس. هر جمله باید بگوید محصول چیست، چه مسئله‌ای را حل می‌کند و تفاوت عملی آن چیست. عبارت‌های کلی مانند «تجربه‌ای بی‌نظیر» را حذف کن و در پایان بگو برای اثبات هر ادعا به چه شاهدی نیاز داریم.

۵. ساخت راهنمای انتخاب تصویر

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

۶. ساخت نقشه اولیه کلیدواژه

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

برای وب‌سایت [کسب‌وکار] که در [محدوده جغرافیایی] به [مخاطب] خدمت می‌دهد، ۱۵ عبارت جست‌وجوی احتمالی را بر اساس نیت اطلاعاتی، مقایسه‌ای و خرید دسته‌بندی کن. برای هر عبارت یک صفحه مقصد پیشنهادی و پرسش کاربر را بنویس. هیچ عددی درباره حجم جست‌وجو نساز و عبارت‌های نهایی را برای بررسی در Search Console و ابزار تحقیق کلمه کلیدی علامت‌گذاری کن.

۷. ساده‌کردن ناوبری سایت

ناوبری فعلی سایت شامل [فهرست منو] است. سه وظیفه اصلی کاربران عبارت‌اند از [وظایف]. یک ساختار منوی ساده‌تر پیشنهاد بده که حداکثر [تعداد] گزینه سطح اول داشته باشد. برای هر تغییر دلیل کاربرمحور بنویس و نسخه دسکتاپ و موبایل را جدا توضیح بده. صفحاتی را که نباید حذف شوند مشخص کن.

۸. انتخاب رنگ و تایپوگرافی

برای وب‌سایت [حوزه فعالیت] با شخصیت برند [سه ویژگی] یک سیستم رنگ و تایپوگرافی اولیه پیشنهاد بده. یک رنگ اصلی، یک accent و طیف خنثی با کد HEX بده؛ کاربرد هرکدام را توضیح بده و دو ترکیب متن/پس‌زمینه مهم را برای بررسی کنتراست WCAG مشخص کن. برای متن فارسی دو وزن فونت و اندازه‌های پایه تیتر و بدنه را پیشنهاد کن.

۹. بررسی رقبا بدون کپی‌برداری

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

۱۰. ممیزی محتوا و طراحی نسبت به سایت‌های هم‌رده

صفحه ما [شرح یا متن صفحه] و دو نمونه هم‌رده [شرح یا نشانی] را مقایسه کن. معیارها: وضوح پیام در نگاه اول، پوشش پرسش‌های کاربر، خوانایی موبایل، شواهد اعتماد و مسیر اقدام. به هر معیار از ۱ تا ۵ امتیاز توضیحی بده، محدودیت اطلاعات را ذکر کن و پنج اصلاح را بر اساس اثر و هزینه اولویت‌بندی کن.

از پرامپت تا تغییر قابل اندازه‌گیری

  1. یک صفحه و یک هدف انتخاب کنید. هم‌زمان کل سایت را بازطراحی نکنید.
  2. وضعیت فعلی را ثبت کنید. متن، تصویر، ساختار و داده پایه مانند کلیک CTA یا خروج صفحه را نگه دارید.
  3. دو یا سه گزینه بگیرید. خروجی زیاد معمولاً تصمیم‌گیری را سخت‌تر می‌کند.
  4. پیشنهاد را بازبینی کنید. ادعاها، خوانایی، هویت برند، دسترس‌پذیری و محدودیت فنی را بسنجید.
  5. تغییر کوچک را آزمایش کنید. پس از انتشار با Analytics، Search Console یا آزمون کاربر اثر آن را بررسی کنید.

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

چک‌لیست بازبینی خروجی

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

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

آیا می‌توان این پرامپت‌ها را بدون دانش فنی استفاده کرد؟

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

برای گرفتن پاسخ بهتر چه اطلاعاتی اضافه کنیم؟

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

آیا پیشنهاد هوش مصنوعی برای سئو یا تجربه کاربری قابل اعتماد است؟

این پیشنهادها نقطه شروع‌اند، نه نتیجه قطعی. داده‌های Search Console و Analytics، آزمون کاربر، مستندات رسمی و بررسی انسانی باید مبنای تصمیم نهایی باشند.

منبع و روش تدوین

این مقاله با الهام از نوشته 10 Generative AI Prompts for Websites اثر Scott McDowell در وبلاگ Squarespace، منتشرشده در ۲۹ اوت ۲۰۲۴، تدوین شده است. تیم هوش عمیق نمونه‌ها را برای استفاده فارسی بازنویسی کرده و زمینه، محدودیت، قالب خروجی، روش آزمون و ملاحظات حقوقی و انسانی را به آن‌ها افزوده است. تاریخ دسترسی: ۱۶ مرداد ۱۴۰۵.

یکی از الگوها را با پروژه خودتان امتحان کنید

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