Jak powstaje strona internetowa: warstwy pod grafiką

Pani Magda prowadzi gabinet stomatologiczny w Krakowie. Zamówiła stronę, zapłaciła, dostała coś ładnego z uśmiechniętym zdjęciem na powitanie. Pół roku później dzwoni z jednym pytaniem: „Dlaczego nikt nie umawia się przez internet?”. Odpowiedź, jak prawie zawsze, leży pod spodem — tam, gdzie nie sięga zrzut ekranu. Strona ładowała się osiem sekund na telefonie, Google nie potrafił jej poprawnie odczytać, a formularz kontaktowy witał odwiedzających ostrzeżeniem „Nie zabezpieczona”.

To przewodnik po tym, co solidny zespół buduje pod warstwą graficzną. Nie musisz znać ani linijki kodu, żeby za nim nadążyć — musisz za to wiedzieć, o co pytać. Różnica między stroną, która zarabia na siebie, a taką, która tylko stoi, jest niemal w całości techniczna, a ta część jest najtrudniejsza do dostrzeżenia, dopóki nie zacznie jej brakować.

Jak powstaje strona internetowa, krok po kroku

Tworzenie stron internetowych to nie jeden zryw, w którym grafik rysuje obrazek i gotowe. To kilka warstw układanych po kolei: architektura i projekt graficzny (ten etap widać), potem kodowanie, a pod spodem wydajność, struktura semantyczna, fundament pod SEO, dostępność, bezpieczeństwo i pomiar ruchu. Większość z nich jest niewidoczna — i dlatego najłatwiej je wyciąć, kiedy liczy się tylko cena. Reszta tekstu to przewodnik po tych ukrytych warstwach.

Szybka strona internetowa to nie luksus, tylko bilet wstępu

Otwórz dowolną stronę na telefonie i policz sekundy do chwili, w której możesz przeczytać nagłówek i kliknąć cokolwiek, a układ przestaje skakać. To czekanie najlepiej przewiduje, czy odwiedzający po raz pierwszy zostanie, czy ucieknie. Google mierzy je za ciebie, niezależnie od tego, czy go o to prosisz.

Miarą jest zestaw trzech liczb, które Google nazywa Core Web Vitals. LCP (Largest Contentful Paint) mówi, jak długo trwa, zanim pojawi się główna treść — dobry wynik to poniżej 2,5 sekundy. INP (Interaction to Next Paint) mierzy, jak szybko strona reaguje na dotknięcie albo kliknięcie — poniżej 200 milisekund. CLS (Cumulative Layout Shift) sprawdza, jak bardzo elementy przeskakują podczas ładowania — poniżej 0,1. Google patrzy przy tym na realne doświadczenie twoich odwiedzających, i to z gorszego końca skali (75. percentyl). Strona, która śmiga na biurowym światłowodzie, ale ledwo zipie na telefonie z dwiema kreskami zasięgu, wciąż liczy się jako wolna.

To nie są statystyki dla ozdoby. Wpływają bezpośrednio na pozycję w wyszukiwarce, a ten wpływ tylko się wzmocnił po aktualizacjach rdzenia algorytmu Google w 2026 roku. Poprzeczka jest wyżej, niż się większości wydaje: w połowie 2026 roku zaledwie nieco ponad połowa witryn śledzonych w danych Chrome zalicza wszystkie trzy wskaźniki naraz, a INP — reakcja na dotyk — pada najczęściej, oblewa go około 43% stron. To właśnie INP zastąpił starszy wskaźnik FID jako oficjalny Core Web Vital 12 marca 2024 roku.

Core Web Vitals optymalizacja to mało efektowna inżynieria: obrazy skompresowane i przeskalowane, skrypty przycięte tak, żeby przeglądarka nie dławiła się zbędnym kodem, czcionki, które nie blokują tekstu pod sobą, i szybki serwer, żeby pierwszy bajt docierał błyskawicznie. Nic z tego nie widać. Wszystko to czuć.

Czysta struktura to szkielet, który czyta Google

Strona zbudowana jest z HTML-a, a HTML pozwala powiedzieć to samo na dwa sposoby. Można wszystko zapakować w bezosobowe pudełka, albo użyć elementów, które opisują, czym każdy fragment naprawdę jest: to główny nagłówek, to nawigacja, to artykuł, to przycisk. To drugie podejście nazywa się HTML-em semantycznym i dobre wykonanie nie kosztuje ani grosza więcej.

Ma to znaczenie, bo strona ma dwie publiczności, które nigdy nie zobaczą grafiki. Wyszukiwarki czytają surową strukturę, żeby zrozumieć, o czym jest strona: jeden czytelny nagłówek <h1>, logiczne podnagłówki pod nim, prawdziwe linki zamiast klikalnych obrazków. Czytniki ekranu robią to samo dla osób, które nie widzą ekranu. Zrób szkielet dobrze, a obie publiczności zrozumieją cię natychmiast. Zrób go źle — ścianą zagnieżdżonych pudełek <div> i nagłówkiem udawanym wielką pogrubioną czcionką — a podałeś maszynie akapit bez znaków przestankowych i kazałeś zgadywać.

Do struktury należą też adresy. URL w stylu /uslugi/hydraulik-warszawa mówi i odwiedzającemu, i wyszukiwarce dokładnie, co znajdą — także temu, kto kliknął twój link z Allegro czy OLX. /?page_id=4837 nie mówi nic. Sensowna hierarchia, opisowe linki między podstronami i mapa witryny z tym, co warto zaindeksować, to różnica między stroną, którą Google ogarnie w jedno popołudnie, a taką, której nigdy do końca nie zwiedzi.

Fundament SEO wmurowuje się na starcie, nie dokleja później

Krąży uparte przekonanie, że SEO to usługa kupowana po zbudowaniu strony. Tymczasem najdroższe w późniejszej naprawie są właśnie te elementy, które powinny być częścią budowy od pierwszego dnia. Do fundamentu należy kilka rzeczy:

• Unikalne tytuły i opisy dla każdej podstrony, żeby w wynikach wyszukiwania pojawiało się coś konkretnego, a nie ta sama linijka skopiowana na całą witrynę.
• Czyste, czytelne adresy URL i logiczna struktura, ustalone zanim wejdzie treść, a nie łatane potem.
• Dane strukturalne — niewidoczna warstwa znaczników, która wprost podaje fakty, których wyszukiwarka inaczej musiałaby się domyślać: że jesteś gabinetem stomatologicznym w konkretnym mieście, jakie masz godziny otwarcia, jakie opinie. To one zasilają rozbudowane wyniki i gwiazdki ocen w Google.
• Poprawna obsługa stron zduplikowanych i wielojęzycznych, żeby wyszukiwarka wiedziała, która wersja jest kanoniczna. Dla firmy z kilkoma językami pomyłka tutaj rozprasza sygnały rankingowe po konkurujących kopiach tej samej strony.

To nie są dodatki, lecz decyzje wplecione w to, jak generowane są podstrony. Doklejenie ich po publikacji bywa możliwe, ale jest wolne, połowiczne i kończy się płaceniem dwa razy.

Dostępność strony WCAG przestała być uprzejmością, stała się prawem

Budowanie tak, żeby z witryny mogły korzystać osoby z niepełnosprawnościami, dawniej traktowano jako miły gest. W Unii Europejskiej to dziś obowiązek. Europejski Akt o Dostępności zaczął obowiązywać w czerwcu 2025 roku i wskazuje na standard techniczny WCAG 2.2 na poziomie AA jako punkt odniesienia dla usług cyfrowych. Sam WCAG 2.2 obowiązuje od 5 października 2023 roku, a poziom AA to ten powszechnie przywoływany na świecie. Sporo małych firm i jednoosobowych działalności podpada pod te przepisy.

Praktyczna robota mocno pokrywa się z opisaną wcześniej jakością struktury. Wystarczający kontrast kolorów, żeby tekst dało się przeczytać w słońcu. Każdy obraz z opisem tekstowym dla czytników ekranu. Formularze z poprawnymi etykietami. Strona obsługiwalna samą klawiaturą, bez myszki. Nic z tego nie czyni witryny brzydszą; większość czyni ją czytelniejszą dla wszystkich — także dla tych, którzy po prostu mają stary telefon, pęknięty ekran albo trzęsą się w pociągu do pracy. Dostępność i wygoda użytkowania to w gruncie rzeczy ten sam projekt.

Bezpieczeństwo i HTTPS: kłódka, która przestała być opcją

Widziałeś ikonę kłódki obok adresu strony. Oznacza, że połączenie jest szyfrowane przez HTTPS, więc dane między odwiedzającym a witryną nie dadzą się po drodze odczytać ani podmienić. Przez lata było to mocno zalecane — teraz jest w praktyce obowiązkowe.

Chrome wdraża przez cały 2026 rok zmianę, która domyślnie ładuje strony po bezpiecznym połączeniu i ostrzega przed otwarciem niezabezpieczonej witryny HTTP — startuje z Chrome 147 w kwietniu 2026, a domyślnie dla wszystkich działa od Chrome 154 w październiku 2026. Strona bez kłódki będzie coraz częściej witać nowych odwiedzających komunikatem „Nie zabezpieczona” — brutalne pierwsze wrażenie dla firmy proszącej obcych ludzi o wypełnienie formularza. Sam certyfikat szyfrujący jest darmowy i standardowy; każda porządna realizacja go zawiera. Bezpieczeństwo sięga jednak dalej: aktualizowanie oprogramowania, ochrona formularzy przed spamem i regularne kopie zapasowe, żeby jeden zły dzień nie zamienił się w trwałą stratę. To ta warstwa utrzymania odróżnia stronę z gospodarzem od porzuconej.

Strona mobilna RWD jest domyślnym wariantem, nie wyjątkiem

Projektowanie pod komputer, a potem wciskanie tego na telefon, jest na opak — i Google to usankcjonował. Od 2024 roku to mobilna wersja witryny jest indeksowana i oceniana jako podstawowa; widok na komputerze jest dziś dodatkiem. Do 5 lipca 2024 roku Google przeniósł wszystkie pozostałe witryny na indeksowanie mobilne, a treść niedostępna na telefonie przestała być w ogóle indeksowalna.

Powód jest prostą matematyką. Zależnie od metody liczenia, między połową a dwoma trzecimi wizyt w sieci pochodzi dziś z telefonów — w Europie wychodzi mniej więcej po połowie — a dla wielu lokalnych biznesów udział mobilny jest jeszcze wyższy. To ktoś stojący na rogu ulicy i decydujący, gdzie zjeść albo którego hydraulika wezwać. Strona mobilna RWD startuje od małego ekranu: pola do kliknięcia na tyle duże, żeby trafił kciuk, czytelny tekst, formularze bez klawiatury wielkości biurka. Dopiero potem układ rozwija się, żeby wypełnić laptop. Telefon to prawdziwy produkt, nie skurczona kopia — i to jest cała gra.

Analityka za zgodą: wiedzieć, co działa, zgodnie z prawem

Strona, której nie umiesz zmierzyć, to strona, o której zgadujesz. Podstawowa analityka mówi, które podstrony ludzie naprawdę czytają, skąd przychodzą i gdzie rezygnują. Ta pętla informacji zwrotnej zamienia statyczną wizytówkę w coś, co poprawiasz miesiąc po miesiącu. Bez niej każda zmiana to rzut monetą.

Haczyk to prawo o prywatności. Pod RODO i pokrewnymi przepisami zwykle nie wolno ustawić ciasteczek śledzących u odwiedzającego z Unii, zanim ten się zgodzi. Dlatego istnieją prawdziwe banery zgody — nie te z ukrytym przyciskiem „odrzuć”, lecz autentyczny wybór, który uruchamia śledzenie dopiero po „tak”. Zrobione porządnie, analityka i prywatność współistnieją: dowiadujesz się, co działa, odwiedzający zachowują kontrolę nad danymi, a ty zostajesz po właściwej stronie regulatora. Lekki, szanujący prywatność sposób na to istnieje i należy do pierwotnego planu, nie do późniejszych łatek.

Strona z kreatora, szablon czy projekt na zamówienie

To decyzja, na której właścicielom naprawdę zależy, więc bądźmy konkretni. Drogi są trzy, a uczciwa odpowiedź brzmi: każda może się sprawdzić albo polec, zależnie od biznesu.

Kreatory typu „przeciągnij i upuść” (platformy wszystko-w-jednym) wprowadzą cię do sieci szybko i tanio, a hosting, certyfikaty i aktualizacje załatwią za ciebie. Ceną jest sufit. Siedzisz w cudzym systemie, więc kiedy zapragniesz konkretnego układu, szybszej podstrony albo subtelniejszej kontroli nad SEO, uderzasz w ściany, których nie ruszysz. Przy prostej wizytówce ten sufit może wisieć tak wysoko, że nigdy ci nie zawadzi.

Szablony — gotowy projekt, który dostosowujesz — leżą pośrodku. Dostajesz realny fundament i oszczędzasz na rysowaniu od zera, ale dziedziczysz jakość, z jaką szablon zbudowano, łącznie z tym, czego nie widać. Tani szablon potrafi przyjść z rozdętym kodem, który po cichu oblewa Core Web Vitals pierwszego dnia, a dowiesz się o tym dopiero z pozycji w Google.

Projekt na zamówienie kosztuje więcej na wejściu i trwa dłużej. Kupujesz za to kontrolę nad każdą warstwą z tego artykułu: wydajność dostrojoną pod wskaźniki, strukturę i SEO wbudowane od pierwszej linijki, świadomie potraktowaną dostępność i bezpieczeństwo oraz stronę, która gnie się pod twój biznes. Zwraca się, kiedy witryna jest faktycznym źródłem klientów, a nie cyfrową wizytówką.

Właściwy wybór nie jest najtańszy ani najefektowniejszy. To ten, który pasuje do tego, na co strona naprawdę ma zarobić.

Część, której nie widać, to część, która płaci

Strona internetowa jest jak góra lodowa. Grafikę nad taflą wody wszyscy zauważają i wokół niej toczy się większość rozmów sprzedażowych. To, co pod taflą, decyduje, czy całość w ogóle utrzyma się na powierzchni — czy się wypozycjonujesz, czy odwiedzający zostaną, czy zamienią się w klientów. Ta zanurzona inżynieria nie pokazuje się na portfolio w zrzucie ekranu i dlatego pada jako pierwsza, kiedy liczy się tylko cena.

Nie musisz uczyć się jej budować — sens rozumienia tej warstwy to ostrzejsze pytania. Przy wycenie zapytaj, jak strona wypadnie w Core Web Vitals, czy SEO i dane strukturalne są w cenie czy za dopłatą, czy wychodzi dostępna i jak zachowa się na trzyletnim telefonie ze słabym zasięgiem. Konkretne stawki znajdziesz w cenniku na stronie głównej, ale to te odpowiedzi powiedzą ci w jakieś trzydzieści sekund, czy kupujesz stronę, która działa, czy tylko jej obrazek.