Testy funkcjonalne to ostatnia „obrona” przed uruchomieniem witryny — nawet najlepsza treść może wyglądać nieprofesjonalnie, jeśli linki nie działają lub formularze nie są poprawnie wysyłane, co może skutkować natychmiastowym opuszczeniem witryny przez użytkowników. W tej sekcji omówimy dwa kluczowe testy funkcjonalne:Skuteczność linków na całej stronie.(Upewnij się, że wszystkie linki przekierowują prawidłowo) orazFunkcja przesyłania formularza.(Upewnij się, że użytkownicy mogą bez problemów się z Tobą skontaktować) – pomoże Ci to rozwiązać problemy przy użyciu prostych narzędzi i kroków, które nawet początkujący mogą łatwo wykonać.
I. Dlaczego konieczne jest przetestowanie tych funkcji przed uruchomieniem?
- Link nie działa.Gdy użytkownik kliknie i wyświetli się komunikat „Strona 404 nie istnieje”, to natychmiast spada zaufanie, a wyszukiwarki również obniżają ocenę witryny ze względu na dużą liczbę martwych linków.
- Błąd w formularzu.Nie można przesłać formularza kontaktowego ani formularza subskrypcji, co może skutkować utratą potencjalnych klientów lub czytelników (na przykład użytkownicy, którzy chcą nawiązać współpracę, nie mogą wysłać wiadomości).
- Dane pokazują, żeZgodnie ze statystykami użytkownicy 40% przestają odwiedzać daną stronę internetową po pierwszym niepowodzeniu związanym z połączeniem, natomiast potencjalni klienci 60% przechodzą do konkurencji, jeśli formularz nie zostanie poprawnie wysłany.
Wszystkie te problemy można wykryć i rozwiązać za pomocą prostych testów, a kompleksowa kontrola całej witryny zajmuje zaledwie 30 minut.
II. Test 1: Sprawdzenie, czy wszystkie linki na stronie są poprawne (upewnij się, że nie ma martwych linków).
Linki na stronie internetowej obejmują: menu nawigacyjne, hiperłącza w artykułach, linki do obrazów, linki do przycisków itp. Ręczne sprawdzanie każdego linka po kolei jest nieefektywne. Zaleca się użycie narzędzia do automatycznego wykrywania i szybkiego wyszukiwania martwych linków.
Metoda 1: wykrywanie wielu plików naraz za pomocą narzędzia online (odpowiednie dla początkujących, nie wymaga instalacji).
Zalecane narzędzia:Sprawdzacz martwych linków.(Darmowe, obsługuje chińskojęzyczne strony internetowe)
Strona oficjalna:https://www.deadlinkchecker.com
Krok 1: Wybierz tryb wykrywania.
Po otwarciu oficjalnej strony internetowej wybierz tryb „Sprawdź witrynę” i wprowadź adres strony głównej swojej witryny (np. https://www.likacloud.com/Następnie kliknij „Sprawdź”.
Krok 2: Ustaw zakres wykrywania (początkujący mogą pozostawić wartości domyślne).
- „Głębokość skanowania”: ustaw na „10” (wykrywa strony na dziesiątym poziomie, co wystarczy, aby objąć małe i średnie witryny internetowe).
- „Postępuj zgodnie z linkami zewnętrznymi”: wybierz „Nie” (nie sprawdzaj linków zewnętrznych, skup się tylko na linkach do swojej witryny).
- Kliknij „Sprawdź”, aby rozpocząć skanowanie (proces może potrwać kilka minut, w zależności od liczby stron w witrynie).

Krok 3: Interpretacja wyników testu i wprowadzanie poprawek.
Po zakończeniu testu narzędzie wyświetli listę wszystkich stanów linków:
- Zielony „OK”Link jest poprawny, nie trzeba go edytować.
- Czerwony „Broken”Linki, które nie działają (po kliknięciu wyświetla się konkretny błąd, np. „404 Nie znaleziono”).
3 sposoby na naprawienie martwych linków:
- Błąd w pisowni linku.Najczęściej występujący! Na przykład zamiana
https://example.com/aboutNapisane w formiehttps://example.com/abouWystarczy to poprawić. - Strona została usunięta.Jeśli oryginalna strona została usunięta, link zostanie przekierowany na nową, powiązaną stronę (na przykład link do starego artykułu zostanie zmieniony na link do strony kategoryzacyjnej).
- Zewnętrzny link nie działa.Jeśli link do innej strony internetowej jest niedziałający, należy go usunąć lub zastąpić sprawnym linkiem alternatywnym.
Metoda 2: ręczne wykrywanie obiektów (dodatkowa weryfikacja)
Nawet jeśli narzędzie wykazuje normalną pracę, zaleca się ręczne sprawdzenie następujących łączy kluczowych (miejsce, w które użytkownicy najczęściej klikają):
- Menü nawigacjiKliknij wszystkie pozycje w menu (w tym w menu rozwijane) i sprawdź, czy każda z nich przekieruje cię na odpowiednią stronę.
- Przycisk „Strona główna”Należy upewnić się, że linki do takich przycisków jak „Dowiedz się więcej” i „Kontakt” są poprawne.
- Linki do anchorów w artykule.Otwórz losowo od 3 do 5 artykułów i kliknij hiperłącza w tekście (zwłaszcza te z nagłówkami „Kliknij tutaj” lub „Zobacz szczegóły”).
- Link do zdjęciaKliknij na slajd na stronie głównej lub na zdjęcie dołączone do artykułu (jeśli zostało ustawione tak, aby po kliknięciu otwierało się nowe okno), aby upewnić się, że cel przekierowania jest poprawny.
III. Test 2: Funkcja wysyłania formularza (upewnij się, że użytkownicy mogą się z Tobą skontaktować)
Formularze kontaktowe, formularze subskrypcji, tablice ogłoszeń oraz inne interaktywne funkcje stanowią kluczowy kanał komunikacji pomiędzy witryną a użytkownikami i dlatego należy zapewnić, aby możliwe było prawidłowe przesyłanie wiadomości oraz ich odbieranie.
Krok 1: Sporządź listę wszystkich formularzy, które należy przetestować.
Najpierw sprawdź, jakie formularze (najczęściej występujące typy) są dostępne na stronie internetowej:
- „Formularz kontaktowy” na stronie kontaktowej (np. formularz utworzony za pomocą Contact Form 7).
- „Formularz komentarzy” na dole artykułu.
- „Formularz subskrypcji e-mailowej” do zapisania się do newslettera.
- „Dodaj do koszyka” oraz „Formularz zamówienia” (jeśli dotyczy) na stronie e-commerce.
Krok 2: Symulowanie przesyłania formularza przez użytkownika (kluczowy punkt testowy)
Weźmy na przykład najczęściej używany „formularz kontaktowy” i przetestujmy go według następujących kroków:
- Wypełnij formularz i prześlij go.Wprowadź rzeczywiste dane testowe (na przykład wpisz „Użytkownik testowy” w polu Nazwa, użyj swojego adresu e-mail w polu Adres e-mail i wpisz „Czy formularz testowy został poprawnie przesłany” w polu Treść), a następnie kliknij przycisk „Wyślij”.
- Sprawdź, czy zostały przesłane opinie.:
- Normalna sytuacja: wyświetlany jest komunikat o powodzeniu (np. „Wiadomość została wysłana”) i na stronie nie ma żadnych błędów.
- Nieprawidłowości: brak reakcji po przesłaniu formularza, wyświetlenie czerwonego pola z błędem (z wyjątkiem sytuacji, gdy nie wypełniono wymaganych pól) oraz przejście do białej strony wskazują, że z formularzem jest coś nie tak.
- Sprawdź, czy otrzymałeś wiadomość.:
- Sprawdź, czy formularz został poprawnie skonfigurowany, by wysyłać wiadomości e-mail (np. adres e-mail określony w ustawieniach „Poczty” w Contact Form 7) i czy otrzymano wiadomość testową. Jeśli formularz jest przechowywany w bazie danych (np. niektóre wtyczki zapisują rekordy zgłoszeń), zaloguj się do panelu administracyjnego i sprawdź rekordy formularza, aby upewnić się, że dane testowe zostały zapisane.
Krok 3: Testowanie sytuacji granicznych (unikanie niepowodzeń przy składaniu wniosku przez użytkownika)
Oprócz standardowego przesyłania należy przetestować następujące scenariusze (sytuacje, z którymi mogą się spotkać użytkownicy):
- Wymagane pola są puste.Jeśli celowo nie wypełnisz wymaganych pól oznaczonych gwiazdką (*), np. imienia i nazwiska oraz adresu e-mail, a następnie klikniesz „Wyślij”, pojawi się wyraźny komunikat (np. „Proszę podać swój adres e-mail”), a nie bezpośrednio komunikat o błędzie.
- Wprowadzono nieprawidłowy format danych wejściowych.Na przykład wpisanie „12345” w polu adresu e-mail (w formacie innym niż adres e-mail) spowoduje wyświetlenie komunikatu „Proszę wpisać poprawny adres e-mail”.
- Prześlij załącznik (jeśli jest dostępny)Jeśli formularz umożliwia przesyłanie plików (np. CV, zdjęć), należy przetestować przesyłanie plików w różnych formatach (np. PDF, JPG) i upewnić się, że można je pomyślnie przesłać oraz że załączniki zostaną odebrane.
Częste problemy z formularzami i sposoby ich rozwiązywania.
| Problem polega na tym, że... | Możliwe przyczyny | Rozwiązanie |
|---|---|---|
| Brak reakcji po zgłoszeniu. | Błędy w kodzie formularza i konflikty wtyczek. | Spróbuj ponownie po wyłączeniu innych wtyczek (w celu wyeliminowania konfliktów) i wygenerowaniu kodu formularza od nowa. |
| Wyświetl komunikat „Nie udało się wysłać wiadomości”. | Funkcja wysyłania wiadomości e-mail na serwerze jest wyłączona. | Skontaktuj się z dostawcą hostingu, aby włączyć funkcję wysyłania wiadomości e-mail w PHP, albo użyj SMTP do wysyłania wiadomości (zainstaluj wtyczkę „WP Mail SMTP”). |
| Można to zgłosić, ale nie otrzymam żadnej wiadomości e-mail w odpowiedzi. | Wysłana wiadomość e-mail została uznana za spam. | Sprawdź folder „Spam” w swojej skrzynce e-mail; w wtyczce formularza ustaw „Nazwę nadawcy” jako nazwę witryny (aby zmniejszyć prawdopodobieństwo zablokowania wiadomości). |
IV. Lista testów funkcjonalnych przed uruchomieniem (nowicjusze mogą ją bezpośrednio wykorzystać)
Aby niczego nie przeoczyć, możesz sprawdzić każdy punkt na poniższej liście i zaznaczyć go jako wykonany:
Test linków
- Wszystkie linki w menu nawigacyjnym (w tym menu rozwijane)
- Wszystkie przyciski i obrazy na stronie głównej są linkami.
- Hyperłącza w 5 losowych artykułach.
- Linki do informacji o prawach autorskich w stopce, polityki prywatności itp.
- Linki do katalogów i zakładek.
Test formularza.
- Formularz kontaktowy: standardowe przesłanie + otrzymanie wiadomości e-mail.
- Formularz komentarzy: czy komentarz zostanie wyświetlony po jego zgłoszeniu (lub czy wymaga moderacji)?
- Formularz subskrypcji: czy po wysłaniu formularza otrzymuję wiadomość e-mail z potwierdzeniem?
- Pozostałe formularze (np. wyszukiwarka, formularz logowania): funkcjonują poprawnie.
Podsumowanie
Linki i formularze to „żyły” i „kanały komunikacyjne” witryny internetowej. Testy przed uruchomieniem pozwalają uniknąć poważnych problemów. Za pomocą Dead Link Checkera można sprawdzić, czy linki są poprawne, a także ręcznie przetestować kluczowe elementy. Testy formularzy powinny obejmować nie tylko prawidłowe ich przesłanie, ale także potwierdzenie otrzymania wiadomości i rozwiązanie ewentualnych problemów.
Po wykonaniu tych testów Twoja witryna będzie gotowa, by powitać użytkowników w stanie „bez błędów”, co zapewni dobrą podstawę do dalszego promowania jej.