Kreator stron, AI czy budowa od podstaw – różnicę widać w drugim roku

Pierwszego dnia wszystkie wyglądają tak samo. Kreator stron postawi Państwu stronę w dwie godziny, generator AI zrobi to w dwie minuty, a programista potrzebuje dwóch tygodni. Kto patrzy tylko na efekt z pierwszego dnia, już dokonał wyboru.

Różnicy nie widać – jest w strukturze. Daje o sobie znać później: gdy trzeba coś zmienić, gdy strona zaczyna zwalniać, gdy dostawca wycofuje swój produkt albo gdy na stronę wchodzi ktoś z czytnikiem ekranu.

Co daje kreator stron

Kreator stron (Wix, Jimdo itp.) to program, który ma zastąpić programowanie. Żeby to się udało, musi być przygotowany na każde możliwe wymaganie – i dlatego przynosi ze sobą wszystko, także to, czego Państwo nigdy nie potrzebują.

W praktyce oznacza to, że strona złożona z czterech nagłówków i trzech zdjęć ładuje w końcu trzydzieści rozszerzeń, skrypt galerii zdjęć, dwie czcionki z obcych serwerów i bibliotekę efektów, z których używają Państwo jednego. W kodzie źródłowym są wtedy zagnieżdżenia na dwanaście poziomów div, bo kreator nie może wiedzieć, co znaczą Państwa treści. Zna tylko pudełka.

To nie jest kosmetyczna wada. Czytnik ekranu odczytuje strukturę strony, nie jej wygląd: przeskakuje od nagłówka do nagłówka, od sekcji do sekcji. Tam, gdzie są tylko pudełka, nie ma do czego skakać. Wyszukiwarki pracują na tej samej strukturze. A każdy z tych dodatków to zależność – jest aktualizowany, wchodzi w konflikty, kosztuje co miesiąc albo znika.

Co daje generator AI

Sam codziennie pracuję z tymi narzędziami, więc powiem wprost: są dobre. Piszą szybciej ode mnie, znają więcej bibliotek niż ja i nie zapominają o średniku.

Czego nie potrafią, to ocenić. AI generuje kod, który wygląda wiarygodnie. Czy jest poprawny, rozstrzyga się na rzeczach, których nie ma w tekście: na Państwa hostingu, na ilości danych za dwa lata, na tym jednym wyjątku w Państwa procesie, który przy opowiadaniu wydawał się oczywisty. Czasem wymyśla funkcje, które nie istnieją – i robi to z takim samym spokojem, z jakim pisze poprawny kod.

Wygenerowana strona nie jest więc zła – jest niesprawdzona. Różnica między jednym a drugim to właśnie osoba, która czyta propozycję i widzi, że to bzdura. Bez tej osoby zostaje tekst, za który nikt nie odpowiada.

Co znaczy „zbudowana”

Rzemiosło w tym zawodzie składa się z kilku nudnych rzeczy. Nie ma ich w żadnej ofercie, bo źle się sprzedają – a to one stanowią całą różnicę.

Semantyczny HTML. Nagłówek jest nagłówkiem, a nie pogrubionym akapitem. Nawigacja jest nawigacją. Artykuł jest artykułem. Od tego zależy, czy czytnik ekranu odczyta stronę i czy wyszukiwarka zrozumie, co jest ważne.

W kodzie źródłowym różnica wygląda tak. Kreator stron daje:

<div class="wp-block-group elementor-element-2f8a">
  <div class="elementor-widget-container">
    <div class="text-large bold">Nasze usługi</div>
  </div>
</div>

Zbudowane ręcznie to samo miejsce wygląda tak:

<section aria-labelledby="leistungen">
  <h2 id="leistungen">Nasze usługi</h2>
</section>

W przeglądarce oba wyglądają identycznie. Dla czytnika ekranu pierwsze to pudełko z tekstem w środku, a drugie to sekcja z nagłówkiem, do którego można przeskoczyć.

Konspekt bez dziur. Po nagłówku pierwszego poziomu następuje drugi, a nie czwarty, bo akurat wygląda mniejszy. Kto nawiguje klawiaturą, czyta stronę jak spis treści. Gdy konspekt przeskakuje poziomy, w tym spisie brakuje rozdziału.

Sprawdzenie ze standardem. W3C udostępnia walidator, który porównuje każdą stronę ze specyfikacją. Jest bezpłatny, potrzebuje trzydziestu sekund i bezstronnie mówi, czy to, co przeglądarka właśnie życzliwie naprawia, jest naprawdę poprawne. Przeglądarka wybacza dużo. Czytnik ekranu wybacza mniej.

Szybkość jako decyzja, nie przypadek. Zdjęcia w rozmiarze, w jakim są potrzebne. Czcionki z własnego serwera. Żaden skrypt nie ładuje się, zanim widoczne będzie pierwsze zdanie. Czas ładowania nie powstaje dzięki narzędziu na końcu – powstaje dzięki temu, co się wcześniej pominie.

Łatwość utrzymania. Kod, który człowiek po dwóch latach znowu przeczyta. To moment, w którym nakład się Państwu zwraca, i jedyny, którego nie widać pierwszego dnia.

Jak to sprawdzić – bez bycia programistą

Trzy proste czynności, dla każdej strony, także tej, którą ktoś właśnie Państwu oferuje:

• Zajrzeć do kodu źródłowego. Prawy przycisk myszy, „Pokaż źródło strony”. Nie trzeba niczego rozumieć. Od razu widać, czy jest tam struktura, czy ściana pudełek i tajemniczych nazw klas.
• Przepuścić stronę przez walidator W3C. Wpisać adres, uruchomić sprawdzenie. Sto błędów to diagnoza, nie przypadek.
• Otworzyć stronę na telefonie, bez Wi-Fi. To, co w biurze na światłowodzie ładuje się w pół sekundy, na komórce potrzebuje czasem ośmiu. Państwa klienci korzystają z komórek.

Żadne z tych sprawdzeń nie kosztuje pieniędzy i żadne nie wymaga wiedzy fachowej. Razem mówią o stronie więcej niż jakakolwiek oferta.

Co to oznacza dla Państwa decyzji

Dla wizytówki w sieci – trzy podstrony, zbudowane raz i nigdy więcej nieruszane – kreator stron jest rozsądnym wyborem. Niechętnie to mówię, ale to prawda, i mówię to też przez telefon.

Gdy jednak strona rośnie razem z firmą, gdy w grę wchodzą dane, gdy trzeba odwzorować proces, który istnieje dokładnie raz – wtedy potrzebują Państwo kogoś, kto przeczyta każdą linijkę. Nie dlatego, że praca ręczna sama w sobie jest lepsza. Tylko dlatego, że w drugim roku potrzebują Państwo kogoś, kto potrafi powiedzieć, dlaczego coś jest zbudowane właśnie tak.