Strona, którą przeczyta AI: co to znaczy dla projektu i budowy

Strona, która w przeglądarce wygląda na pełną, może dotrzeć do maszyny pusta. To nie błąd kodu ani projektu. Wynika z decyzji podejmowanych na początku projektowania, a nikt nie podejmuje ich w złej wierze.

Co o tym wiemy

Vercel wraz z agencją MERJ opublikował w grudniu 2024 pomiary z własnej sieci: w ciągu miesiąca odnotowali 569 milionów zapytań GPTBota i 370 milionów od robota Anthropic. Żaden z głównych robotów AI nie uruchamiał JavaScriptu. Skrypty wprawdzie pobierali, ale pobrać i uruchomić to nie to samo.

Wyjątkiem jest Googlebot, który ma usługę renderowania i zasila także Gemini. Pozostałe nie. To dane z jednej sieci, nie prawo, a zachowanie robotów może się zmienić bez zapowiedzi. Jako podstawa do decyzji wystarczy: czego nie ma w HTML-u z serwera, dla większości maszyn nie istnieje.

Cztery decyzje, które opróżniają stronę

• Tekst w obrazku. Nagłówek złożony w grafice trzyma dokładną typografię i wygląda lepiej. Maszyna widzi w nim tylko plik.
• Treść w zakładkach i rozwijanych sekcjach doczytywana dopiero po kliknięciu. Parametry, skład, dostawa. W przeglądarce wzorowy porządek, w HTML-u z serwera nic.
• Tekst, który pojawia się dopiero przy przewijaniu. Animacja to efekt, nie technika, ale bywa zbudowana tak, że akapit wstawia na stronę dopiero skrypt.
• Strona oparta na wideo, w której całe przesłanie idzie w filmie. Pod spodem zostaje nagłówek z dwóch słów i przycisk.

Żadna z tych czterech rzeczy nie jest sama w sobie złym projektem. Trzy z nich zaprojektowaliśmy sami i stoimy za nimi. Różnica polega na tym, czy to samo przesłanie istnieje też w tekście, który przychodzi z serwera.

Dobra strona wygląda dobrze dla człowieka i ma sens dla maszyny. To nie są rzeczy przeciwstawne, myśli się o nich tylko w innej kolejności.

To nie znaczy robić nudne strony

Najczęstsza reakcja jest taka, że strona zostanie ścięta do gołego tekstu. Tak nie jest. Animacja, wideo i typografia w grafice mogą zostać. Chodzi o to, żeby pod nimi była warstwa niosąca to samo przesłanie zwykłym tekstem: nagłówek, pierwszy akapit, a przy produkcie cena i dostępność.

W praktyce to jedno pytanie więcej w projekcie. Wszędzie tam, gdzie przesłanie niesie obraz, wideo albo ruch, pytamy, gdzie to samo jest napisane słowami. Jeśli odpowiedzi nie ma, albo dopisujemy tekst, albo świadomie decydujemy, że ta strona się nie liczy.

Jak sprawdzić to w minutę

Otwórz na swojej stronie kod źródłowy klawiszami Ctrl+U i poszukaj w nim zdania z własnej treści. Jeśli go tam nie ma, maszyna też go nie widzi. Szybsze jest sprawdzenie, co AI widzi ze strony: podajesz adres i widzisz, ile słów ze strony zostaje bez uruchomionych skryptów i ile z tego to menu i stopka.

Szczegółowo opisuje to artykuł dlaczego strona pełna tekstu może być dla AI pusta, razem ze źródłami tego pomiaru.

Co z tego wynika dla briefu

Kiedy zamawiasz nową stronę, to jedno zdanie w briefie: treść, na której nam zależy, musi być w HTML-u z serwera. Brzmi technicznie, ale rozstrzyga się to w projekcie, nie przy kodowaniu. Układ oparty na stopniowym odsłanianiu treści buduje się wtedy inaczej albo dopisuje się do niego warstwę tekstową.

Na stronach, które budujemy, to stan domyślny. Za stronę techniczną odpowiada część deweloperska naszej grupy; my zajmujemy się tym wcześniejszym: czy strona w ogóle niesie przesłanie słowami, czy tylko obrazami.

Ładna strona, którą maszyna czyta jako pustą, to nie jest dobrze wykonana praca. To praca, przy której jedno pytanie nie padło.