ai for designersJuly 27, 20269 min read

आपकी डिज़ाइन साइट की AI सर्च विज़िबिलिटी शून्य है।

हमने एआई क्रॉलर की तरह 25 डिज़ाइन स्टूडियो और पोर्टफोलियो पेज प्राप्त किए। औसत पठनीय पाठ: 397 शब्द। इनमें से एक ने 147KB का डेटा भेजा।

By Boone
XLinkedIn
design site invisible to ai

संक्षिप्त उत्तर

आपकी वेबसाइट शायद उन मशीनों को खाली दिखती है जो अब आपके उद्योग से संबंधित प्रश्नों के उत्तर देती हैं। न धीमी, न ही खराब रैंकिंग वाली। बस खाली।

हमने 27 जुलाई 2026 को 18 डिज़ाइन स्टूडियो, पोर्टफोलियो प्लेटफ़ॉर्म और वेबसाइट बिल्डर डोमेन से 25 पेज प्राप्त किए, प्रत्येक से एक साधारण HTTP GET अनुरोध प्राप्त किया गया, जिसमें कोई JavaScript निष्पादित नहीं किया गया, और यह सब क्लाउडबॉट उपयोगकर्ता-एजेंट के तहत किया गया। औसत पेज में 397 शब्द मशीन-पठनीय पाठ थे। आठ पेजों में 200 से कम शब्द थे।

यही वह है जो एक AI क्रॉलर तब देखता है जब वह यह खोजता है कि कौन अच्छा ब्रांडिंग कार्य करता है। उद्योग का अधिकांश हिस्सा एक सुंदर ढांचा प्रस्तुत कर रहा है जिसके अंदर कुछ भी पठनीय नहीं है।

खाली फ्रेम और बिना किसी पठनीय लेबल वाली गैलरी की दीवार का वोक्सेल चित्रण।
खाली फ्रेम और बिना किसी पठनीय लेबल वाली गैलरी की दीवार का वोक्सेल चित्रण।

दो तिहाई खोजें अब वहीं समाप्त होती हैं जहाँ से शुरू हुई थीं

स्पार्कटोरो का चार्ट दर्शाता है कि 2026 में जीरो-क्लिक गूगल सर्च में 68 प्रतिशत से अधिक की वृद्धि होगी।
स्पार्कटोरो का चार्ट दर्शाता है कि 2026 में जीरो-क्लिक गूगल सर्च में 68 प्रतिशत से अधिक की वृद्धि होगी।

sparktoro.com पर डेटा देखें।

SparkToro द्वारा Similarweb क्लिकस्ट्रीम पैनल डेटा के जून 2026 के विश्लेषण के अनुसार, 2026 के पहले चार महीनों में 68.01% अमेरिकी Google खोजें बिना क्लिक के समाप्त हुईं। यह 2024 के 60.45% से बढ़कर दो वर्षों में 7.5 अंक की वृद्धि है।

यह प्रवृत्ति AI से पहले की है। SparkToro ने पहली बार 2019 में इसे 49% मापा था। AI ने उस वक्र को गति दी जो पहले से ही झुक रहा था।

SparkToro द्वारा उद्धृत Ahrefs डेटा के अनुसार, AI ओवरव्यू अब सभी खोजों के 20% से अधिक पर दिखाई देते हैं। और जब एक दिखाई देता है, तो Ahrefs ने पाया कि शीर्ष रैंकिंग वाले पृष्ठ की औसत क्लिकथ्रू दर 58% कम होती है। यह आंकड़ा रयान लॉ द्वारा दिसंबर 2025 के डेटा पर किए गए 300,000 कीवर्ड के पुनर्मूल्यांकन से प्राप्त हुआ है, जिनमें से आधे कीवर्ड में एआई अवलोकन शामिल है और आधे में एआई अवलोकन नहीं है, और इसके लिए सर्च कंसोल के एकत्रित डेटा का उपयोग किया गया है।

दिशा पर ध्यान देना महत्वपूर्ण है। Ahrefs के अप्रैल 2025 के अध्ययन के अनुसार, गिरावट 34.5% थी। कार्यप्रणाली समान है, लेकिन परिणाम कहीं अधिक खराब हैं।

आपकी साइट को पढ़ने वाली मशीनें आपकी साइट को चला नहीं सकतीं

कोई भी प्रमुख एआई क्रॉलर JavaScript को निष्पादित नहीं करता है। Vercel और MERJ के नेटवर्क-स्तरीय अध्ययन, जो 17 दिसंबर 2024 को प्रकाशित हुआ, में पाया गया कि ये सभी क्रॉलर केवल रॉ HTML फ़ाइल प्राप्त करते हैं और वहीं रुक जाते हैं:

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

ये आपके JavaScript को डाउनलोड तो करते हैं, लेकिन उसे कभी चलाते नहीं हैं। इसी अध्ययन में ChatGPT के अनुरोधों में 11.50% और Claude के अनुरोधों में 23.84% JS फ़ाइलें पाई गईं।

Google और Apple इसके अपवाद हैं। Gemini Googlebot के रेंडरिंग इन्फ्रास्ट्रक्चर का उपयोग करता है, और AppleBot ब्राउज़र-आधारित रेंडरर के माध्यम से क्रॉल करता है। बाकी सब कुछ वही प्राप्त करता है जो आपका सर्वर प्रारंभिक प्रतिक्रिया में देता है।

वह अध्ययन सबसे हालिया बड़े पैमाने पर किया गया प्रत्यक्ष माप है जिसकी हम पुष्टि कर सके। व्यापक रूप से यह बताया गया है कि यह 2026 में भी मान्य रहेगा, और कई पोस्ट इसके 569 मिलियन GPTBot फ़ेच के आंकड़े को लगभग "500 मिलियन" के रूप में दोहराते हैं, लेकिन हमें कोई नया प्राथमिक शोध नहीं मिला। इसे उपलब्ध सर्वोत्तम प्रमाण के रूप में मानें, न कि ताज़ा खबर के रूप में।

Vercel का उस कार्य से दिया गया स्वयं का सुझाव स्पष्ट था: अपनी महत्वपूर्ण सामग्री को सर्वर-आधारित रेंडर करें और क्लाइंट-साइड रेंडरिंग का उपयोग केवल संवर्धन के लिए करें। आपका स्टैक किस रेंडरिंग मोड को डिफ़ॉल्ट रूप से उपयोग करता है, यही इस सब के मूल में निर्णय है, और हमने इस पर मार्केटिंग साइट स्टैक में चर्चा की है।

JavaScript जलयोजन शुरू होने से पहले पठनीय पाठ प्रस्तुत करने वाले सर्वर का वोक्सेल आरेख।
JavaScript जलयोजन शुरू होने से पहले पठनीय पाठ प्रस्तुत करने वाले सर्वर का वोक्सेल आरेख।

एक AI क्रॉलर डिज़ाइन साइट पर वास्तव में क्या देखता है

वेबफ्लो होमपेज को सघन, पठनीय बॉडी टेक्स्ट के साथ रॉ एचटीएमएल के रूप में रेंडर किया जा रहा है।
वेबफ्लो होमपेज को सघन, पठनीय बॉडी टेक्स्ट के साथ रॉ एचटीएमएल के रूप में रेंडर किया जा रहा है।

इसे webflow.com पर लाइव देखें

हमने HTML पेलोड, पठनीय शब्द गणना, प्रति पठनीय शब्द शिप किए गए KB, ऑल्ट टेक्स्ट कवरेज और संरचित डेटा की उपस्थिति को मापा। Brainy को तालिका में शामिल किया गया है क्योंकि इसे शामिल न करना कायरतापूर्ण होता, और हम तालिका के मध्य में हैं।

| साइट | पृष्ठ | शिप किए गए KB | पठनीय शब्द | प्रति शब्द KB | ऑल्ट कवरेज |

|---|---|---|---|---|---| | वेबफ्लो | होम | 619.0 | 3,466 | 0.18 | 168 छवियों में से 57 |

| पेंटाग्राम | होम | 1,019.4 | 3,288 | 0.31 | 183 छवियों में से 134 |

| IDEO | होम | 198.8 | 1,841 | 0.11 | 35 में से 2 चित्र |

पेंटाग्राम | कार्य | 347.1 | 1,198 | 0.29 | 42 में से 6 चित्र |

Brainy | होम | 137.8 | 554 | 0.25 | 27 में से 27 चित्र |

इंस्ट्रूमेंट | होम | 3,355.6 | 397 | 8.45 | 10 में से 0 चित्र |

इंस्ट्रूमेंट | कार्य | 3,340.7 | 291 | 11.48 | 2 में से 0 चित्र |

कॉलिन्स | कार्य | 134.5 | 124 | 1.08 | 52 में से 0 चित्र |

Readymag | होम | 147.7 | 7 | 21.10 | उपलब्ध नहीं |

सभी 25 पृष्ठों में से: 14 पृष्ठों में 500 से कम पठनीय शब्द थे, 15 पृष्ठों में कोई संरचित डेटा नहीं था, और 10 पृष्ठों में आधे से भी कम छवियों पर ऑल्ट टेक्स्ट था। एरिया 17 और मेड थॉट सबसे कम पठनीय थे, दोनों में 100% ऑल्ट टेक्स्ट मौजूद था।

रेडीमैग का होमपेज एक चरम उदाहरण है। इसमें सात पठनीय शब्द देने के लिए 147.7 केबी एचटीएमएल का उपयोग किया गया, यानी लगभग 21 केबी प्रति शब्द। यह डिज़ाइन की आलोचना नहीं है। यह इस बात का वर्णन है कि एक नॉन-रेंडरिंग क्रॉलर को क्या मिलता है।

अपनी साइट का एक लाइन में परीक्षण करें

यही परीक्षण स्वयं पर करें। एक लाइन, कोई टूल इंस्टॉल करने की आवश्यकता नहीं:

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

यदि इससे 300 से कम संख्या प्राप्त होती है, तो खोज की एआई परत आपके बारे में लगभग कुछ भी नहीं जानती है।

आपका कार्य पृष्ठ आपके स्वामित्व वाले पृष्ठों में सबसे खाली है

इंस्ट्रूमेंट का वर्क पेज, जिसमें पतले कैप्शन टेक्स्ट के साथ इमेज-आधारित केस स्टडीज़ दिखाई गई हैं।
इंस्ट्रूमेंट का वर्क पेज, जिसमें पतले कैप्शन टेक्स्ट के साथ इमेज-आधारित केस स्टडीज़ दिखाई गई हैं।

इसे instrument.com/work पर लाइव देखें

यह पैटर्न ऑडिट में समान रहा। होमपेज पर सबसे अधिक टेक्स्ट था, जबकि कार्य या केस स्टडी पेज, जो वास्तव में क्षमता को साबित करते हैं, उन पर सबसे कम टेक्स्ट था। इंस्ट्रूमेंट के कार्य पृष्ठ पर 291 शब्द थे, जबकि उसके होमपेज पर 397 शब्द थे। कॉलिन्स के कार्य पृष्ठ पर 124 शब्द थे।

इसका कारण संरचनात्मक है, लापरवाही नहीं। कार्य पृष्ठ गैलरी की तरह बनाए जाते हैं। तर्क छवियों, लेआउट और अनुक्रम में निहित होता है, और शब्दों को उनके बीच कैप्शन के रूप में माना जाता है। यह परंपरा एक दशक तक मानव ब्राउज़िंग के लिए खूबसूरती से काम करती रही, और यही वह चीज़ है जिसके बारे में हमने डिजाइन केस स्टडी की मृत्यु में तर्क दिया था कि यह टूट रही है।

एक मॉडल जिसे संपादकीय पहचान कार्य में मजबूत स्टूडियो के नाम बताने के लिए कहा गया, वह टेक्स्ट पढ़ता है। यह आपके ग्रिड को नहीं देखता। अगर आपका सबसे अच्छा प्रोजेक्ट बारह फुल-ब्लीड इमेज और चालीस शब्दों के रूप में प्रस्तुत किया जाता है, तो आप विचारणीय सूची में शामिल नहीं होंगे।

इसका समाधान अनावश्यक रूप से अधिक टेक्स्ट जोड़ना नहीं है। बल्कि, आपके पास जो तर्क पहले से मौजूद है, उसे पृष्ठ में शामिल करना है: समस्या, बाधा, निर्णय और परिणाम। हमने केस स्टडी टेम्पलेट में उस संरचना को स्पष्ट किया है, और यही सोच पोर्टफोलियो विरोधी मार्गदर्शिका में पूरे पोर्टफोलियो को क्रमबद्ध करने के तरीके पर भी लागू होती है।

ऑल्ट टेक्स्ट अब अभिगम्यता संबंधी समस्या नहीं रही

पेंटाग्राम का वर्क पेज जिसमें दर्जनों प्रोजेक्ट इमेज दिखाई गई हैं, लेकिन उनमें ऑल्ट टेक्स्ट बहुत कम है।
पेंटाग्राम का वर्क पेज जिसमें दर्जनों प्रोजेक्ट इमेज दिखाई गई हैं, लेकिन उनमें ऑल्ट टेक्स्ट बहुत कम है।

इसे pentagram.com/work पर लाइव देखें

25 में से दस पृष्ठों में आधी से कम छवियों पर ऑल्ट टेक्स्ट था, और छवि-प्रधान कार्य पृष्ठों पर यह अनुपात और भी खराब था। कॉलिन्स ने 52 छवियां प्रस्तुत कीं जिनमें एक भी ऑल्ट टेक्स्ट नहीं था। पेंटाग्राम के कार्य पृष्ठ में 42 छवियां थीं जिनमें से छह पर ऑल्ट टेक्स्ट था, और आइडियो के होमपेज पर 35 छवियां थीं जिनमें से दो पर ऑल्ट टेक्स्ट था।

एक क्रॉलर के लिए जो रेंडर नहीं कर सकता, ऑल्ट टेक्स्ट कोई मामूली बात नहीं है। यह आपके चित्रों का एकमात्र विवरण है जो प्रतिक्रिया में मौजूद है, और गैलरी-प्रधान कार्य पृष्ठ पर यह URL पर मौजूद पठनीय सामग्री का अधिकांश भाग हो सकता है।

इसलिए, जिस अभिगम्यता संबंधी कार्य को आप टाल रहे थे, अब उसे करने का एक दूसरा, व्यावसायिक कारण भी है। एक ही कार्य, दो लाभ। हमारा पहुँच योग्यता चेकलिस्ट एट्रिब्यूट में कीवर्ड भरने के बजाय इसे सही ढंग से करने के बारे में बताता है।

संरचित डेटा दूसरा भाग है।। 25 में से 15 पृष्ठों में कोई कीवर्ड नहीं था। संगठन, व्यक्ति और रचनात्मक कार्य स्कीमा वह तरीका है जिससे मशीन को पता चलता है कि कोई पृष्ठ एक स्टूडियो, एक डिज़ाइनर और एक प्रोजेक्ट है, न कि तीन बिना लेबल वाले टेक्स्ट के समूह।

चार सुधार, उस क्रम में जो संख्या को प्रभावित करता है

चार बदलाव संख्या को प्रभावित करते हैं, और क्रम महत्वपूर्ण है:

  • टेक्स्ट को सर्वर-रेंडर करें। यदि आपका स्टैक क्लाइंट-साइड पर सामग्री को लोड करता है, तो शब्द Google और Apple को छोड़कर बाकी सभी के लिए अदृश्य होते हैं। Webflow का प्री-कंपाइल किया गया आउटपुट तुलनात्मक रूप से सुरक्षित है; SSR के बिना कस्टम SPA सबसे खराब स्थिति है। Framer HTML प्रदान करता है लेकिन React हाइड्रेशन पर निर्भर करता है, इसलिए अनुमान लगाने के बजाय परीक्षण करें। हमारा मार्केटिंग साइट स्टैक का विश्लेषण समझौता ज्ञापनों पर चर्चा करता है।
  • कार्य पृष्ठों को पुनः लिखें। प्रत्येक प्रोजेक्ट में लगभग 400 पठनीय शब्दों से अधिक का वास्तविक तर्क होना चाहिए। ऑडिट में यही सबसे बड़ी कमी पाई गई और यही पृष्ठ सबसे महत्वपूर्ण हैं।
  • हर जगह ऑल्ट टेक्स्ट जोड़ें, जो फ़ाइल के बजाय कार्य का वर्णन करे। गैलरी पृष्ठ पर, इससे एक ही दोपहर में पठनीय टेक्स्ट की मात्रा दोगुनी हो सकती है।
  • संगठन, व्यक्ति और रचनात्मक कार्य का संरचित डेटा जोड़ें। यह सस्ता, यांत्रिक है और हमारे द्वारा मापे गए 60% पृष्ठों में इसे छोड़ दिया गया था।

इन्हें इसी क्रम में करें। 800 उत्कृष्ट शब्द ऐसे घटक में लिखने का कोई अर्थ नहीं है जो क्रॉलर तक कभी नहीं पहुँचता।

इनबाउंड पर निर्भर छोटे स्टूडियो के लिए, यह एक अनिवार्य रखरखाव है। यह उत्तर में नाम आने और न आने के बीच का अंतर है, जिसकी चर्चा हम एकल स्टूडियो प्लेबुक में करेंगे।

एक विशाल एचटीएमएल ब्लॉक का वोक्सेल दृश्य, जिसमें कुछ ही शब्द दिखाई दे रहे हैं।
एक विशाल एचटीएमएल ब्लॉक का वोक्सेल दृश्य, जिसमें कुछ ही शब्द दिखाई दे रहे हैं।

अक्सर पूछे जाने वाले प्रश्न

क्या AI क्रॉलर JavaScript को प्रदर्शित करते हैं?

मुख्य क्रॉलर नहीं। Vercel और MERJ के 17 दिसंबर 2024 के अध्ययन में पाया गया कि ये सभी क्रॉलर बिना निष्पादन के डेटा फ़ेच करते हैं:

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

Google का Gemini Googlebot के इंफ्रास्ट्रक्चर के माध्यम से प्रदर्शित होता है, और AppleBot ब्राउज़र-आधारित क्रॉलर के माध्यम से प्रदर्शित होता है।

मैं कैसे जांच करूं कि मेरी अपनी साइट दिखाई दे रही है या नहीं?

एक AI क्रॉलर यूजर-एजेंट के साथ एक कर्ल कमांड चलाएं, टैग हटाएं और शब्दों की संख्या गिनें। एक पंक्ति का कमांड ऊपर ऑडिट अनुभाग में दिया गया है। परिणाम की तुलना उस दृश्य से करें जो आगंतुक को दिखाई देता है।

क्या कम शब्द संख्या हमेशा एक गलती होती है?

नहीं। यह ऑडिट केवल प्रारंभिक HTML प्रतिक्रिया को मापता है। यह इस बात को नहीं मापता कि कोई साइट रैंक करती है, रूपांतरण दर अच्छी है या डिज़ाइन अच्छी है, और एक स्टूडियो जिसे रेफरल के माध्यम से ही सारा काम मिलता है, वह स्वाभाविक रूप से इनबाउंड सर्च की परवाह नहीं करेगा।

क्या यह सामान्य SEO का विकल्प है?

यह उसके नीचे आता है। शीर्षक, लिंक और पेज स्पीड अभी भी मायने रखते हैं। लेकिन यदि पृष्ठ का मुख्य भाग खाली आता है तो इनमें से कोई भी सहायक नहीं होता, और जनरेटिव इंजन ऑप्टिमाइज़ेशन मुख्य रूप से यह सुनिश्चित करना है कि आपकी वास्तविक सामग्री HTML में मौजूद हो।

वास्तव में कितना ट्रैफ़िक दांव पर लगा है?

स्पार्कटोरो के अनुमान के अनुसार, 2026 की शुरुआत में अमेरिका में शून्य-क्लिक दर 68.01% रहेगी। एहरेफ़्स ने पाया कि जब एआई ओवरव्यू दिखाई देता है, तो शीर्ष परिणाम पर सीटीआर में 58% की गिरावट आती है, जो अप्रैल 2025 में मापी गई 34.5% की गिरावट से भी बदतर है। ये दोनों आंकड़े सभी प्रकार की क्वेरी के औसत हैं, इसलिए आपकी पहुंच इस बात पर निर्भर करती है कि आपकी क्वेरी कितनी जानकारीपूर्ण हैं।

सुंदर और अपठनीय विपरीतार्थक नहीं हैं

पेंटाग्राम का होमपेज हजारों पठनीय शब्दों के साथ बोल्ड विजुअल डिजाइन का संयोजन प्रस्तुत करता है।
पेंटाग्राम का होमपेज हजारों पठनीय शब्दों के साथ बोल्ड विजुअल डिजाइन का संयोजन प्रस्तुत करता है।

इसे pentagram.com पर लाइव देखें

यहां कुछ भी बदसूरत साइटों के पक्ष में तर्क नहीं देता है। पेंटाग्राम के होमपेज पर 3,288 पठनीय शब्द हैं और यह अभी भी पेंटाग्राम जैसा दिखता है, जबकि वेबफ्लो के होमपेज पर 3,466 शब्द हैं। एरिया 17 और मेड थॉट ने बिना किसी स्पष्ट समझौते के पूर्ण वैकल्पिक कवरेज हासिल किया है। लोग जिस समझौते की धारणा रखते हैं, वह ज्यादातर मामलों में नहीं होता है, यही बात हमने वेब डिज़ाइन सिद्धांत के बारे में भी कही थी।

असल में हुआ ये कि एक ऐसी पद्धति, जिसमें इमेज को प्राथमिकता दी जाती थी, टेक्स्ट कम होता था और JavaScript का बोलबाला था, एक दशक तक इंसानी ब्राउज़िंग के लिए सही साबित हुई, लेकिन दर्शकों के बदलने के साथ ही धीरे-धीरे एक खामी बन गई। उस तालिका में शामिल स्टूडियो अपने काम में माहिर हैं। उनमें से कई तो उद्योग में सर्वश्रेष्ठ हैं। यह पद्धति उनके लिए नाकाम साबित हुई।

curl कमांड चलाकर देखें। इसमें चार सेकंड लगते हैं और जो संख्या यह लौटाता है वह बिल्कुल सटीक होती है।

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

Get Started

More from Brainy Papers

Keep reading