Testowanie po uruchomieniu strony

Moduł 5: Publikacja i własna domena · Czas czytania: 9 min

Cel lekcji: Po tej lekcji będą Państwo potrafili systematycznie przetestować stronę po jej opublikowaniu: linki, obrazy, formularz, widok na telefonie, https i kontrolę bezpieczeństwa. Będą Państwo też wiedzieć, jak rozpoznać starą wersję strony w przeglądarce i się jej pozbyć.

Kluczowe pojęcia: runda testowa, okno prywatne, pamięć podręczna przeglądarki, twarde odświeżenie, martwy link, kontrola bezpieczeństwa, Sprawdź teraz, strona błędu, wiadomość testowa

Dlaczego testować na prawdziwej stronie

Podgląd w kreatorze to nie dokładnie Państwa strona. Kilka rzeczy działa tylko w opublikowanej wersji:

• Państwa formularz kontaktowy wysyła e-maile tylko na prawdziwej stronie i tylko wtedy, gdy strona należy do pakietu;
• własny kod z Ustawienia > Integracje nie jest wykonywany w podglądzie, ale na prawdziwej stronie już tak;
• działanie banera cookie i usług, które ładują się dopiero po wyrażeniu zgody, widać naprawdę dopiero na stronie;
• https, przekierowanie z http na https oraz z www na adres główny (lekcja 5.2) istnieją tylko w Państwa prawdziwej domenie.

Dlatego po każdym uruchomieniu strony i po każdej większej zmianie warto przeprowadzić rundę testową pod prawdziwym adresem. Zajmuje to kwadrans i sprawia, że błędu nie znajdzie dopiero pierwszy klient, który do Państwa zadzwoni.

Najpierw: czy widzą Państwo najnowszą wersję?

Przeglądarka przechowuje przez jakiś czas strony, zdjęcia i style, czyli pamięć podręczną przeglądarki (cache). Dzięki temu strona działa szybko, ale po kliknięciu Opublikuj zmiany czasem nadal widać starą wersję. Dlatego prosimy testować w ten sposób:

• otworzyć stronę w oknie prywatnym (incognito); zaczyna ono bez zapisanych stron;
• albo wykonać twarde odświeżenie: Ctrl+F5 w systemie Windows, Cmd+Shift+R na komputerze Mac;
• przetestować stronę także na telefonie, najlepiej przez mobilną transmisję danych zamiast wifi.

Jeśli w oknie prywatnym widać nową wersję, a w zwykłym oknie starą, ze stroną wszystko jest w porządku. Jeśli również okno prywatne pokazuje starą wersję, prosimy sprawdzić w kreatorze, czy zmiany zostały opublikowane: jeśli w prawym górnym rogu nadal widnieje Opublikuj zmiany, a przed chwilą coś Państwo zmienili, najnowsza wersja nie jest jeszcze online.

Runda testowa krok po kroku

Schildersbedrijf Example testuje w ten sposób, w oknie prywatnym:

1. Wszystkie podstrony przez menu. Proszę kliknąć każdą pozycję menu, także pozycje w podmenu. Czy każda podstrona się otwiera, z właściwym tytułem u góry?
2. Wszystkie przyciski i linki. Proszę kliknąć każdy przycisk: "Poproś o wycenę", "Zadzwoń do nas", linki w stopce. Czy każdy przycisk prowadzi do właściwej podstrony lub sekcji? Linki do numeru telefonu i adresu e-mail otwierają telefon lub program pocztowy.
3. Linki do innych stron. Państwa strona na Facebooku, znak jakości, wskazówki dojazdu: czy działają i czy otwierają właściwą stronę?
4. Obrazy. Czy każde zdjęcie się ładuje, także niżej na długich podstronach? Jeśli któregoś brakuje, widać puste pole.
5. Formularz, naprawdę. Proszę wypełnić formularz kontaktowy, podając inny własny adres. Czy wiadomość dociera na adres ustawiony w Wysyłaj wiadomości na adres i czy pojawia się tekst lub strona z podziękowaniem? Szczegóły w lekcji 5.3.
6. Telefon. Proszę otworzyć stronę na telefonie. Czy menu się otwiera, czy przyciski są wystarczająco duże, by je dotknąć, czy żaden tekst nie wychodzi poza ekran? W kreatorze można to wcześniej sprawdzić przyciskiem Telefon na górnym pasku, ale prawdziwym testem jest Państwa własny telefon.
7. https i adres. Proszę wpisać http://example.com oraz www.example.com. Czy w obu przypadkach trafiają Państwo na ten sam adres z https i kłódką?
8. Podstrona, która nie istnieje. Proszę wpisać adres taki jak https://example.com/bestaat-niet. Tak zobaczą Państwo, co otrzymuje odwiedzający, który kliknie stary lub błędny link. Jeśli na Państwa stronie nadal jest link do takiego adresu, prosimy go poprawić.
9. Baner cookie i widżety. Jeśli korzystają Państwo z usług innych firm (mapa, wideo lub statystyki), czy baner się pojawia i czy mapa ładuje się dopiero po wyrażeniu zgody (lekcja 7.2)?
10. Drugi język. Jeśli strona ma drugi język, czy przełącznik języka działa i czy nowe teksty są także w tym języku?

Prosimy zapisywać, co Państwo znajdą. Poprawki należy wprowadzić w kreatorze, opublikować przyciskiem Opublikuj zmiany, a potem ponownie przetestować tylko ten punkt.

Kontrola bezpieczeństwa w kreatorze

Kreator ma własną kontrolę w panelu Bezpieczeństwo na pasku narzędzi po lewej stronie. Proszę kliknąć Sprawdź teraz. W ciągu mniej więcej pół minuty kreator sprawdza wszystko, co pochodzi z zewnątrz: linki na stronie, widżety i integracje, własny kod oraz baner cookie. Naprawdę odwiedza te linki.

Otrzymają Państwo listę Do sprawdzenia, na przykład:

• "Link już nie działa (404): ..." to martwy link, często do podstrony innej witryny, która została przeniesiona;
• "Niebezpieczny link bez https: ..." to link zaczynający się od http://; prosimy zastąpić go wersją https;
• "Nie udało się automatycznie sprawdzić linku (strona to blokuje): ..." to nie jest błąd: niektóre strony blokują automatyczne kontrole; taki link proszę kliknąć samodzielnie;
• "Wiadomości z formularza trafiają na ..., a nie na adres e-mail Państwa konta. Czy to się zgadza?" to pytanie, a nie błąd.

Przy danym punkcie często jest przycisk, na przykład Zapytaj AI lub Edytuj widżet. Kontrola jest bezpłatna i można ją uruchomić najwyżej 3 razy na godzinę. Nie zastępuje ona Państwa własnej rundy testowej: nie sprawdza, czy zdjęcia dobrze wyglądają ani czy wiadomości z formularza docierają.

Pułapki

• Testowanie w podglądzie zamiast na prawdziwej stronie. Formularz i własny kod nie działają tam naprawdę.
• Testowanie tylko na własnym komputerze. Przeglądarka jest tam przyzwyczajona do starej wersji, a Państwo często są jeszcze zalogowani w różnych usługach. Okno prywatne i telefon dają bardziej rzetelny obraz.
• Jednorazowe sprawdzenie linku zewnętrznego i nigdy więcej. Inne strony się zmieniają. Prosimy od czasu do czasu ponownie uruchomić kontrolę bezpieczeństwa.
• Zapominanie o wiadomościach testowych. Prosimy uprzedzić współpracowników, którzy też czytają tę skrzynkę, że przyjdą wiadomości testowe.
• Zbyt szybkie wnioski po zmianie DNS. Jeśli na jednym urządzeniu widać nową stronę, a na innym starą, to często nadal kwestia DNS (lekcja 5.2), a nie błąd kreatora.

W kreatorze: jak to zrobić

1. Prosimy opublikować najnowszą wersję przyciskiem Opublikuj zmiany.
2. Otworzyć stronę w oknie prywatnym i przejść przez dziesięć powyższych kroków.
3. Otworzyć w kreatorze panel Bezpieczeństwo i kliknąć Sprawdź teraz.
4. Rozwiązać każdy punkt albo świadomie uznać, że jest w porządku.
5. Opublikować poprawki i ponownie przetestować zmienione elementy.

Podsumowanie

• Prosimy testować na prawdziwej stronie: formularz, własny kod, https i baner cookie naprawdę działają tylko tam.
• Prosimy używać okna prywatnego lub twardego odświeżenia, aby mieć pewność, że widzą Państwo najnowszą wersję.
• Prosimy sprawdzić menu, przyciski, linki, obrazy, formularz, widok na telefonie, https, stronę błędu, baner cookie i drugi język.
• Panel Bezpieczeństwo z przyciskiem Sprawdź teraz wykrywa martwe i niebezpieczne linki oraz sprawdza widżety i własny kod, bezpłatnie i najwyżej 3 razy na godzinę.
• Po każdej poprawce: opublikować i ponownie przetestować ten punkt.

Quiz

Zadanie

Zadanie A5.4: Wszystkie linki i obrazy działają. Prosimy wpisać adres swojej strony z AI Builder, bezpłatny adres lub własną domenę. Program odczytuje mapę strony (sitemap), odwiedza wszystkie zawarte w niej podstrony tak jak odwiedzający i sprawdza:

• czy każda podstrona jest dostępna;
• czy działają wszystkie linki do innych podstron Państwa strony;
• czy ładują się wszystkie obrazy na tych podstronach;
• czy http:// przekierowuje na https://.

Przy każdym wierszu widać kolor zielony, pomarańczowy lub czerwony, wraz z podstroną oraz linkiem lub obrazem, który nie działa. Program wykonuje najwyżej 25 zapytań na jedną kontrolę, więc przy dużej stronie nie sprawdzi wszystkiego; własna runda testowa pozostaje konieczna. Jeśli pojawi się kolor czerwony, prosimy poprawić błąd w kreatorze, opublikować zmiany przyciskiem Opublikuj zmiany i sprawdzić ponownie.

Więcej informacji

• Bezpłatny kurs Widoczność w internecie 5.3: Testowanie, utrzymanie i czego nie wolno robić
• Bezpłatny kurs Widoczność w internecie 4.1: https i prawidłowe przekierowanie
• Wymuszaj przekierowanie odwiedzających na https
• Bezpłatny kurs DNS 6.2: "Propagacja": dlaczego jedna osoba już to widzi, a inna jeszcze nie