Odbiór strony internetowej: checklista przed publikacją

Odbiór strony internetowej powinien polegać na porównaniu gotowego serwisu z uzgodnionym zakresem i sprawdzeniu prawdziwych zadań użytkownika. Nie wystarczy obejrzeć stronę główną na laptopie. Trzeba wysłać formularz, wykonać próbne działanie na telefonie, sprawdzić linki, indeksowanie, analitykę oraz dostępy, które po zakończeniu projektu mają należeć do firmy.

Najlepiej wykonać odbiór na końcowej wersji strony, jeszcze przed publicznym ogłoszeniem premiery. Błędy zapisuj w jednym dokumencie z adresem podstrony, sposobem odtworzenia i oczekiwanym wynikiem. Dzięki temu wykonawca dostaje konkretne zgłoszenia, a Ty możesz odróżnić wadę od nowej funkcji, której nie było w zamówieniu.

Najpierw wróć do zakresu projektu

Podstawą odbioru jest oferta, umowa lub specyfikacja zaakceptowana przed rozpoczęciem prac. Zbierz w jednym miejscu:

• listę podstron i wersji językowych,
• uzgodnione formularze, integracje i funkcje,
• wymagania dotyczące CMS, analityki i SEO technicznego,
• materiały, które miał dostarczyć klient i wykonawca,
• urządzenia oraz przeglądarki objęte testami,
• sposób zgłaszania błędów i termin ich poprawy,
• elementy przekazywane po zakończeniu projektu.

Jeżeli w zakresie nie ma mierzalnych kryteriów, doprecyzuj je przed odbiorem. „Strona ma działać dobrze” trudno zweryfikować. „Formularz przyjmuje poprawne dane, pokazuje potwierdzenie i wysyła wiadomość na wskazany adres” daje jednoznaczny wynik.

Artykuł o tym, jak wybrać firmę do stworzenia strony, podpowiada, które ustalenia warto zrobić jeszcze przed podpisaniem umowy.

Sprawdź treść, nawigację i najważniejsze informacje

Przeczytaj każdą podstronę jak klient, a nie jak osoba, która zna projekt od miesięcy. Szczególnie łatwo przeoczyć stare numery telefonu, tymczasowe teksty, niespójne nazwy usług i odnośniki prowadzące do wersji testowej.

Na każdej wersji językowej sprawdź:

• nazwę firmy, dane kontaktowe, godziny i obszar działania,
• ceny, zakresy usług i warunki, jeżeli są publikowane,
• menu, logo prowadzące do strony głównej i linki w stopce,
• przyciski, pliki do pobrania oraz linki zewnętrzne,
• zdjęcia, podpisy i materiały, do których firma ma prawo użycia,
• tytuł karty przeglądarki, ikonę strony i podgląd udostępnianego adresu,
• stronę błędu dla nieistniejącego adresu.

Nie poprawiaj pojedynczych liter w wiadomościach rozrzuconych między e-mailem a komunikatorem. Przygotuj jedną listę, wskaż dokładne miejsce oraz gotową treść zmiany. Zmniejsza to ryzyko, że zaakceptowana poprawka zniknie w kolejnej wersji.

Przejdź pełną drogę do kontaktu

Strona firmowa ma zwykle doprowadzić do telefonu, formularza, rezerwacji albo zakupu. Każdy taki proces trzeba zakończyć naprawdę, a nie tylko sprawdzić, czy przycisk wygląda poprawnie.

Formularz i wiadomości

Wyślij formularz z poprawnymi danymi, a następnie spróbuj wysłać go z pustym polem i błędnym adresem e-mail. Potwierdź:

• czy etykiety i wymagane pola są zrozumiałe,
• czy błąd wskazuje, co należy poprawić,
• czy po wysłaniu pojawia się jednoznaczne potwierdzenie,
• czy wiadomość trafia do właściwej skrzynki i nie gubi treści,
• czy użytkownik nie może przypadkowo wysłać wielu kopii,
• czy ochrona przed spamem nie blokuje zwykłego zgłoszenia.

Jeżeli wdrożenie ma kilka formularzy, przetestuj każdy osobno. Poradnik o formularzu kontaktowym na stronie rozwija temat etykiet, walidacji, prywatności i mierzenia wysłanych zapytań.

Telefon, rezerwacja i płatność

Na telefonie naciśnij numer oraz adres e-mail. Sprawdź, czy otwiera się właściwa aplikacja i poprawne dane. Jeśli strona ma zewnętrzny kalendarz, system płatności lub mapę, wykonaj cały scenariusz wraz z powrotem do serwisu, potwierdzeniem i anulowaniem. Zewnętrzna integracja nadal jest częścią drogi klienta.

Przetestuj stronę na prawdziwym telefonie i klawiaturą

Samo zmniejszenie okna na komputerze nie zastępuje telefonu. Sprawdź co najmniej ekran o małej szerokości i większy telefon, pionowo oraz poziomo. Otwórz menu, dłuższe podstrony, formularz z widoczną klawiaturą ekranową i elementy przyklejone do krawędzi. Szukaj tekstu wychodzącego poza ekran, zasłoniętych przycisków, przypadkowego przewijania w bok i zbyt małych obszarów nacisku.

Odłóż mysz i przejdź stronę klawiszem Tab. Fokus powinien być widoczny, mieć logiczną kolejność i docierać do menu, linków, pól oraz przycisków. W3C udostępnia zestaw wstępnych kontroli dostępności, w tym instrukcję testowania klawiatury, formularzy i komunikatów o błędach. Taki przegląd nie zastępuje pełnego audytu zgodności, ale pozwala znaleźć wiele barier przed publikacją.

Oceń wydajność bez polowania na idealny wynik

Uruchom PageSpeed Insights dla kilku reprezentatywnych podstron, ale sprawdź też witrynę na zwykłym telefonie i połączeniu mobilnym. Wynik laboratoryjny pomaga znaleźć ciężkie zdjęcia, blokujący kod lub przesunięcia układu, lecz nie jest gwarancją doświadczenia każdego użytkownika.

Aktualne progi Core Web Vitals opisane przez web.dev to LCP do 2,5 sekundy, INP do 200 ms i CLS do 0,1, oceniane na 75. percentylu wizyt osobno dla urządzeń mobilnych i komputerów. Nowa domena może jeszcze nie mieć danych terenowych, więc do odbioru wykorzystuje się również testy laboratoryjne. Ustal z wykonawcą, które szablony są mierzone i jak zostaną usunięte najważniejsze przyczyny problemów, zamiast wymagać tej samej liczby od każdej podstrony.

Zabezpiecz SEO przy publikacji i przebudowie

Przed startem sprawdź, czy ważne strony mają własne tytuły, opisy, jeden czytelny H1, właściwe adresy kanoniczne i mogą być indeksowane. Tymczasowa wersja serwisu bywa blokowana przed robotami. Taka blokada nie może przypadkowo pozostać po publikacji. Google wyjaśnia, że reguła noindex usuwa stronę z wyników wyszukiwania.

Mapa witryny powinna zawierać kanoniczne adresy przeznaczone do wyszukiwania. Oficjalna instrukcja Google dotycząca tworzenia i zgłaszania mapy witryny zaleca używanie pełnych adresów i umieszczenie pliku w katalogu głównym, jeżeli ma obejmować cały serwis.

Przy zastępowaniu starej strony przygotuj tabelę stary adres -> nowy adres. Każde ważne URL powinno prowadzić bezpośrednio do najbardziej zbliżonej treści. Google zaleca stałe przekierowania po zmianie adresów, aktualizację linków wewnętrznych, canonicali i mapy oraz późniejszy test przekierowań. Nie kieruj wszystkich usuniętych podstron na stronę główną.

Pełniejszy zakres odbioru wyszukiwarki opisuje wpis o SEO technicznym nowej strony.

Potwierdź analitykę na prawdziwym zdarzeniu

Otwórz stronę w trybie, w którym normalnie będzie korzystał z niej użytkownik, wybierz ustawienia cookies i wykonaj mierzone działanie. Sprawdź nie tylko wyświetlenie strony, ale też zaakceptowane wysłanie formularza, telefon lub zakup zgodnie z planem pomiaru.

DebugView w Google Analytics pokazuje zbierane zdarzenia podczas testu i pomaga sprawdzić ich parametry. Pamiętaj, że samo kliknięcie przycisku nie oznacza zakończonego kontaktu. Zanotuj nazwy zdarzeń, warunki uruchomienia i wskazanie, które z nich są kluczowymi działaniami.

Odbierz dostępy i ustal odpowiedzialność po starcie

Gotowa strona bez dostępów pozostawia firmę zależną od wykonawcy. Przed zamknięciem projektu sprawdź, kto jest właścicielem kont i kto opłaca ich odnowienie. Pakiet przekazania powinien odpowiadać technologii i umowie, ale zwykle obejmuje:

• domenę i panel rejestratora,
• hosting, DNS i certyfikat HTTPS,
• konto administratora CMS bez współdzielenia hasła,
• repozytorium kodu i instrukcję wdrożenia, jeśli zostały objęte zakresem,
• Search Console, analitykę, menedżer tagów i narzędzia reklamowe,
• licencje na motyw, wtyczki, fonty, zdjęcia i inne płatne zasoby,
• kopię zapasową oraz sprawdzony sposób jej odtworzenia,
• krótką instrukcję edycji i szkolenie przewidziane w ofercie,
• zasady gwarancji, utrzymania, aktualizacji i zgłaszania awarii.

Nie wysyłaj haseł w arkuszu krążącym po firmie. Utwórz imienne konta, włącz uwierzytelnianie wieloskładnikowe tam, gdzie jest dostępne, i usuń zbędne dostępy po zakończeniu prac.

Jak przygotować protokół odbioru strony?

Każde zgłoszenie powinno zawierać adres, urządzenie i przeglądarkę, kroki prowadzące do problemu, wynik oczekiwany, wynik rzeczywisty oraz zrzut ekranu, jeśli pomaga. Nadaj mu jedną z trzech kategorii:

1. Błąd blokujący publikację, na przykład niedziałający formularz lub płatność.
2. Błąd do poprawy w uzgodnionym terminie, który nie zatrzymuje głównego procesu.
3. Nowa zmiana poza zakresem, wymagająca osobnej wyceny i decyzji.

Po poprawkach wykonaj retest dokładnie tego samego scenariusza i sprawdź, czy zmiana nie zepsuła innego elementu. Dopiero wtedy oznacz punkt jako zamknięty. Dobrze opisany odbiór strony internetowej kończy projekt listą faktów, nie sporem o ogólne wrażenie.

AMCompany projektuje i wdraża strony internetowe dla firm wraz z testami, SEO technicznym i analityką ustalonymi w zakresie. Zobacz usługi oraz portfolio. Jeżeli chcesz wycenić nową stronę lub uporządkować odbiór trwającego projektu, opisz zakres i termin publikacji.