Projekt internetowy często zaczyna się od zdania: „Potrzebujemy nowej strony”. Wkrótce rozmowa schodzi na CMS, szablon, kolory i datę uruchomienia. Nadal nie wiadomo, co nowa strona powinna zmienić.
To kosztowny błąd. Technologia może bardzo szybko stworzyć coś, czego firma nie potrzebuje.
Najpierw zapisz, jaką decyzję strona powinna wspierać
Nie zaczynam od listy podstron. Zaczynam od sytuacji firmy i odwiedzającego. Czy strona ma przynosić wartościowe zapytania, skracać wyjaśnienia sprzedażowe, sprzedawać bez udziału człowieka, zmniejszać obciążenie wsparcia czy przenieść markę do innej kategorii?
Cel musi prowadzić do decyzji. „Bardziej nowoczesna prezentacja” to życzenie. „Więcej trafnych zapytań od firm produkcyjnych i mniej pytań o jednorazowe małe zlecenia” pozwala już podejmować decyzje dotyczące treści, nawigacji i pomiaru.
- Kto jest ważny dla strony i w jakiej sytuacji na nią trafia?
- Co musi zrozumieć, porównać lub zrobić?
- Jakie dowody firma może uczciwie pokazać?
- Jaki kolejny krok odpowiada jej gotowości?
- Jak rozpoznamy poprawę po uruchomieniu?
Mapa treści powstaje przed makietą
Dopiero wtedy tworzę architekturę informacji. Główna nawigacja nie powinna kopiować struktury organizacyjnej firmy. Powinna pomagać ludziom znaleźć odpowiedź i zrozumieć ofertę.
W przypadku istniejącej strony najpierw spisuję adresy URL, ruch, linki i rzeczywistą treść. Niektóre podstrony zachowuję, inne łączę, przekierowuję albo usuwam. Migracja nie może opierać się na wrażeniach. Nieatrakcyjna strona może mieć dobre linki albo przynosić wartościowy biznes; często odwiedzana strona może przyciągać ludzi całkowicie spoza grupy docelowej.
W SEO liczą się jasna struktura, linkowanie i treść dla rzeczywistych odbiorców. Google podsumowuje pytania dotyczące użyteczności w przewodniku po treściach tworzonych z myślą przede wszystkim o ludziach. Praktyczne podstawy SEO znajdziesz także w moim artykule SEO dla początkujących.
Prototyp powinien sprawdzać ścieżkę, a nie robić wrażenie na spotkaniu
Najpierw rysuję kluczowe ścieżki bez szczegółowego projektu. Czy można zrozumieć, dla kogo jest firma? Czy da się znaleźć usługę, dowody, cenę albo sposób kontaktu? Czy ścieżka działa na wąskim ekranie telefonu i wyłącznie za pomocą klawiatury?
Do prototypu wkładam prawdziwe nagłówki i w przybliżeniu rzeczywistą długość tekstów. Lorem ipsum ukrywa problem, który magicznie powraca po dostarczeniu treści — zwykle w piątek przed uruchomieniem.
Wybierz technologię zgodnie ze sposobem obsługi
Strona statyczna, WordPress, platforma e-commerce czy aplikacja dedykowana — każda z tych opcji może być właściwa. Liczą się wymagane możliwości edycji, integracje, uprawnienia, szybkość zmian, bezpieczeństwo, budżet oraz osoby, które będą zarządzać stroną po uruchomieniu.
Brief powinien obejmować co najmniej:
- własność domeny, kont, kodu źródłowego i analityki;
- role redakcyjne i proces publikacji;
- formularze, dostarczanie e-maili i połączenie ze sprzedażą;
- przekierowania dla starych adresów URL i własną stronę błędu;
- kopie zapasowe, aktualizacje, monitoring i odpowiedzialność za incydenty;
- budżet operacyjny, a nie tylko budżet produkcyjny.
Szybkość i dostępność nie są wykończeniem dodawanym na końcu
Duży obraz, zewnętrzne fonty i dziesięć skryptów marketingowych łatwo dodać. Każdy odwiedzający płaci jednak ich koszt. Core Web Vitals śledzą ładowanie głównej treści, responsywność i stabilność wizualną; Google utrzymuje aktualne metryki i progi w dokumentacji Web Vitals.
Dlatego jeszcze przed projektem ustalam budżet wydajności: wymiary i formaty mediów, liczbę krojów fontów, zasady dotyczące skryptów zewnętrznych oraz docelowe działanie na zwykłym telefonie. Analityka powinna ładować się bez blokowania treści i zbierać wyłącznie dane wspierające decyzje.
Jednocześnie zajmuję się dostępnością: semantycznym HTML-em, widocznym fokusem, obsługą klawiatury, kontrastem, etykietami formularzy i poszanowaniem ograniczonego ruchu. To nie jest specjalna wersja strony. To dobrze zbudowana strona.
Zaplanuj pomiar przed uruchomieniem
Po uruchomieniu nie chcę dyskutować o tym, co oznacza sukces. Spisuję zdarzenia i ich związek z decyzjami: wysłane wartościowe zapytanie, użyty kalkulator, otwarty kluczowy dowód albo zrealizowane zamówienie. Nie każde kliknięcie zasługuje na osobne zdarzenie.
Pomiar techniczny opisuję w przewodniku Google Analytics 4. Szersza checklista znajduje się w checkliście projektu online.
Strona internetowa nie kończy się w dniu uruchomienia
W pierwszych tygodniach monitoruję błędy, szybkość, indeksowanie, formularze i rzeczywiste pytania ludzi. Następnie poprawiam miejsca, w których strona nie pomaga w podjęciu decyzji. Nie po każdym komentarzu ani na podstawie jednej metryki, lecz zgodnie z połączeniem danych, informacji zwrotnych i wpływu na biznes.
Nowa strona internetowa nie jest celem. To nowy system operacyjny firmy. Bez właściciela, budżetu i zasad wprowadzania zmian zaczyna się starzeć już w dniu uruchomienia.
Jeśli masz już stronę i chcesz znaleźć jej słabe punkty, zacznij od Jak przyspieszyć stronę internetową. Jeśli potrzebujesz uporządkować decyzje przed produkcją, zobacz, jak działa współpraca.