/ Kontekst
Co Claude realnie potrafi przy stronie firmowej
Claude to asystent AI działający w oknie czatu — rozmawiasz z nim jak z człowiekiem, a on odpisuje. Przy stronie internetowej potrafi trzy rzeczy naraz: napisać teksty, napisać kod i pokazać gotowy podgląd, wszystko bez wychodzenia z rozmowy.
To ostatnie zaskakuje najczęściej. Nie dostajesz opisu strony ani listy porad — dostajesz działającą stronę obok okna czatu, którą możesz przewinąć i kliknąć. Poprawki zgłaszasz zdaniem: „zrób nagłówek krótszy”, „dodaj sekcję z cennikiem”, „zmień kolory na cieplejsze”.
Jest natomiast jedna granica, której cały ten tekst dotyczy i którą lepiej poznać na początku niż po dwóch dniach pracy: Claude nie jest hostingiem. O tym w sekcji trzeciej.
/ Mechanizm
Czym są Artifacts i dlaczego to one wykonują robotę
Artifacts to osobne okno obok rozmowy, w którym Claude tworzy samodzielne treści zamiast wklejać je do czatu. Wśród typowych rodzajów dokumentacja wymienia wprost jednostronicowe witryny HTML i interaktywne komponenty React — czyli dokładnie to, z czego składa się prosta strona firmowa.
Co możesz z takim artefaktem zrobić:
- Skopiować zawartość do schowka, łącznie z kodem, który za nim stoi.
- Pobrać jako plik i użyć poza rozmową.
- Opublikować pod publicznym adresem albo osadzić na innej stronie.
/ Sprostowanie
Artefakt można opublikować — i to działa naprawdę
To jest miejsce, w którym łatwo o nieporozumienie w obie strony, więc rozstrzygnijmy je zrzutami ekranu zamiast opisem. Tak, gotowy artefakt da się udostępnić publicznie — jednym przyciskiem, bez hostingu i bez konfiguracji.
claude.ai/public/artifacts/…, gotowy kod do osadzenia — i ostrzeżenie, że cofnięcie publikacji jest nieodwracalne. Kliknij, żeby powiększyć.Warto przeczytać drobny druk z tego okna, bo dwie rzeczy zaskakują:
- Rozmowa zostaje prywatna. Publikujesz sam artefakt, a nie czat, w którym powstał — komunikat mówi wprost: „Anyone on the web with the link can view the Artifact only. Your chat will remain private”.
- Cofnięcia publikacji nie da się odkręcić. „Once Artifact is unpublished, it cannot be republished. A new Artifact must be created”. Jeśli ktoś zdążył gdzieś ten link umieścić, wyłączenie publikacji zostawia po nim martwy adres na zawsze.
Opublikowany artefakt wygląda tak:
I tu jest sedno, po co ta sekcja powstała. Publikowanie nie zastępuje strony firmowej, ale nie dlatego, że „nie działa” — działa. Nie zastępuje jej z trzech konkretnych powodów:
| Co dostajesz | Dlaczego to nie wystarcza firmie |
|---|---|
Adres claude.ai/public/artifacts/… z losowym identyfikatorem | Nie da się go podać przez telefon, wydrukować na wizytówce ani wpisać do wizytówki Google |
| Pasek Claude z adnotacją o niezweryfikowanej treści | Zostaje na widoku każdego klienta, który wejdzie w link |
| Publikacja włączana i wyłączana jednym przyciskiem | Wyłączenie jest jednorazowe i nieodwracalne — nowy adres oznacza nowy link wszędzie |
Do czego więc się nadaje, i to znakomicie: pokazać komuś efekt, zanim cokolwiek kupisz. Wysyłasz link wspólnikowi albo żonie, zbierasz uwagi, poprawiasz w czacie. Dopiero gdy strona jest uzgodniona, pobierasz plik i szukasz hostingu. To oszczędza dokładnie ten etap, na którym najwięcej projektów stron utyka.
Kiedy przycisku publikowania nie zobaczysz
Na kontach Team i Enterprise artefakty można udostępniać wyłącznie wewnątrz organizacji — publiczna publikacja jest tam niedostępna. To samo dotyczy artefaktów tworzonych w Claude Code: domyślnie widzi je tylko autor, można je udostępnić organizacji, ale nie publicznie. Jeśli link ma trafić do kogoś z zewnątrz, pracuj na koncie indywidualnym, w zwykłym czacie.
/ Granica
Czego Claude za Ciebie nie zrobi
Claude dostarcza kod, treść i publiczny podgląd. Nie dostarcza Twojego adresu — a to on jest tym, co odróżnia firmową stronę od pokazanego komuś projektu. Konkretnie oznacza to, że nadal potrzebujesz:
| Element | Czy Claude to daje | Skąd wziąć |
|---|---|---|
| Kod strony (HTML, style) | Tak | — |
| Teksty, nagłówki, opisy usług | Tak | — |
| Proste grafiki wektorowe (ikony, kształty) | Tak, w formacie SVG | — |
| Zdjęcia, logo firmy | Nie | Własne zdjęcia lub bank zdjęć |
| Publiczny link do pokazania efektu | Tak, przez publikowanie artefaktu | — |
| Domena | Nie | Rejestrator domen |
| Hosting pod Twoim adresem | Nie | Firma hostingowa |
| Poczta w domenie firmy | Nie | Hosting lub osobna usługa |
To nie jest wada narzędzia — to inny podział pracy. Kreatory takie jak Lovable biorą na siebie publikację i hosting, ale wiążą Cię abonamentem. Claude zostawia Ci pliki, z którymi możesz pójść gdziekolwiek. Za tę swobodę płacisz jednym wieczorem konfiguracji.
/ Krok po kroku
Realna droga od czatu do strony pod własną domeną
Dla prostej wizytówki wygląda to tak:
- Zbierz treści. Czym się zajmujesz, dla kogo, ile to kosztuje, jak się skontaktować. Claude pomoże je uporządkować, ale musi wyjść od Twoich informacji, nie od własnych domysłów.
- Poproś o stronę jednostronicową w HTML. Jeden plik jest tu zaletą: nie wymaga żadnego systemu na serwerze.
- Dopracuj w podglądzie — układ, kolejność sekcji, długość tekstów.
- Pobierz plik i wgraj go na hosting jako
index.html. - Podepnij domenę i włącz certyfikat SSL — na większości hostingów to dwa kliknięcia.
- Podłącz stronę do Search Console i wyślij mapę witryny, żeby Google w ogóle dowiedział się o jej istnieniu.
index.html — od tego momentu strona jest u Ciebie i nie zależy już od rozmowy, w której powstała.Ostatni punkt bywa pomijany, a odpowiada za większość sytuacji, w których „strona jest, ale jej nie ma w Google”. Nowa domena bez linków przychodzących sama z siebie nie trafia szybko do indeksu — jeśli tak się stanie, warto wiedzieć, od czego zacząć szukanie przyczyny.
/ Przykład
Gotowe polecenie, od którego warto zacząć
Najczęstszy błąd na starcie to polecenie zbyt ogólne — „zrób stronę dla mojej firmy”. Model wypełni wtedy wszystkie luki własnymi domysłami i dostaniesz stronę dowolnej firmy z branży. Poniższy szkielet wymusza podanie tego, co tylko Ty wiesz. Uzupełnij nawiasy i wklej w całości:
Zbuduj jednostronicową stronę firmową w jednym pliku HTML (style w tym samym pliku, bez zewnętrznych bibliotek i czcionek). Firma: [nazwa] Czym się zajmuje: [1-2 zdania, konkretnie] Dla kogo: [typ klienta] Obszar działania: [miasto / region / cała Polska] Czym się wyróżnia: [2-3 rzeczy, które nie są oczywiste] Ceny: [widełki albo „na zapytanie”] Kontakt: [telefon, e-mail] Sekcje: nagłówek z jednym zdaniem o tym, co robimy, usługi, dlaczego my, opinie (zostaw miejsce), FAQ, kontakt. Zasady: - Nie wymyślaj żadnych danych. Czego nie podałem, zostaw jako [DO UZUPEŁNIENIA]. - Bez zwrotów typu „kompleksowe rozwiązania” i „indywidualne podejście”. - Strona ma być czytelna na telefonie. - Polski język, poprawna typografia.
Kluczowa jest przedostatnia grupa zasad. Instrukcja, żeby nie wymyślać danych i oznaczać braki, zamienia najbardziej kłopotliwą cechę takich narzędzi — uzupełnianie luk czymś wiarygodnie brzmiącym — w listę rzeczy do uzupełnienia. Bez niej dostaniesz stronę z gotowym adresem, godzinami otwarcia i trzema opiniami klientów, których nie ma.
/ Najlepsze zastosowanie
Gdzie Claude daje najwięcej: nie tam, gdzie się wydaje
Kod prostej strony to problem jednorazowy. Rozwiązujesz go raz i przez rok do niego nie wracasz. Treści to problem powracający — i to one, a nie HTML, blokują uruchomienie większości stron małych firm.
Rzeczy, przy których pomoc jest największa, bo wracają regularnie:
- Opisy usług — zwłaszcza przełożenie tego, co robisz, na język klienta zamiast na branżowy.
- Odpowiedzi na najczęstsze pytania — Claude potrafi je wygenerować z opisu usługi, a Ty odsiewasz te, których nikt nie zadaje.
- Nagłówki i wezwania do działania — kilka wariantów do wyboru zamiast jednego, przy którym się zawiesiłeś.
- Skracanie. Najbardziej niedoceniane zastosowanie. Wklejasz swój tekst i prosisz o wersję o połowę krótszą bez utraty sensu.
Warto przy tym pamiętać o kierunku pracy: Claude nie wie, czym Twoja firma różni się od konkurencji, dopóki mu tego nie powiesz. Tekst wygenerowany z samej nazwy branży brzmi jak każdy inny w tej branży — i tak też działa.
/ Koszty
Plany i limity
Plan bezpłatny obejmuje między innymi generowanie kodu, tworzenie plików i wyszukiwanie w sieci — czyli komplet potrzebny do zbudowania prostej strony. Realnym ograniczeniem jest limit użycia, który przy dłuższej pracy nad jednym projektem kończy się szybciej, niż wynika to z intuicji.
| Plan | Cena | Kiedy ma sens przy stronie |
|---|---|---|
| Free | 0 USD | Jedna prosta strona, spokojne tempo |
| Pro | 17 USD/mies. rocznie lub 20 USD/mies. | Praca nad stroną i treściami przez kilka dni z rzędu |
| Max | od 100 USD/mies. | Poza potrzebami strony wizytówki |
Dla jednorazowego projektu strony firmowej miesiąc planu Pro jest zwykle tańszy niż jakakolwiek alternatywa — pod warunkiem, że pamiętasz, żeby go wyłączyć, gdy strona już stoi.
/ Utrzymanie
Co się dzieje, gdy trzeba coś zmienić za trzy miesiące
Tu leży prawdziwa słabość strony w jednym pliku i lepiej wiedzieć o niej zawczasu, bo decyduje o tym, czy to rozwiązanie jest dla Ciebie na rok, czy na kwartał.
Zmiana ceny w cenniku albo dopisanie usługi oznacza jedną z trzech rzeczy:
- Wracasz do Claude z plikiem i prosisz o poprawkę. Działa, ale wymaga wgrania nowej wersji na hosting po każdej zmianie.
- Edytujesz HTML samodzielnie. Przy zmianie liczby czy zdania to naprawdę jest do zrobienia bez wiedzy technicznej — otwierasz plik w edytorze tekstu, znajdujesz tekst, poprawiasz. Przy zmianie układu już nie.
- Nie zmieniasz nic — i to jest scenariusz, który realizuje się najczęściej. Strona zostaje z zeszłoroczną ofertą, bo każda poprawka to mały projekt.
Ten trzeci punkt jest wart chwili zastanowienia przed startem, a nie po. Jeśli Twoja oferta zmienia się kilka razy w roku, cennik jest ruchomy albo chcesz publikować aktualności, strona w jednym pliku będzie Cię uwierać — i lepszym wyborem jest system z panelem, nawet jeśli start zajmie dwa dni zamiast dwóch godzin.
Jeśli natomiast oferta jest stabilna, a strona ma przede wszystkim istnieć, budzić zaufanie i podawać kontakt, to jeden plik HTML jest rozwiązaniem trwałym: nie ma w nim wtyczek do aktualizowania, nie zepsuje się po aktualizacji systemu i nie da się go zhakować przez lukę w module, którego nie używasz.
/ Wybór
Claude czy Lovable — czym się różnią
| Claude | Lovable | |
|---|---|---|
| Publikacja jednym kliknięciem | Tak, ale pod adresem claude.ai | Tak, pod adresem lovable.app |
| Publikacja pod własnym adresem | Sam wgrywasz plik na hosting | Publikuje za Ciebie |
| Własna domena | Dowolny hosting, bez ograniczeń | Tylko w planie płatnym |
| Co się dzieje po rezygnacji | Nic — pliki zostają u Ciebie | Hosting rozliczany kredytami z planu |
| Treści | Mocna strona | Wypełnia tekstem zastępczym |
| Próg wejścia | Trzeba raz ogarnąć hosting | Zero konfiguracji |
Uproszczona reguła: jeśli chcesz zobaczyć efekt dzisiaj i nie chcesz dotykać hostingu — Lovable. Jeśli chcesz mieć stronę, która przetrwa rezygnację z abonamentu i nie zależy od jednego dostawcy — Claude plus zwykły hosting.
/ Pułapki
Najczęstsze błędy przy stronach robionych w czacie
- Opublikowany artefakt wzięty za stronę firmową. Link działa i można go wysłać komukolwiek — ale to wciąż adres w domenie
claude.ai, z paskiem Claude na górze. Nie nadaje się na wizytówkę, do wizytówki Google ani na fakturę. - Zmyślone dane kontaktowe. Model uzupełnia braki wiarygodnie wyglądającą treścią. Adres, NIP, godziny otwarcia i numer telefonu sprawdź osobno, znak po znaku.
- Zdjęcia „zespołu”, którego nie ma. Poza tym, że to źle działa na klientów, wygenerowane fotografie udające prawdziwych ludzi to jedyne miejsce, gdzie zwykła strona firmowa może zetknąć się z obowiązkami oznaczania treści AI.
- Brak kopii pliku. Rozmowa to nie archiwum. Pobierz plik i zachowaj go u siebie.
- Strona bez celu. Ładny układ bez jasnego następnego kroku dla odwiedzającego nie sprzedaje. Jeden widoczny sposób kontaktu działa lepiej niż trzy schowane.
Jeśli masz już stronę zbudowaną w ten sposób i chcesz sprawdzić, czy jest poprawnie widoczna w Google i czy nie zawiera treści, które trzeba poprawić — napisz do mnie. Zajmuję się stronami firmowymi i ich widocznością, niezależnie od tego, jak powstały.