Odbiór strony internetowej - checklista 24 punktów

Moment odbioru strony to ostatnia chwila, w której masz pełną uwagę wykonawcy. Po przelaniu ostatniej transzy każda poprawka staje się „nowym zleceniem", a każde pytanie czeka w kolejce za innymi klientami. Dlatego warto poświęcić dwie godziny i przejść poniższą listę punkt po punkcie - najlepiej razem z kimś, kto strony nie widział na oczy.

Lista jest podzielona na obszary. Nie wszystko dotyczy każdego projektu - sklep ma więcej punktów niż wizytówka - ale lepiej odhaczyć „nie dotyczy" niż o czymś zapomnieć.

Wygląd i działanie

Przeklikaj każdą podstronę na telefonie. Nie w trybie „widok mobilny" w przeglądarce na komputerze, tylko na prawdziwym telefonie - najlepiej na dwóch: iPhonie i Androidzie. Ponad połowa ruchu na większości stron pochodzi z komórek.
Sprawdź stronę w drugiej przeglądarce. Jeśli wykonawca pracuje na Chrome, obejrzyj stronę w Safari lub Firefoksie. Różnice w fontach i formularzach zdarzają się częściej, niż się wydaje.
Kliknij każdy link w menu, stopce i treści. Szukasz linków prowadzących donikąd, na adres testowy wykonawcy albo na „#".
Porównaj z zaakceptowanym projektem graficznym. Drobne różnice są normalne, ale zmienione kolory, inne fonty czy brakujące sekcje - nie.
Zobacz, co się dzieje przy długich treściach. Wpisz w nazwę produktu lub nagłówek bardzo długi tekst i sprawdź, czy układ się nie rozsypuje. To samo z bardzo krótkimi.
Sprawdź teksty zastępcze. Szukaj „Lorem ipsum", „Nagłówek tutaj", „Jan Kowalski" i numerów telefonu 123 456 789.

Formularze i funkcje

Wyślij każdy formularz naprawdę. Formularz kontaktowy, zapis do newslettera, zapytanie o wycenę - wypełnij i wyślij. Sprawdź, czy wiadomość dotarła na właściwy adres (nie na adres wykonawcy) i czy nie wylądowała w spamie.
Sprawdź komunikaty. Co widzi użytkownik po wysłaniu? Co widzi, gdy pominie pole wymagane? Czy komunikaty są po polsku?
W sklepie: złóż zamówienie testowe od początku do końca. Dodaj do koszyka, wybierz dostawę, zapłać testową kartą (bramki płatności mają tryb testowy), sprawdź e-mail z potwierdzeniem i to, czy zamówienie widać w panelu.
Sprawdź, co się dzieje przy błędzie płatności. Odrzucona karta nie może kończyć się białą stroną.
Wyszukiwarka, filtry, sortowanie - jeśli są, wpisz coś, czego na pewno nie ma, i coś z literówką.

Szybkość i technikalia

Przepuść stronę główną i jedną podstronę przez PageSpeed Insights. Nie chodzi o wynik 100. Chodzi o to, czy nie ma czerwonych ostrzeżeń o obrazkach ważących po kilka megabajtów - to najczęstszy i najłatwiejszy do naprawy problem.
Certyfikat SSL. Kłódka w przeglądarce na każdej podstronie, a wejście przez http:// przekierowuje na https://.
Wersja z www i bez www prowadzą w to samo miejsce - jedna przekierowuje na drugą.
Strona błędu 404. Wejdź na nieistniejący adres. Powinieneś zobaczyć stronę w szacie Twojej witryny, nie surowy komunikat serwera.
Favicon (ikonka w karcie przeglądarki) jest Twoja, nie domyślna z szablonu.

SEO - minimum, bez którego Google Cię nie znajdzie

Tytuły i opisy podstron. Każda podstrona ma własny tytuł (widać go w karcie przeglądarki) - nie „Strona główna - Strona główna" na wszystkich.
Strona nie jest zablokowana dla wyszukiwarek. Wersje testowe często mają włączoną blokadę indeksowania; po wdrożeniu musi być wyłączona. Zapytaj wprost: „czy zdjąłeś noindex?".
Jest plik sitemap.xml i strona jest dodana do Google Search Console - na Twoje konto Google, nie wykonawcy.
Jeśli to przebudowa starej strony: stare adresy przekierowują na nowe. Bez tego tracisz pozycje wypracowane latami. Poproś o listę przekierowań.

Dostępy, kopie i formalności

Masz komplet dostępów: panel strony (konto administratora na Twój e-mail), hosting, domena, poczta, Analytics, Search Console, bramka płatności. Zaloguj się do każdego i zmień hasła.
Działają kopie zapasowe. Zapytaj, gdzie są, jak często się robią i - najważniejsze - poproś o pokazanie, jak przywrócić stronę z kopii. Kopia, której nikt nigdy nie przywracał, to kopia hipotetyczna.
RODO i cookies: jest polityka prywatności z Twoimi danymi jako administratora, baner cookies (jeśli używasz Analytics lub pikseli reklamowych), a formularze mają zgody tam, gdzie są potrzebne.
Masz pliki źródłowe - projekt graficzny (np. plik Figmy) i kod, jeśli umowa to przewiduje - oraz dowody zakupu licencji na motyw, wtyczki i zdjęcia.

Co zrobić z wynikiem

Spisz wszystko, co nie działa, w jednej liście - z adresem podstrony, opisem i zrzutem ekranu. Jedna lista zamiast dwudziestu maili to coś, za co wykonawca będzie Ci wdzięczny i co szybciej doprowadzi do końca.

Rozróżnij przy tym trzy kategorie:

Błędy - coś, co miało działać i nie działa. Wykonawca poprawia w ramach umowy.
Odstępstwa od projektu - różnice względem zaakceptowanych makiet. Też w ramach umowy.
Nowe pomysły - rzeczy, które dopiero teraz przyszły Ci do głowy. To zmiana zakresu i uczciwie jest tak to nazwać.

Ostatnią płatność przelej po tym, jak lista z dwóch pierwszych kategorii jest pusta - nie wcześniej, ale też nie przeciągaj tego z powodu trzeciej. Jeśli podpisałeś umowę z okresem gwarancji (o tym, dlaczego warto, piszemy w tekście o umowie z freelancerem), drobiazgi wykryte po odbiorze też są do naprawy bez dodatkowych kosztów.

A kiedy wszystko działa - wystaw wykonawcy ocenę. Na Projekciarz.pl opinie mogą dodawać tylko klienci po zakończonej współpracy, więc Twoja ocena realnie pomaga kolejnym osobom w wyborze.