Stronora — przebudowa własnej strony

Punkt wyjścia

Audyt z 29 października 2026 roku pokazał, że stara strona nie spełniała tego, co obiecywała. Najważniejsze ustalenia:

• przykładowe opinie na stronie głównej — razem z instrukcją ich podmiany,
• brak realizacji i informacji o wykonawcy — nie dało się sprawdzić, kto robi strony i co już zbudował,
• linki do błędu 404 — m.in. przyciski w artykule na blogu i adres /poradniki/,
• niedziałające FAQ — dwie obsługi tego samego kliknięcia wzajemnie się znosiły,
• wolny pierwszy ekran na telefonie — PageSpeed Insights: 65/100, LCP 6,6 s; tekst hero pojawiał się dopiero po animacji,
• brak opisów w wynikach wyszukiwania na 10 z 11 badanych stron.

Zdecydowałem się zbudować stronę od nowa zamiast łatać starą — z tymi samymi zasadami, które stosuję u klientów.

Co powstało

• Struktura usług — osobna strona dla każdej usługi (strony, WordPress, sklepy, aplikacje, integracje, audyty, opieka), z zakresem, cenami „od”, dowodem i pytaniami klientów.
• Realizacje z opisem zakresu — Środkowa, Premiowo i Własne 4kąty Tarnów, z prawdziwymi zrzutami ekranu.
• Działające mini-dema na stronie głównej — przełącznik widoku na telefon, koszyk, wykres, symulacja awarii integracji, moduły WordPressa i filtr ustaleń audytu. Każde oznaczone jako demo na danych przykładowych.
• Cennik z jednego źródła — te same kwoty na stronie głównej, w cenniku, na stronach usług i w danych dla wyszukiwarek.
• Dział Wiedza z poradnikami, które odpowiadają na pytania zadawane przed zamówieniem strony.

Dwie decyzje

Treści i kod w repozytorium, a nie w panelu. Każda strona, realizacja i poradnik to plik tekstowy z polami (tytuł, opis, usługa, pytania). Przed publikacją automat sprawdza, czy nie ma linków do nieistniejących stron, brakujących danych ani przekroczonych długości tytułów — taki błąd zatrzymuje publikację. Po zatwierdzeniu zmiany wgrywają się same: kod przez SSH, treści przez API WordPressa. Jeśli strona po wgraniu nie odpowiada poprawnie, wraca poprzednia wersja. Edycja w panelu byłaby prostsza na start, ale bez historii zmian i bez kontroli przed publikacją — a błąd na stronie twórcy stron kosztuje najwięcej.

Pierwszy ekran widoczny od razu, ruch tylko jako dodatek. Animacje sekcji działają w samym CSS i tylko dodają efekt do treści, która już jest na stronie — w starszych przeglądarkach, dla robotów wyszukiwarek i przy ustawieniu „ogranicz animacje” wszystko jest po prostu widoczne. Jeden plik stylów, jeden mały skrypt, fonty z własnego serwera, bez zewnętrznych bibliotek. Biblioteka animacji dałaby więcej efektów, ale kosztem szybkości — a właśnie opóźniony tekst hero był problemem starej strony.

Start i przekierowania

Stare adresy prowadzą do nowych stron (przekierowanie 301), żeby nie stracić linków ani pozycji w Google — sprawdzone po starcie, 4 listopada 2026:

Po starcie co tydzień automat sprawdza wszystkie adresy z mapy strony — status, tytuły, opisy, dane strukturalne, martwe linki — i zakłada zgłoszenie, gdy coś jest nie tak. Pierwszy przegląd po starcie: bez uwag.

Pomiar szybkości

Pomiar 4 listopada 2026, w dniu startu: przeglądarka Chromium z ograniczeniem jak przy telefonie w Lighthouse (wolne 4G, procesor 4× wolniejszy), trzy próby na adres, mediana.

Przesunięcia układu (CLS): 0 na wszystkich czterech stronach. Waga strony: 90–180 KB.

To inna metoda niż PageSpeed Insights użyty w audycie (65/100, LCP 6,6 s), więc liczb nie zestawiam jak dwóch identycznych pomiarów. Kolejny pomiar w PageSpeed Insights zaplanowałem na grudzień 2026 — opiszę go tutaj z datą.

Jak pracowałem

Struktura, projekt, kod i treści są po mojej stronie. Przy kodzie, tekstach i grafikach korzystam z narzędzi AI (Claude, ChatGPT, Canva Pro) — przyspieszają pracę, ale decyzje, sprawdzenie i odpowiedzialność za wynik zostają przy mnie. Tak samo pracuję przy stronach klientów.

Dla podobnego projektu

Masz stronę, która nie pokazuje tego, co naprawdę robisz, albo boisz się przebudowy, bo stracisz ruch z Google? Zacznij od audytu strony albo od razu opisz projekt na stronie tworzenie stron internetowych. O tym, ile to kosztuje, piszę w poradniku ile kosztuje strona internetowa.