Návod · Web

Web, který AI přečte: co to znamená pro design a stavbu

Daniel Hauser
· 3 min čtení
Web, který AI přečte: co to znamená pro design a stavbu

Stránka, která v prohlížeči vypadá plná, může stroji dorazit prázdná. Není to chyba kódu ani designu. Je to důsledek rozhodnutí, která padnou na začátku návrhu a která nikdo nedělá se zlým úmyslem.

Co o tom víme

Vercel s agenturou MERJ zveřejnil v prosinci 2024 měření ze své sítě: za měsíc zachytili 569 milionů požadavků GPTBota a 370 milionů od crawleru Anthropicu. Žádný z hlavních AI crawlerů přitom nespouštěl JavaScript. Skripty si stahovali, ale stáhnout a spustit není totéž.

Výjimkou je Googlebot, který má vykreslovací službu a živí i Gemini. Ostatní ne. Jsou to data z jedné sítě, ne zákon, a chování robotů se může změnit bez ohlášení. Jako podklad pro rozhodování to ale stačí: co není v HTML ze serveru, pro většinu strojů neexistuje.

Čtyři rozhodnutí, která stránku vyprázdní

  • Text v obrázku. Nadpis vysázený v grafice drží přesnou typografii a vypadá líp. Stroj na něm vidí jen soubor.
  • Obsah v záložkách a rozbalovačkách, který se donačítá až po kliknutí. Parametry, složení, doprava. V prohlížeči vzorný pořádek, v HTML ze serveru prázdno.
  • Text, který se objevuje až při scrollování. Animace je efekt, ne technika, ale bývá postavená tak, že odstavec do stránky vloží až skript.
  • Stránka postavená na videu, kde celé sdělení běží ve videu. Pod ním zůstane nadpis o dvou slovech a tlačítko.

Žádná z těch čtyř věcí není sama o sobě špatný design. Tři z nich jsme sami navrhli a stojíme si za nimi. Rozdíl je v tom, jestli stejné sdělení existuje i v textu, který přijde ze serveru.

Dobrý web vypadá dobře člověku a dává smysl stroji. Nejsou to dvě protichůdné věci, jen se na ně myslí v jiném pořadí.

Neznamená to dělat nudné weby

Nejčastější reakce je, že se tím web ořeže na holý text. Není to tak. Animace, video i grafická typografie mohou zůstat. Jde o to mít pod nimi vrstvu, která nese totéž sdělení prostým textem: nadpis, první odstavec, u produktu cenu a dostupnost.

Prakticky to znamená jednu otázku navíc v návrhu. U každého místa, kde sdělení nese obrázek, video nebo pohyb, se ptáme, kde je totéž napsané slovy. Když odpověď není, buď se text doplní, nebo se vědomě rozhodne, že na té stránce nezáleží.

Jak si to ověříte za minutu

Otevřete si na své stránce zdrojový kód klávesou Ctrl+U a zkuste v něm najít větu z vlastního obsahu. Když tam není, stroj ji taky nevidí. Rychlejší je kontrola, co z webu vidí AI: zadáte adresu a uvidíte, kolik slov ze stránky zbude bez spuštěných skriptů a kolik z toho je menu a patička.

Podrobněji to rozebírá článek proč může být stránka plná textu pro AI prázdná, včetně zdrojů k tomu měření.

Co z toho plyne pro zadání

Když zadáváte nový web, je to jedna věta v zadání: obsah, na kterém nám záleží, musí být v HTML ze serveru. Zní to technicky, ale rozhoduje se to v návrhu, ne při kódování. Rozložení postavené na postupném odhalování obsahu se pak buď udělá jinak, nebo se k němu dopíše textová vrstva.

U webů, které stavíme, je to výchozí stav. Technickou stránku má na starosti vývojářská část skupiny, my řešíme to dřívější: jestli stránka vůbec nese sdělení slovy, nebo jen obrázky.

Hezká stránka, kterou stroj přečte jako prázdnou, není dobře odvedená práce. Je to práce, u které jedna otázka nepadla.

Máte podobný projekt?

Napište pár vět o tom, co potřebujete. Ozvu se osobně.

Probrat projekt

Další články

Rebon: značka pro produkt, kterému zákazník nerozumí

Rebon: značka pro produkt, kterému zákazník nerozumí

Jak navrhnout značku a e-shop pro domácí filtraci vody tak, aby laik pochopil, co kupuje. Od logotypu přes produktové vizualizace po návrh celého webu.

Google si vaše videa vezme sám. Značka přestává rozhodovat, co ji reprezentuje

Google si vaše videa vezme sám. Značka přestává rozhodovat, co ji reprezentuje

Od 23. října si Performance Max sám vytáhne až deset videí z vašich sociálních sítí a webu a dá je do reklamy. Není to nastavení reklamy, je to otázka vedení značky.

Značka, která snese víc trhů

Značka, která snese víc trhů

Při expanzi se obvykle rozbije značka dřív než kampaně. Co musí zůstat ve všech zemích stejné, co se naopak musí ohnout a proč se o tom rozhoduje u prvního obalu, ne u pátého trhu.

Obal, který musí fungovat i jako náhled velikosti nehtu

Obal, který musí fungovat i jako náhled velikosti nehtu

Většina lidí dnes uvidí obal poprvé jako malý čtvereček ve výpisu srovnávače, ne v regále. Co z návrhu zmenšení přežije, co se ztratí a proč to musíte rozhodnout dřív, než se začne kreslit.

Ručně dělané proti AI dokonalému: proč se nedokonalost vrací

Ručně dělané proti AI dokonalému: proč se nedokonalost vrací

Když umí hladký vizuál vygenerovat každý, přestává hladkost znamenat péči. Co to dělá se značkami, kde ve studiu pouštíme AI ke slovu a kde naopak sahá na papír ruka.

Malé studio, nebo velká agentura? Co doopravdy platíte

Malé studio, nebo velká agentura? Co doopravdy platíte

Proč jeden zkušený člověk s moderními nástroji a sítí specialistů často dodá víc než velká agentura. A proč se klienti vracejí i po letech.

Jak AI zrychluje naši práci (a kde ji nepouštíme ke slovu)

Jak AI zrychluje naši práci (a kde ji nepouštíme ke slovu)

Tento web v osmi jazycích vznikl za dva dny. Ukazujeme, jak ve studiu pracujeme s AI agenty, co jsme si kolem nich postavili a proč každé rozhodnutí dělá člověk.

AXA Racing: tři značky, jeden web a vlastní platforma za pár dní

AXA Racing: tři značky, jeden web a vlastní platforma za pár dní

Jak jsme pro dealera Polaris, CFMOTO a GOES sjednotili data tří značek do jednoho webu s vlastní administrací. Postaveno na Next.js, první verze za tři dny.