Human vs AI: co naprawdę widzi ChatGPT, gdy wchodzi na Twój sklep

Wzór do skopiowania: „Jeśli [element wpływa na decyzję klienta], zapisz go jako [tekst, HTML lub schema.org], bo [AI nie musi rozumieć obrazka ani layoutu]. W praktyce sprawdź [H1, opis, cena, dostępność, alt, JSON-LD, robots.txt]."

Klientka patrzy na sukienkę i widzi zdjęcie, cenę 189 zł, rozmiary, dostawę jutro i czerwony przycisk „Dodaj do koszyka". AI może zobaczyć tylko:

<img src="/123.jpg" alt="">
<button></button>
<div class="price"></div>

To jest cały „aha moment". Człowiek kupuje oczami. AI najpierw czyta dokument.

Key takeaways

• AI nie ocenia strony jak człowiek. Najpierw szuka tekstu, HTML, nagłówków, linków, danych strukturalnych i zasad dostępu dla botów.
• Puste alt="" jest dobre dla dekoracji, ale złe dla zdjęcia produktu, efektu przed/po, certyfikatu lub cennika.
• Cena, dostępność, czas dostawy i ograniczenia produktu powinny być widoczne jako tekst oraz, przy produktach, w Product schema.
• Jeśli treść pojawia się dopiero po JavaScript, popupie, wyborze kraju lub logowaniu, część botów może zobaczyć mniej niż klient.
• Najszybszy test trwa 3 minuty: skopiuj sam tekst z karty produktu do notatnika i sprawdź, czy bez layoutu nadal wiadomo, co kupić, za ile i dla kogo.

Dlaczego to ważne w 2026

Klienci coraz częściej pytają AI tak, jak wcześniej pytali Google: „jaki prezent do 100 zł dla nauczycielki?", „który krem SPF do skóry wrażliwej?", „gdzie kupić buty barefoot dla dziecka?". Odpowiedź nie zawsze jest listą linków. Czasem jest gotową rekomendacją.

OpenAI rozdziela kilka typów dostępu do stron. OAI-SearchBot służy do wyszukiwania i pokazywania stron w funkcjach search ChatGPT. ChatGPT-User może odwiedzać stronę, kiedy użytkownik prosi ChatGPT o sprawdzenie konkretnego adresu. GPTBot służy do crawlowania treści, które mogą pomagać w treningu modeli. Cele są różne, ale warunek bazowy jest ten sam: strona musi dać się pobrać i zrozumieć.

Google w dokumentacji JavaScript SEO opisuje trzy etapy pracy Googlebot: crawling, rendering i indexing. Google potrafi renderować JavaScript, ale samo Google zaznacza, że istnieją ograniczenia, a inne wyszukiwarki mogą JavaScript ignorować. Dla właściciela sklepu wniosek jest prosty: najważniejsze dane nie mogą żyć tylko w animacji, obrazie, popupie albo komponencie ładowanym po czasie.

Design nadal sprzedaje człowiekowi. Zdjęcia, kontrast, układ, mikrocopy i zaufanie mają znaczenie. Błąd zaczyna się wtedy, gdy design jest jedynym miejscem, w którym istnieje informacja.

Człowiek widzi sklep, AI czyta strukturę

Klient nie analizuje HTML. Widzi stronę jako całość: zdjęcie, cenę, baner promocji, opinie, kolor przycisku, trust badge i opcje dostawy.

AI zwykle zaczyna od surowszej warstwy: HTML, tekstu, nagłówków, linków, metadanych, danych strukturalnych, robots.txt, sitemap.xml i czasem wyrenderowanego DOM. Jeśli element jest tylko w obrazie, tylko w tle CSS albo pojawia się dopiero po kliknięciu, model może go nie uwzględnić.

Przykład sklepu z butami:

Przykład lokalnej usługi:

Krótko: klasyczna strona sprzedaje oczami, a strona gotowa na AI sprzedaje też strukturą.

Lewa strona: człowiek. Prawa strona: AI

Wyobraź sobie kartę produktu z sukienką.

Po lewej człowiek widzi:

• modelkę w czerwonej sukience;
• cenę 189 zł;
• rozmiary XS, S, M, L;
• informację „dostawa jutro";
• opinie i zwrot 30 dni;
• przycisk „Dodaj do koszyka".

Po prawej AI może dostać:

<h1>Sukienka</h1>
<img src="/media/products/88371.webp" alt="">
<div class="price"></div>
<button class="primary"></button>
<div id="reviews"></div>

Ten kod nie odpowiada na podstawowe pytania: jaka sukienka, z czego jest, dla kogo pasuje, ile kosztuje, czy jest dostępna, co robi przycisk i czy ktoś ją ocenił.

Lepsza wersja nie musi wyglądać gorzej:

<h1>Czerwona sukienka kopertowa z wiskozy, midi</h1>
<img
src="/media/products/czerwona-sukienka-kopertowa.webp"
alt="Czerwona sukienka kopertowa midi z wiskozy, widok z przodu"
>
<p>
Lekka sukienka na wesele i letnie przyjęcia. Ma kopertowy dekolt,
pasek w talii i długość midi. Dostępne rozmiary: XS, S, M, L.
</p>
<p>Cena: 189 zł. Dostępność: wysyłka w 24 godziny.</p>
<button type="button" aria-label="Dodaj czerwoną sukienkę kopertową do koszyka">
Dodaj do koszyka
</button>

Różnica nie polega na „dopisywaniu tekstu pod AI". Różnica polega na tym, że istotne informacje są jawne.

Krok po kroku: jak sprawdzić, co widzi AI

Siedem konkretnych testów w kolejności, którą warto przejść raz dla każdej ważnej podstrony. Każdy krok pokazuje wersję „Słabo" i „Lepiej", a tam gdzie ma to sens — gotowy snippet do skopiowania.

1. 01
   Otwórz stronę bez patrzenia na layout
   Słabo

   Strona wygląda dobrze, więc AI ją zrozumie.

   Lepiej

   Skopiuję tekst z karty produktu i sprawdzę, czy bez zdjęć nadal wiem, co kupuję.

   Otwórz kartę produktu, zaznacz tekst i wklej go do notatnika. Jeśli zostaje tylko „Sukienka 123", „Cena", „Dodaj" i „Opis", strona jest za mało opisowa.

   Dla e-commerce sprawdź jedną kartę bestselleru. Dla salonu beauty sprawdź usługę, na przykład „oczyszczanie wodorowe". Jeśli po wyjęciu tekstu nie widać ceny, czasu trwania i przeciwwskazań, AI też może mieć problem.

2. 02
   Sprawdź, czy obraz naprawdę coś mówi
   Słabo

   <img src="produkt-final-2.webp" alt="">

   Lepiej

   <img src="buty-barefoot-dzieciece-granatowe.webp" alt="Granatowe buty barefoot dla dziecka, elastyczna podeszwa, widok z boku" >

   MDN opisuje alt jako tekst, który może zastąpić obraz, gdy obraz nie jest widoczny. Puste alt="" jest poprawne dla dekoracji, ale nie dla zdjęcia produktu, certyfikatu, efektu przed/po ani grafiki z cennikiem.

   Dla sklepu z kosmetykami alt „krem" jest za słaby. Lepszy jest „Krem SPF 50 do skóry wrażliwej, tubka 50 ml". Dla fizjoterapeuty alt „gabinet" też jest słaby. Lepszy jest „Gabinet fizjoterapii z leżanką i sprzętem do terapii manualnej".

3. 03
   Zobacz, czy cena i dostępność są w HTML
   Słabo

   Cena pojawia się dopiero po skrypcie, którego bot może nie uruchomić.

   Lepiej

   Cena i dostępność są widoczne w HTML oraz w danych strukturalnych.

   Google w dokumentacji Product structured data pokazuje, że cena, dostępność i dane oferty mogą być przekazane przez Product i Offer. AI nie musi korzystać dokładnie z tych samych reguł co Google, ale jasna struktura zmniejsza ryzyko zgadywania.

   product-jsonld.htmlKopiuj

   <script type="application/ld+json">
   {
   "@context": "https://schema.org",
   "@type": "Product",
   "name": "Czerwona sukienka kopertowa midi",
   "image": "https://example.pl/sukienka.webp",
   "description": "Sukienka z wiskozy na wesele i letnie przyjęcia.",
   "offers": {
     "@type": "Offer",
     "price": "189.00",
     "priceCurrency": "PLN",
     "availability": "https://schema.org/InStock"
   }
   }
   </script>

   Schema.org nie jest magicznym dopalaczem SEO. Jest etykietą na produkcie. Bez etykiety model może znać nazwę, ale nie wie, czy produkt jest do kupienia, za ile i w jakim stanie.

4. 04
   Usuń tekst ukryty w grafikach
   Słabo

   Baner „Darmowa dostawa od 199 zł" jest obrazkiem.

   Lepiej

   Baner wygląda tak samo, ale tekst jest prawdziwym tekstem HTML.

   W sklepach problemem są zwykle banery: promocja, kod rabatowy, termin dostawy, warunki zwrotu. Człowiek je czyta. AI może dostać tylko plik promo-maj.webp.

   W usługach problemem są cenniki w JPG lub PDF. Jeśli salon kosmetyczny ma cennik jako obraz, AI może nie zobaczyć, że manicure hybrydowy kosztuje 120 zł i trwa 75 minut. Zwykła tabela HTML jest lepsza, nawet jeśli potem jest ostylowana pod design.

5. 05
   Nazwij przyciski i linki po ludzku
   Słabo

   <a href="/kontakt">Kliknij tutaj</a> <button></button>

   Lepiej

   <a href="/kontakt">Umów konsultację SEO dla sklepu internetowego</a> <button aria-label="Dodaj krem SPF 50 do koszyka">Dodaj do koszyka</button>

   AI nie musi domyślić się, że pusta ikona koszyka oznacza zakup konkretnego produktu. Czytelna etykieta pomaga też osobom korzystającym z czytników ekranu. To jeden fix, który poprawia dostępność i AI readiness.

6. 06
   Sprawdź wersję bez JavaScript
   Słabo

   Lista produktów pojawia się dopiero po uruchomieniu aplikacji.

   Lepiej

   Podstawowa treść jest dostępna w pierwszym HTML albo po renderowaniu po stronie serwera.

   Praktyczny test: wyłącz JavaScript w przeglądarce albo użyj „View Source". Jeśli nie widzisz nazwy produktu, ceny i opisu, poproś programistę o server-side rendering, statyczne renderowanie albo przynajmniej JSON-LD generowany na serwerze.

7. 07
   Nie blokuj wejścia, zanim AI przeczyta stronę
   Słabo

   Popup newslettera przykrywa całą stronę, a treść pojawia się dopiero po zamknięciu okna.

   Lepiej

   Popup nie blokuje pobrania głównej treści, a najważniejsze dane są w HTML pod spodem.

   To samo dotyczy bramek wieku, wyboru kraju, zgody cookies i logowania. Jeśli sklep wymaga kliknięcia, zanim pokaże produkty, część botów zobaczy tylko okno zgody. Człowiek kliknie „zamknij". Bot może zakończyć analizę.

   Dla suplementów lub alkoholu nie zawsze da się usunąć bramkę. Wtedy kompromis brzmi: legalna blokada zostaje, ale publiczne kategorie, FAQ, regulamin dostawy i dane firmy są czytelne.

Gotowe wzorce do użycia

Wzór opisu produktu:

[Nazwa produktu] to [typ produktu] dla [konkretny użytkownik/sytuacja].
Najważniejsze cechy: [materiał/skład], [rozmiar/pojemność], [czas użycia/dostawy].
Cena: [kwota] [waluta]. Dostępność: [stan magazynowy lub termin].
Nie wybieraj tego produktu, jeśli [uczciwe ograniczenie].

Przykład:

Wzór opisu usługi:

[Nazwa usługi] jest dla [kogo], gdy [problem/sytuacja].
Wizyta trwa [czas], kosztuje [cena] i obejmuje [3 konkretne elementy].
Przeciwwskazania lub ograniczenia: [lista].
Rezerwacja: [jasna akcja].

Przykład:

Checklista do wdrożenia

Mini-plan na 7 dni

1. 1Dzień

   Wybierz 5 podstron: homepage, kategorię, bestseller, usługę i kontakt.

2. 2Dzień

   Skopiuj sam tekst z każdej strony do notatnika i zaznacz braki: cena, dostępność, dla kogo, ograniczenia, kontakt.

3. 3Dzień

   Popraw H1, opisy produktów i opisy usług według wzorców z tego artykułu.

4. 4Dzień

   Uzupełnij alt texty dla zdjęć produktów, efektów przed/po, cenników i zdjęć gabinetu.

5. 5Dzień

   Dodaj lub popraw Product schema na kartach produktów i sprawdź je w Rich Results Test.

6. 6Dzień

   Sprawdź robots.txt, sitemap.xml i popupy blokujące treść.

7. 7Dzień

   Uruchom audyt na auditai.cc i porównaj wynik z listą poprawek.

Najczęstsze błędy

<img src="/products/blue-final.webp" alt="produkt">

<img
src="/products/granatowe-buty-barefoot.webp"
alt="Granatowe buty barefoot dla dziecka, rozmiary 24-30"
>

<div id="product-price"></div>

<p>Cena: 329 zł. Dostępność: w magazynie, wysyłka w 24 godziny.</p>

<button class="cart-icon"></button>

<button aria-label="Dodaj granatowe buty barefoot do koszyka">
Dodaj do koszyka
</button>

<img src="/cennik-maj-2026.jpg" alt="cennik">

<table>
<tr>
  <th>Usługa</th>
  <th>Czas</th>
  <th>Cena</th>
</tr>
<tr>
  <td>Manicure hybrydowy</td>
  <td>75 minut</td>
  <td>120 zł</td>
</tr>
</table>

Jak mierzyć efekty

Nie mierz tego tylko ruchem z AI. Na początku wejść z ChatGPT albo Perplexity może być mało. Mierz sygnały, które pokazują, że strona stała się bardziej czytelna.

Pierwszy sygnał: audyt pokazuje mniej błędów w semantyce, danych strukturalnych i dostępności crawlerów.

Drugi sygnał: w Google Search Console rośnie liczba poprawnych produktów, rich results albo brak błędów schema.org.

Trzeci sygnał: klienci zadają mniej pytań o dostawę, rozmiary, czas usługi albo cenę.

Czwarty sygnał: w logach serwera widzisz wejścia botów, które chcesz wpuszczać, na przykład OAI-SearchBot, zależnie od Twojej polityki robots.txt.

Piąty sygnał: gdy wklejasz URL do ChatGPT z prośbą o streszczenie strony, odpowiedź zawiera poprawne nazwy, ceny, ograniczenia i dane firmy. To ręczny test czytelności, nie gwarancja rankingu.

Dla kogo ta porada nie jest dobra

Nie zaczynaj od AI readiness, jeśli sklep ma podstawowe problemy: koszyk nie działa, płatność się wysypuje, strona ładuje się kilkanaście sekund albo produkty nie mają opisów. Najpierw napraw sprzedaż.

Nie używaj AI jako wymówki do pisania długich opisów bez sensu. Jeśli produkt potrzebuje 5 zdań, napisz 5 zdań. Jeśli potrzebuje tabeli rozmiarów, zrób tabelę.

Jeśli sprzedajesz produkty regulowane, na przykład leki, suplementy, alkohol albo usługi medyczne, nie dodawaj obietnic pod AI. Dodaj fakty, ograniczenia, przeciwwskazania i źródła.

FAQ

Podsumowanie

ChatGPT nie musi widzieć Twojego sklepu tak jak klient. Klient widzi projekt, zdjęcia i emocje. AI najpierw potrzebuje tekstu, HTML, struktury i jasnych danych.

Jeśli cena, dostępność, opis, alt text i schema.org są puste albo schowane, model ma za mało materiału, żeby dobrze opisać ofertę. Sprawdź jedną ważną podstronę ręcznie, a potem uruchom audyt na auditai.cc, żeby zobaczyć, które elementy blokują widoczność w AI.

Źródła