ai for designersJuly 27, 20269 min read

سایت طراحی شما هیچ دیده‌شدنی در جست‌وجوی هوش مصنوعی ندارد

۲۵ صفحه از استودیوهای طراحی و پورتفولیوها را دقیقاً همان‌طور که یک خزنده هوش مصنوعی می‌بیند، واکشی کردیم. میانه متن قابل‌خواندن: ۳۹۷ کلمه. یکی از آن‌ها ۱۴۷ کیلوبایت فرستاد تا فقط هفت کلمه بگوید.

By Boone
XLinkedIn
design site invisible to ai

پاسخ کوتاه

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

ما در تاریخ ۲۷ ژوئیه ۲۰۲۶، ۲۵ صفحه را در ۱۸ دامنه‌ی استودیوی طراحی، پلتفرم پورتفولیو و وب‌سایت‌ساز واکشی کردیم؛ هر بار یک درخواست ساده HTTP GET، بدون اجرای جاوااسکریپت، با یک user-agent به نام ClaudeBot. میانه صفحات ۳۹۷ کلمه متن قابل‌خواندن توسط ماشین برگرداند. هشت صفحه کمتر از ۲۰۰ کلمه داشتند.

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

تصویر وکسلی از دیوار یک گالری با قاب‌های خالی و بدون برچسب قابل‌خواندن.
تصویر وکسلی از دیوار یک گالری با قاب‌های خالی و بدون برچسب قابل‌خواندن.

دو سوم جست‌وجوها اکنون همان‌جایی تمام می‌شوند که شروع شدند

نمودار SparkToro که نشان می‌دهد جست‌وجوهای بدون کلیک گوگل در سال ۲۰۲۶ از ۶۸ درصد عبور کرده است.
نمودار SparkToro که نشان می‌دهد جست‌وجوهای بدون کلیک گوگل در سال ۲۰۲۶ از ۶۸ درصد عبور کرده است.

داده‌ها را در sparktoro.com ببینید

طبق تحلیل ژوئن ۲۰۲۶ SparkToro از داده‌های پنل clickstream شرکت Similarweb، جست‌وجوهای گوگل در آمریکا در چهار ماه اول سال ۲۰۲۶ در ۶۸.۰۱ درصد موارد بدون هیچ کلیکی پایان یافتند. این رقم نسبت به ۶۰.۴۵ درصد در سال ۲۰۲۴، افزایشی ۷.۵ واحدی در دو سال است.

این روند قدیمی‌تر از هوش مصنوعی است. SparkToro اولین بار این عدد را در سال ۲۰۱۹ روی ۴۹ درصد اندازه‌گیری کرده بود. کاری که هوش مصنوعی انجام داد، شتاب‌دادن به منحنی‌ای بود که از قبل در حال خم‌شدن بود.

طبق داده‌های Ahrefs که توسط SparkToro نقل شده، AI Overviews اکنون در بیش از ۲۰ درصد کل جست‌وجوها ظاهر می‌شود. و وقتی یکی از آن‌ها ظاهر شود، Ahrefs دریافت که صفحه‌ی رتبه اول نرخ کلیک متوسطی ۵۸ درصد پایین‌تر دارد. این رقم از بازاجرای رایان لاو روی داده‌های دسامبر ۲۰۲۵ در میان ۳۰۰,۰۰۰ کلمه کلیدی به‌دست آمده؛ نیمی با AI Overview و نیمی اطلاعاتی و بدون آن، با استفاده از داده‌های تجمیعی Search Console.

جهت تغییر، نکته مهمی است. نسخه آوریل ۲۰۲۵ همین مطالعه‌ی Ahrefs این افت را ۳۴.۵ درصد اعلام کرده بود. همان خانواده روش‌شناسی، عددی بسیار بدتر.

ماشین‌هایی که سایت شما را می‌خوانند نمی‌توانند سایت شما را اجرا کنند

هیچ خزنده اصلی هوش مصنوعی جاوااسکریپت را اجرا نمی‌کند. مطالعه‌ی سطح شبکه‌ی Vercel و MERJ که در ۱۷ دسامبر ۲۰۲۴ منتشر شد، دریافت که این خزنده‌ها همگی HTML خام را واکشی می‌کنند و همان‌جا متوقف می‌شوند:

  • GPTBot
  • OAI-SearchBot
  • ChatGPT-User
  • ClaudeBot
  • Meta-ExternalAgent
  • Bytespider
  • PerplexityBot

آن‌ها فایل‌های جاوااسکریپت شما را دانلود می‌کنند. فقط هرگز اجرایشان نمی‌کنند. همین مطالعه فایل‌های JS را ۱۱.۵۰ درصد از درخواست‌های ChatGPT و ۲۳.۸۴ درصد از درخواست‌های Claude اندازه‌گیری کرد.

استثناها گوگل و اپل هستند. Gemini از زیرساخت رندرینگ Googlebot استفاده می‌کند، و AppleBot از طریق یک رندرکننده مبتنی بر مرورگر خزش می‌کند. هر چیز دیگری فقط همان چیزی را می‌گیرد که سرور شما در پاسخ اولیه قرار می‌دهد.

آن مطالعه جدیدترین اندازه‌گیری first-party در مقیاس بزرگ است که توانستیم تأیید کنیم. به‌طور گسترده گفته می‌شود که هنوز در سال ۲۰۲۶ هم صادق است، و بسیاری از پست‌ها رقم ۵۶۹ میلیون واکشی GPTBot آن را به‌صورت گرد شده «۵۰۰ میلیون» تکرار می‌کنند، اما پژوهش اولیه‌ی جدیدتری پیدا نکردیم. آن را به‌عنوان بهترین شواهد موجود در نظر بگیرید، نه خبر تازه.

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

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

آن‌چه یک خزنده هوش مصنوعی واقعاً در یک سایت طراحی می‌بیند

صفحه اصلی Webflow که به‌صورت HTML خام با متن بدنه‌ی متراکم و قابل‌خواندن رندر می‌شود.
صفحه اصلی Webflow که به‌صورت HTML خام با متن بدنه‌ی متراکم و قابل‌خواندن رندر می‌شود.

آن را زنده روی webflow.com ببینید

ما حجم HTML، تعداد کلمات قابل‌خواندن، کیلوبایت ارسال‌شده به‌ازای هر کلمه قابل‌خواندن، پوشش متن جایگزین (alt text) و وجود داده‌ی ساختاریافته را اندازه‌گیری کردیم. Brainy در جدول حضور دارد چون ترسویانه بود اگر نبود، و ما در میانه جدول قرار داریم.

سایتصفحهکیلوبایت ارسالیکلمات قابل‌خواندنکیلوبایت به ازای هر کلمهپوشش alt
Webflowخانه619.03,4660.1857 از 168 تصویر
Pentagramخانه1,019.43,2880.31134 از 183 تصویر
IDEOخانه198.81,8410.112 از 35 تصویر
Pentagramنمونه‌کار347.11,1980.296 از 42 تصویر
Brainyخانه137.85540.2527 از 27 تصویر
Instrumentخانه3,355.63978.450 از 10 تصویر
Instrumentنمونه‌کار3,340.729111.480 از 2 تصویر
Collinsنمونه‌کار134.51241.080 از 52 تصویر
Readymagخانه147.7721.10ندارد

در میان تمام ۲۵ صفحه: ۱۴ تای آن‌ها کمتر از ۵۰۰ کلمه قابل‌خواندن داشتند، ۱۵ تا هیچ داده ساختاریافته‌ای نداشتند، و ۱۰ تا در کمتر از نیمی از تصاویرشان alt text داشتند. Area 17 و Made Thought انتهای پاکیزه‌ی طیف بودند، هر دو با پوشش ۱۰۰ درصدی alt.

صفحه اصلی Readymag مورد افراطی است. آن ۱۴۷.۷ کیلوبایت HTML فرستاد تا هفت کلمه قابل‌خواندن ارائه دهد، چیزی حدود ۲۱ کیلوبایت به‌ازای هر کلمه. این انتقادی به طراحی نیست. توصیفی از آن چیزی است که یک خزنده‌ی بدون رندر دریافت می‌کند.

سایت خودتان را در یک خط تست کنید

همین تست را روی خودتان اجرا کنید. یک خط، بدون نیاز به نصب هیچ ابزاری:

curl -s -A "ClaudeBot/1.0" https://yoursite.com | sed 's/<[^>]*>//g' | tr -s '[:space:]' ' ' | wc -w

اگر آن عدد زیر ۳۰۰ برگردد، لایه هوش مصنوعی جست‌وجو تقریباً هیچ چیزی درباره شما نمی‌داند.

صفحه نمونه‌کار خالی‌ترین صفحه‌ای است که دارید

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

آن را زنده روی instrument.com/work ببینید

این الگو در سراسر بررسی برقرار بود. صفحات اصلی بیشترین متن را داشتند، و صفحات نمونه‌کار یا مطالعات موردی، همان صفحاتی که واقعاً توانمندی را ثابت می‌کنند، کمترین متن را داشتند. صفحه نمونه‌کار Instrument ۲۹۱ کلمه در برابر ۳۹۷ کلمه در صفحه اصلی‌اش برگرداند. صفحه نمونه‌کار Collins ۱۲۴ کلمه بود.

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

مدلی که از او خواسته می‌شود استودیوهای قوی در کار هویت ادیتوریال را نام ببرد، متن می‌خواند. به گرید شما نگاه نمی‌کند. اگر بهترین پروژه شما به‌صورت دوازده تصویر full-bleed و چهل کلمه ارائه شود، شما اصلاً وارد مجموعه‌ی مورد بررسی نشده‌اید.

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

alt text دیگر فقط یک وظیفه دسترس‌پذیری نیست

صفحه نمونه‌کار Pentagram که ده‌ها تصویر پروژه را با پوشش alt text اندک نشان می‌دهد.
صفحه نمونه‌کار Pentagram که ده‌ها تصویر پروژه را با پوشش alt text اندک نشان می‌دهد.

آن را زنده روی pentagram.com/work ببینید

ده از ۲۵ صفحه در کمتر از نیمی از تصاویرشان alt text داشتند، و در صفحات نمونه‌کار مبتنی بر تصویر، این نسبت بدتر بود. Collins پنجاه‌ودو تصویر بدون هیچ ویژگی alt ارسال کرد. صفحه نمونه‌کار Pentagram چهل‌ودو تصویر داشت که فقط شش تا alt داشتند، و صفحه اصلی IDEO سی‌وپنج تصویر داشت که فقط دو تا alt داشتند.

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

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

داده ساختاریافته نیمه‌ی دیگر ماجراست. پانزده از ۲۵ صفحه هیچ‌کدام نداشتند. اسکیمای Organization، Person و CreativeWork راهی است که یک ماشین می‌فهمد یک صفحه یک استودیو، یک طراح یا یک پروژه است، نه سه بلوب متنی بی‌برچسب.

چهار اصلاح، به ترتیبی که عدد را تکان می‌دهد

چهار تغییر عدد را تکان می‌دهد، و ترتیب اهمیت دارد:

  • متن را سمت سرور رندر کنید. اگر پشته‌ی فناوری شما محتوا را سمت کلاینت هیدرات می‌کند، کلمات برای هر چیزی جز گوگل و اپل نامرئی هستند. خروجی از‌پیش‌کامپایل‌شده‌ی Webflow نسبتاً امن است؛ یک SPA سفارشی بدون SSR بدترین حالت است. Framer HTML ارائه می‌دهد اما به هیدراسیون React تکیه می‌کند، پس امتحان کنید نه فرض. تحلیل پشته‌ی سایت بازاریابی ما این موازنه‌ها را پوشش می‌دهد
  • صفحات نمونه‌کار را بازنویسی کنید. هر پروژه را به بالای حدود ۴۰۰ کلمه قابل‌خواندن از استدلال واقعی برسانید. این بزرگ‌ترین شکافی است که بررسی پیدا کرد و همان صفحاتی که بیشترین اهمیت را دارند
  • alt text را همه‌جا اضافه کنید و کار را توصیف کنید نه فایل را. در یک صفحه گالری این می‌تواند متن قابل‌خواندن شما را در یک بعدازظهر دو برابر کند
  • داده ساختاریافته Organization، Person و CreativeWork اضافه کنید. ارزان، مکانیکی، و ۶۰ درصد صفحاتی که اندازه‌گیری کردیم آن را جا انداختند

آن‌ها را به همین ترتیب انجام دهید. نوشتن ۸۰۰ کلمه‌ی عالی در جزئی که هرگز به خزنده نمی‌رسد، بی‌فایده است.

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

صحنه‌ی وکسلی از یک بلوک HTML متورم که چند کلمه‌ی قابل‌مشاهده را کوچک می‌کند.
صحنه‌ی وکسلی از یک بلوک HTML متورم که چند کلمه‌ی قابل‌مشاهده را کوچک می‌کند.

سؤالات متداول

آیا خزنده‌های هوش مصنوعی جاوااسکریپت را رندر می‌کنند؟

خزنده‌های اصلی خیر. مطالعه‌ی ۱۷ دسامبر ۲۰۲۴ Vercel و MERJ دریافت که این خزنده‌ها همگی بدون اجرا واکشی می‌کنند:

  • GPTBot
  • OAI-SearchBot
  • ChatGPT-User
  • ClaudeBot
  • Meta-ExternalAgent
  • Bytespider
  • PerplexityBot

Gemini گوگل از طریق زیرساخت Googlebot رندر می‌شود، و AppleBot از طریق یک خزنده مبتنی بر مرورگر رندر می‌شود.

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

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

آیا تعداد کلمات پایین همیشه اشتباه است؟

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

آیا این جایگزین سئوی معمولی می‌شود؟

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

واقعاً چقدر ترافیک در خطر است؟

SparkToro زیرو-کلیک آمریکا را برای اوایل ۲۰۲۶ روی ۶۸.۰۱ درصد قرار می‌دهد. Ahrefs افت ۵۸ درصدی نرخ کلیک را روی نتیجه اول وقتی یک AI Overview ظاهر می‌شود اندازه‌گیری کرد، بدتر از ۳۴.۵ درصدی که در آوریل ۲۰۲۵ اندازه‌گیری کرده بودند. هر دو میانگین‌هایی در میان همه انواع پرسش هستند، پس میزان مواجهه شما بستگی به میزان اطلاعاتی‌بودن پرسش‌های شما دارد.

زیبا و ناخوانا متضاد هم نیستند

صفحه اصلی Pentagram که طراحی بصری جسورانه را با هزاران کلمه قابل‌خواندن جفت می‌کند.
صفحه اصلی Pentagram که طراحی بصری جسورانه را با هزاران کلمه قابل‌خواندن جفت می‌کند.

آن را زنده روی pentagram.com ببینید

هیچ‌چیز در این‌جا استدلالی برای سایت‌های زشت‌تر نیست. صفحه اصلی Pentagram ۳,۲۸۸ کلمه قابل‌خواندن برگرداند و هنوز مثل Pentagram به نظر می‌رسد، و Webflow ۳,۴۶۶ کلمه برگرداند. Area 17 و Made Thought بدون هیچ مصالحه‌ی قابل‌مشاهده‌ای به پوشش کامل alt رسیدند. موازنه‌ای که مردم فرض می‌کنند وجود دارد، تا حد زیادی وجود ندارد، همان نکته‌ای که درباره‌ی اصول طراحی وب گفتیم.

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

بروید دستور curl را اجرا کنید. چهار ثانیه طول می‌کشد، و عددی که برمی‌گرداند صادقانه‌ترین عدد است.

Want work that machines and humans can both read? Join Brainy Creators.

Get Started

More from Brainy Papers

Keep reading