Sklep jest na etapie przed startem. Sama ścieżka zakupu działa: klient zamówi bez zakładania konta, zapłaci online albo BLIK-iem, a na karcie produktu widzi cenę netto i brutto oraz numer do zamówienia telefonicznego. Słabo wypada to, jak zbudowany jest katalog. Żaden produkt nie ma wariantów, więc każdy rozmiar płytki, medalionu czy paska to osobna pozycja, a ponad 400 z nich różni się tylko wymiarem. Klient szuka jednego wyrobu wśród kilkunastu niemal identycznych kafli, a karty produktów mają puste zakładki. Poza katalogiem przed przeniesieniem na docelową domenę trzeba domknąć cztery grupy rzeczy. Pierwsza to ustawienia, które kosztowałyby pieniądze od pierwszego dnia: koszty dostawy nie są skonfigurowane, przy cenach promocyjnych brakuje najniższej ceny z 30 dni, przycisk pobierania danych firmy po numerze NIP nie działa, a w zamówieniu brakuje akceptacji regulaminu. Druga to miejsca, które wyglądają na niedokończone: pierwszy ekran nie ma przycisku, w Aktualnościach wiszą wpisy testowe, promocje to zdjęcia cenników, a opinie klientów z Google nie trafiły na stronę. Trzecia to widoczność w Google: kluczowe podstrony nie mają nagłówka H1 ani opisów w wynikach wyszukiwania. Czwarta to urządzenia inne niż komputer: na tabletach i małych laptopach znika menu, a na telefonie pierwszy ekran buduje się prawie 12 sekund i w nagłówku nie ma logo.
Kolejność napraw od 01 do 03: krytyczne kosztuje Cię pieniądze dziś, ważne naprawiamy w tym miesiącu, do poprawy wtedy, gdy będzie czas. Karty ze statusem OK opisują to, co już działa, a status informacyjny oznacza punkt do sprawdzenia po Waszej stronie.
Techniczna strona WWW,
design UX/UI i wdrożenia
Meta Ads i sprzedaż
w social mediach
Baner na stronie głównej ma dwa slajdy z hasłem i krótkim opisem, ale żaden nie ma przycisku. Pierwszy ekran mówi, czym firma się zajmuje, ale nie kieruje odwiedzającego ani do sklepu, ani do kontaktu. Pierwszy krok klient musi znaleźć sam, w menu albo przewijając stronę.
Blok Aktualności na stronie głównej pokazuje cztery wpisy o identycznym tytule i opisie, a pod jednym z nich wisi przykładowy komentarz, który system dodaje przy instalacji, podpisany „Komentator WordPressa”. W filtrze na liście Aktualności jest nieprzetłumaczona pozycja „Authors”. Dla nowego klienta to sygnał, że strona nie jest skończona.
Podstrona Promocje, dostępna z menu Nowości promocje, to trzy zeskanowane cenniki płytek porcelanowych. Cen z obrazka nie da się kliknąć, nie prowadzą do produktów, na telefonie są nieczytelne bez powiększania, a wyszukiwarka ich nie widzi. W sklepie filtr „w promocji” zwraca komunikat „Nie znaleziono produktów”, a pasek „-15% Sprawdź nowości i promocje” na stronie głównej prowadzi właśnie do tych obrazów. Klient zachęcony rabatem nie ma jak z niego skorzystać w koszyku.
Wszystkie produkty w sklepie są zapisane jako pojedyncze pozycje, bez wariantów, a ponad 400 z nich to te same wyroby w różnych wymiarach. Płytka porcelanowa prostokątna z szerokim paskiem złota to 14 osobnych produktów, od 5×7 do 24×30 cm, a medalion porcelanowy owalny to kolejnych 14. Kategoria Prostokąt złoto pokazuje 22 niemal identyczne kafle na dwóch stronach, różniące się tylko liczbą w nazwie. Klient szukający jednej płytki w konkretnym rozmiarze przegląda całą listę, zamiast wejść w jeden produkt i wybrać wymiar. Po stronie obsługi sklepu każda zmiana opisu jednego wyrobu oznacza edycję kilkunastu osobnych produktów.
Strona główna i karta produktu mają kolor akcentu zgodny z logo. W sklepie i na stronach kategorii przyciski Dodaj do koszyka, ceny i suwak filtra ceny mają zupełnie inny kolor akcentu, a karta produktu, na którą klient trafia prosto ze sklepu, wraca do pierwszego. Do tego podstrona Serwis, linki i przycisk banera cookies używają trzeciego koloru. Klient przechodzący między stroną główną, sklepem i produktem ma wrażenie, że trafił na inną stronę, i to akurat w miejscu, w którym ma zapłacić.
Baner na pierwszym ekranie strony głównej ma dwa slajdy, które zmieniają się same. Nie ma strzałek ani kropek, którymi można przejść do wybranego slajdu, a na telefonie nie działa przesunięcie palcem. Kropki są włączone w ustawieniach slidera, ale nie wyświetlają się na stronie. Kto chce wrócić do slajdu, który mu uciekł, musi czekać, aż baner sam do niego wróci.
Podstrona Nowości pokazuje trzy razy pod rząd ten sam blok tekstu o papierze Calcospeed Glass, z ceną za arkusz i odnośnikiem do karty produktu. Nie ma tu listy produktów ostatnio dodanych do sklepu, ze zdjęciem, ceną i przyciskiem Dodaj do koszyka, jak w sklepie. Klient musi przejść na kartę produktu, żeby zrobić to, co mógłby zrobić od razu, a każda kolejna nowość wymaga ręcznego dopisania bloku. Przy każdym nowym produkcie ktoś musi pamiętać o tej podstronie, inaczej przestaje ona pokazywać nowości.
Sekcja Polecane produkty na stronie głównej pokazuje cztery warianty kryształu nagrobnego z fazą, które różnią się tylko wymiarem. Sklep ma 542 produkty, od drukarek i pieców po materiały eksploatacyjne, a to miejsce nie pokazuje przekroju asortymentu. Dobrze dobrana czwórka mogłaby zastąpić klientowi kilka kliknięć w menu.
Sekcja Produkty na stronie głównej ma dziesięć kafli, ale nie odpowiadają one siedmiu głównym kategoriom sklepu. Część prowadzi do kategorii, kafel Papier Calcospeed do jednego konkretnego produktu, a kafel Usługa serwisowa online na podstronę Serwis. Klient, który chce zobaczyć cały asortyment w podziale na grupy, musi i tak wejść do menu Sklep.
Zarówno na komputerze, jak i na telefonie nagłówek z menu, wyszukiwarką i koszykiem znika po przewinięciu strony i nie wraca także przy przewijaniu w górę. Żeby przejść do sklepu, koszyka albo kontaktu z połowy strony głównej czy z długiej karty produktu, trzeba wrócić na samą górę.
Na stronie głównej animowane jest 16 z 36 bloków, w trzech różnych stylach: część wskakuje, część wjeżdża z lewej, część z prawej, a reszta stoi w miejscu. Na podstronach O firmie, Serwis, Targi i Kontakt animacji nie ma wcale. Taki układ wygląda na przypadkowy, a nie zaprojektowany.
Na podstronie Serwis pod nagłówkiem Filmy instruktażowe jest jeden film, a pod nim 26 zdjęć bez podpisów. Same zdjęcia są autentyczne, pokazują prawdziwy sprzęt i samochód serwisowy firmy, więc to dobry materiał, ale stoi w złym miejscu i bez opisu. Nagłówek w liczbie mnogiej obiecuje zestaw instrukcji, a użytkownik nie wie, czy ogląda materiały do nauki obsługi, czy zdjęcia firmy.
Karta produktu od razu pokazuje cenę netto i brutto, przy piecach informację o cenie na zapytanie, numer do zamówienia przez telefon i dostępne formy dostawy. Rozwijane menu Sklep na komputerze porządkuje ponad 80 kategorii w siedem czytelnych grup.
Przy szerokości ekranu od 768 do około 1100 pikseli, czyli na tabletach i na mniejszych laptopach, z nagłówka znika menu główne, a przycisk rozwijanego menu się nie pojawia. Nie działa też dolny pasek znany z telefonu. Na każdej podstronie jedyną drogą do sklepu, kategorii i kontaktu są linki w stopce. Przy szerokości 768 pikseli napis Zaloguj lub zarejestruj się dodatkowo nachodzi na pole wyszukiwarki.
Na telefonie nagłówek pokazuje przycisk menu, wyszukiwarkę, konto i koszyk, a logo jest wyłączone. Osoba wchodząca z telefonu nie widzi marki w pierwszym ekranie na żadnej podstronie i traci najbardziej naturalny sposób powrotu na stronę główną, czyli kliknięcie w logo.
Na telefonie przełącznik języka jest przypięty w prawym górnym rogu ekranu i przykrywa górną połowę przycisku, który zamyka rozwinięte menu. Dotknięcie środka przycisku zamykania otwiera listę języków, a menu zostaje otwarte. Menu zamyka dopiero dotknięcie dolnej części przycisku.
Na stronie głównej dziesięć kafli sekcji Produkty układa się na telefonie jeden pod drugim i zajmuje około 3200 pikseli przewijania, zanim pojawi się cokolwiek innego. Cała strona główna ma na telefonie prawie 9800 pikseli wysokości. Polecane produkty, opis firmy i przycisk kontaktu są przez to bardzo daleko od pierwszego ekranu.
Na telefonie na górze karty produktu jest nagłówek o wysokości 112 pikseli, a na dole dolny pasek z ikonami o wysokości 70 pikseli, czyli dwie nawigacje naraz, które razem zajmują prawie jedną czwartą ekranu. Do tego nad zdjęciem produktu jest 100 pikseli pustego marginesu. Duże zdjęcie produktu jest tu na miejscu, ale przez te dwie rzeczy nazwa produktu trafia na sam dół pierwszego ekranu, a cenę i przycisk Dodaj do koszyka widać dopiero po przewinięciu.
Na komputerze górny pasek nagłówka, obok telefonów i adresów e-mail, zawiera ikony Facebooka, Instagrama, TikToka i YouTube, a w stopce linków do mediów społecznościowych nie ma wcale. To jedne z pierwszych klikalnych elementów, jakie widzi odwiedzający, zanim zobaczy ofertę. Kto w nie kliknie, trafia do serwisu zbudowanego po to, żeby zatrzymać go jak najdłużej, i do sklepu zwykle już nie wraca. Jeśli wszedł z płatnej reklamy, firma zapłaciła za wizytę, która skończyła się na Instagramie, a nie w koszyku.
Na telefonie na dole ekranu jest stały pasek z czterema ikonami bez żadnych podpisów. Koszyk, konto i serce ulubionych są czytelne, ale pierwsza ikona, cztery kwadraty, wygląda jak przycisk menu, a prowadzi prosto do sklepu. Kto szuka w niej podstron, trafia gdzie indziej, niż się spodziewał, a pasek zajmuje 70 pikseli wysokości na każdej podstronie.
Po otwarciu menu na telefonie siedem pozycji stoi pośrodku ekranu, a nad nimi zostaje około 270 pikseli pustego miejsca, czyli jedna trzecia ekranu. Pozycje mają przy tym tekst 15 pikseli i 39 pikseli wysokości, mniej niż zalecane minimum 44 pikseli dla elementów klikanych palcem. Menu ma dużo wolnego miejsca, a mimo to jest drobne i słabo czytelne.
Żadna ze sprawdzonych podstron, łącznie ze sklepem, kartą produktu i kontaktem, nie wymusza na telefonie przewijania w bok, a treść nie wychodzi poza ekran.
Link „Wyślij wiadomość” w stopce, na każdej podstronie, ma kontrast 1,94:1 i jest złożony bardzo cienką odmianą kroju, przez co praktycznie go nie widać. Nadtytuły „Co nas wyróżnia ?” i „Co nowego ?” na stronie głównej mają 2,22:1, a napis „DIGI CERM” nad sekcją Polecane produkty 2,44:1. Ceny i przyciski Dodaj do koszyka w sekcji Podobne produkty na karcie produktu mają 3,68:1, link „Czytaj dalej” w Aktualnościach 3,34:1. Minimum dla zwykłego tekstu to 4,5:1.
Przycisk otwierający menu na telefonie ma 26 na 27 pikseli, ikona konta 33 na 43, a ikona koszyka 38 na 37. Przyjęte minimum to 44 na 44 piksele, a poniżej 32 pikseli wyraźnie rośnie liczba nietrafionych dotknięć. Przycisk menu nie ma też opisu dla czytnika ekranu, więc osoba niewidoma usłyszy jedynie, że jest tam link. Od tego przycisku zaczyna się cała nawigacja na telefonie.
Ustawienia strony blokują powiększanie dwoma palcami na części telefonów. Osoby słabo widzące nie mogą przybliżyć drobnego tekstu, na przykład specyfikacji produktu albo cenników na podstronie Promocje.
Opis alternatywny to tekst czytany przez czytniki ekranu i brany pod uwagę przez Google Grafikę. Na stronie głównej ma go 1 obraz z 22, na podstronie Serwis 4 z 39, na podstronie O firmie żaden z 4, a cenniki na podstronie Promocje, które niosą całą treść, też go nie mają. Zdjęcia produktów w sklepie mają opisy uzupełnione poprawnie, więc zostaje dokończenie podstron informacyjnych.
Strona ma poprawnie ustawiony język polski, więc czytniki ekranu czytają ją z polską wymową. Pola formularza na podstronie Kontakt i w zamówieniu mają etykiety, które nie znikają po kliknięciu w pole, a błąd w formularzu kontaktowym jest opisany słowami pod polem, nie tylko kolorem ramki.
Na stronie głównej nie ma ani jednej opinii, referencji ani logo firmy, która kupuje w Digi-Cerm, a na kartach produktów opinie są wyłączone, więc nie da się ich ani przeczytać, ani dodać. Tymczasem wizytówka firmy w Google ma 26 opinii ze średnią 5,0 i sklep w żaden sposób z nich nie korzysta. Przy drukarce za kilkadziesiąt tysięcy złotych głos innego zakładu fotoceramiki przekonuje mocniej niż opis firmy o samej sobie.
Na stronie głównej: „Co nas wyróżnia ?” i „Co nowego ?” ze spacją przed znakiem zapytania oraz „od ponad 10lat” bez spacji. Na podstronie Kontakt etykieta pola brzmi „Twoja wiadomości (opcjonalne)”. Na podstronie O firmie: „jedyna firma w tej branży, zaopatrującą swoich klientów” zamiast „zaopatrująca”. Na podstronie Nowości: „nie do przebicia !” ze spacją przed wykrzyknikiem. Pojedynczo to drobiazgi, razem obniżają wiarygodność sklepu.
Pierwsze, co widzi odwiedzający podstronę Serwis, to polecenie pobrania programu TeamViewer i podania serwisantowi ID oraz hasła, a pod nim przycisk Zamów usługę online. Z podstrony nie wynika, ile kosztuje serwis, ile trwa naprawa, ile czeka się na przyjazd serwisanta ani jak zgłosić awarię, która wymaga wizyty. Kosztu nie ma też przy zdalnej pomocy: dopiero na karcie produktu Usługa serwisowa online widać cenę 150 zł i informację, że najpierw trzeba ją opłacić, a potem firma ustala termin połączenia. Podstrona mówi co innego: „podaj nam wyświetlone ID oraz hasło, a nasz serwisant zajmie się resztą”. Poza przyciskiem do usługi zdalnej treść podstrony nie ma przycisku zgłoszenia ani kontaktu.
Opis papieru Calcospeed A4 na karcie produktu zbudowany jest z wyliczeń po trzy: „precyzji, szybkości i niezawodności”, „profesjonalnych efektów, wysokiej wydajności i niezawodności”, „od wydruku, przez transfer, aż po wypał”, do tego „To idealne rozwiązanie dla pracowni” i „To papier, który pozwala skupić się na kreatywności”. Takie zdania pasują do każdego produktu i nic o nim nie mówią. Instrukcja użycia w trzech krokach i cena za arkusz pod spodem robią dla sprzedaży więcej niż cały akapit nad nimi.
Na stronie głównej w bloku Co nas wyróżnia są trzy hasła: Wieloletnie doświadczenie, Gwarancja satysfakcji i Jakość. Każdy konkurent może napisać to samo. Tymczasem na podstronie Serwis są rzeczy, których konkurencja powiedzieć nie może: drukarka zastępcza na czas naprawy, serwis drukarek kupionych u innych firm, własny transport sprzętu. Stoją w akapicie na podstronie, a nie w bloku, który ma odpowiadać na pytanie, dlaczego wybrać tę firmę.
Pierwszy element podstrony O firmie, na komputerze w lewej kolumnie, a na telefonie tuż pod tytułem podstrony, to nagłówek Promocje, największy na całej podstronie, i zdjęcie drukarki. Dalej jest około 340 słów: poza dwoma powiększonymi zdaniami jeden ciąg akapitów i krótkich list tym samym rozmiarem, bez śródtytułów. Jedyne liczby, 80% i 100%, stoją na samym końcu jako paski postępu. Najmocniejsze fakty, czyli wyłączne przedstawicielstwo producenta tonerów, bezpośrednia dystrybucja włoskiej porcelany, klienci wśród uczelni artystycznych, certyfikat partnera Ricoh od 2013 roku i serwis przy kliencie, giną w środku tekstu, a o ludziach, którzy stoją za firmą, nie ma ani słowa. Taki tekst przegląda się wzrokiem, a nie czyta, więc większość odwiedzających tych faktów nie zauważy.
Podstrona Targi ma na komputerze ponad 12 tysięcy pikseli wysokości, czyli około piętnastu ekranów. Osiem wydarzeń z lat 2012 do 2024 ułożono w jednym ciągu według tego samego schematu: nagłówek, zdjęcie albo film, jedno zdanie podziękowania, i tak osiem razy. Nie ma podziału na wydarzenia, który dałoby się przejrzeć jednym spojrzeniem i rozwinąć tylko to, które interesuje, ani informacji, co firma na tych targach pokazywała. Żeby dojść do najstarszych targów, trzeba przewinąć całą stronę, a po drodze nic nie przyciąga uwagi.
Cenniki na podstronie Promocje pokazują ceny promocyjne bez informacji o najniższej cenie z 30 dni przed obniżką. Sklep sprzedaje także konsumentom, numer NIP w zamówieniu jest opcjonalny, a przy każdej obniżce ceny dla konsumentów ta informacja jest wymagana prawem, zgodnie z dyrektywą Omnibus.
Kurier DPD, Kurier InPost i Paczkomat InPost są w koszyku i w zamówieniu dostępne bez żadnej ceny, a koszyk pokazuje przy każdym zamówieniu darmową dostawę. Metody dostawy wyglądają na dodane, ale nieskonfigurowane, a nigdzie w sklepie nie ma informacji, ile kosztuje wysyłka.
Na etapie Podsumowanie, przed przyciskiem „Kupuję i płacę”, nie ma pola akceptacji regulaminu ani odnośnika do niego. Jest tylko formułka o przetwarzaniu danych z odnośnikiem do polityki prywatności, który prowadzi do nieistniejącej strony. To ustawienie sklepu, które włącza się jednym polem. Brzmienie zgody warto dopasować do dokumentów, które są przygotowywane z prawnikiem.
Karta produktu ma zakładki Opis, Specyfikacja, Materiały eksploatacyjne oraz Pomoc i serwis, widoczne przy każdym produkcie, także wtedy, gdy są puste. Materiały eksploatacyjne mają treść tylko przy pięciu z siedmiu drukarek, przy wszystkich pozostałych produktach zakładka jest pusta. Specyfikacja jest pusta przy prawie 180 produktach, a Pomoc i serwis przy prawie 200. Tam, gdzie Pomoc i serwis ma treść, zwykle jest to jedno zdanie „Masz wątpliwości, skontaktuj się z nami.” bez przycisku, numeru ani adresu e-mail. Przykład skrajny to piec komorowy 120L z ceną na zapytanie: opis to jedno zdanie „Piec do ceramiki 120L”, a trzy pozostałe zakładki są puste. Klient, który ma pytanie przed zakupem, klika zakładkę z pomocą i nie dostaje drogi do kontaktu.
Pod formularzem na podstronie Kontakt jest jedno pole zgody: na otrzymanie od firmy odpowiedzi na podany adres e-mail lub telefon. Nie ma w nim mowy o przetwarzaniu danych osobowych ani odnośnika do polityki prywatności, więc użytkownik nie dowiaduje się, co dzieje się z jego danymi.
W zamówieniu przy polu NIP jest przycisk Pobierz dane, który ma sam uzupełnić dane firmy. Po wpisaniu poprawnego numeru NIP, na przykład numeru samej firmy Digi-Cerm z podstrony Kontakt, sklep uznaje go za prawidłowy, ale żadne pole się nie wypełnia i nie pojawia się żaden komunikat. Klient firmowy klika, nic się nie dzieje, i musi wpisać wszystko ręcznie, nie wiedząc, czy coś poszło nie tak.
W formularzu na podstronie Kontakt obowiązkowe są imię, e-mail, temat i telefon, a pole Twoja wiadomość jest oznaczone jako opcjonalne. Akurat treść wiadomości, czyli to, po co ktoś w ogóle pisze, można pominąć i wysłać pusty formularz.
Kliknięcie adresu e-mail w górnym pasku nagłówka otwiera program pocztowy z błędnie wpisanym adresatem, więc wiadomość nie trafi do firmy. Numery telefonów na podstronie Kontakt i w stopce są zwykłym tekstem: na telefonie nie da się ich dotknąć, żeby od razu zadzwonić, trzeba je przepisać.
Stopka pokazuje pod hasłem „Bezpieczne i szybkie zakupy dzięki” logotypy PayNow, BLIK, Mastercard i DPD. W zamówieniu dostępne są Szybkie Płatności Autopay i BLIK, a z dostaw także InPost, którego w stopce nie ma. Klient, który wybrał sklep między innymi po znanej sobie bramce płatności, na ostatnim kroku zobaczy inną.
Na podstronach O firmie i Targi po ostatnim akapicie i ostatnim zdjęciu nie ma przycisku do sklepu, do kategorii ani do kontaktu. Jedynym klikalnym elementem na O firmie jest kafel Promocje z drukarką, który prowadzi na obecną stronę firmy zamiast do nowego sklepu. W nowym sklepie produktu pod tym adresem nie ma, więc po przeniesieniu sklepu na docelową domenę ten kafel będzie prowadził do strony błędu. Osoba, która dotarła do końca tych podstron, jest zainteresowana, a strona nie mówi jej, co ma zrobić dalej.
Zamówienie można złożyć bez zakładania konta, są płatności online i BLIK, a na karcie produktu jest alternatywa w postaci zamówienia telefonicznego. Wyszukiwarka podpowiada produkty już w trakcie wpisywania, a filtry w sklepie pozwalają zawęzić 542 produkty po kształcie, rozmiarze, kolorze i przeznaczeniu.
Nagłówek H1 to główny tytuł podstrony, po którym Google rozpoznaje, czego ona dotyczy. Na stronie głównej jedynym H1 jest napis „-15%” z paska promocyjnego. Sklep, strony kategorii, karty produktów, Kontakt, O firmie i Serwis nie mają H1 wcale. Na karcie produktu nazwa produktu jest nagłówkiem H3, a nazwy produktów w sekcji Podobne produkty nagłówkami H2, więc strona podpowiada Google, że ważniejsze są produkty obok.
Żadna ze sprawdzonych podstron, od strony głównej przez sklep, kategorie i karty produktów po Kontakt, nie ma opisu meta, czyli dwóch zdań pod tytułem w wynikach wyszukiwania. Google dobierze je wtedy sam z przypadkowego fragmentu strony, a sklep traci wpływ na to, co zobaczy klient przed kliknięciem.
Tytuł strony głównej w wynikach wyszukiwania to samo słowo „DIGI”, 4 znaki przy zalecanych od 30 do 60, a pozostałe podstrony mają schemat „Nazwa podstrony – DIGI”. Pełna nazwa marki, Digi-Cerm, nie pojawia się w tytułach wcale, podobnie jak słowa takie jak fotoceramika, drukarki ceramiczne czy tonery ceramiczne, po które przychodzą klienci.
Podstrony nie mają znaczników, z których Facebook, Messenger czy WhatsApp budują podgląd linku. Link do produktu wysłany znajomemu z branży pokaże się bez zdjęcia i bez opisu, albo z przypadkowym obrazkiem ze strony.
Adresy podstron i produktów są czytelne i opisowe, mapa strony dla wyszukiwarki działa, a karty produktów mają dane strukturalne z ceną i dostępnością. Dzięki nim Google może pokazać cenę produktu bezpośrednio w wynikach wyszukiwania.
Firma ma wizytówkę w Mapach Google z 26 opiniami i średnią 5,0. Nazwa, adres i telefon w wizytówce zgadzają się z danymi na stronie, a wizytówka prowadzi na adres digi-cerm.pl, pod który ma trafić nowy sklep.
W kodzie strony nie ma Google Analytics ani piksela Meta. Jeśli sklep wystartuje w tym stanie, od pierwszego dnia nie będzie wiadomo, skąd przychodzą klienci, które produkty oglądają i na którym kroku zamówienia odchodzą. Brak piksela oznacza też, że reklamy nie będą mogły wrócić do osób, które odwiedziły sklep i nic nie kupiły.
Google Search Console pokazuje, na jakie frazy sklep wyświetla się w Google i czy wszystkie podstrony są w indeksie. Tego nie da się sprawdzić z zewnątrz. Warto podpiąć je w dniu przeniesienia strony na docelową domenę.
Największy element pierwszego ekranu pojawia się na telefonie średnio po 11,7 sekundy, a pierwszy jakikolwiek tekst po 6,2 sekundy. Zalecane progi to odpowiednio 2,5 i 1,8 sekundy. Tym elementem jest grafika z pierwszego slajdu baneru, którą przeglądarka pobiera dopiero wtedy, gdy wystartuje skrypt slidera. Na komputerze ten sam ekran buduje się w 2,4 sekundy, więc problem dotyczy głównie ruchu z telefonów.
To średnie z pięciu pomiarów strony głównej, wyniki między pomiarami różniły się o jeden, dwa punkty. Na telefonie za niski wynik odpowiada niemal w całości opóźniony pierwszy ekran z poprzedniej karty. Na komputerze do progu 85 brakuje dwóch punktów.
Przy jednym wejściu na stronę główną przeglądarka wysyła około 106 zapytań, w tym 46 plików skryptów i 25 arkuszy stylów. Z kilkunastu grafik strony głównej tylko jedna jest w nowoczesnym formacie WebP, reszta to pliki PNG i JPG, i serwer nie podmienia ich na lżejszy format także wtedy, gdy przeglądarka go obsługuje. Największe to dwie grafiki PNG z sekcji Produkty, ważące na komputerze 301 KB i 248 KB, oraz logo zapisane jako PNG o wadze 151 KB.
Elementy strony nie przesuwają się podczas ładowania, wynik 0 na telefonie i 0,001 na komputerze. Strona po załadowaniu reaguje na dotyk praktycznie od razu, czas blokowania to 20 ms na telefonie i 2 ms na komputerze. Na komputerze także pierwszy ekran mieści się w zalecanym czasie. Serwer kompresuje pliki tekstowe, przeglądarka przechowuje grafiki i style przez tydzień, a 19 z 22 obrazów na stronie głównej ładuje się dopiero przy przewijaniu.
Baner cookies ma jeden przycisk, „Akceptuję”. Nie da się odrzucić plików cookies, wybrać ich kategorii ani wycofać zgody później, a odnośnik „Dowiedz się więcej” prowadzi do nieistniejącej strony. Filmy z YouTube na podstronach Serwis i Targi, mapa Google na podstronie Kontakt, fonty z serwerów Google oraz pliki cookies śledzące źródło wejścia na potrzeby zamówień ładują się, zanim ktokolwiek kliknie w baner. Sposób zbierania zgód warto uzgodnić z prawnikiem przygotowującym dokumenty.
Zdjęcie w tle paska Sprawdź nowości i promocje na stronie głównej i tło jednej z sekcji na podstronie Serwis nie leżą na serwerze sklepu. Strona pobiera je z innego adresu, grafikawinternecie.pl, z katalogu, w którym powstawała wcześniejsza wersja strony. Gdy ten katalog zostanie usunięty albo adres przestanie działać, oba tła znikną ze strony bez żadnego komunikatu, a nikt w firmie nie będzie wiedział dlaczego.
Pod jednym z adresów technicznych strona zwraca login konta administratora. Znajomość loginu to połowa danych potrzebnych do zalogowania. Zamknięcie tej listy to niewielka zmiana w ustawieniach.
Panel logowania jest pod standardowym adresem i nie ma żadnego dodatkowego zabezpieczenia, na przykład zadania sprawdzającego, czy loguje się człowiek. Do tego aktywny jest interfejs XML-RPC, który pozwala sprawdzić wiele haseł w jednym zapytaniu. Razem z publicznie dostępnym loginem administratora to wygodny zestaw dla automatów zgadujących hasła.
Plik z opisem systemu i plik licencji są dostępne publicznie, a kod każdej podstrony podaje dokładne wersje WordPressa i WooCommerce. Ułatwia to dobranie ataku pod konkretną wersję, gdy tylko pojawi się w niej znana luka.
Katalog z przesłanymi plikami nie pokazuje listy swojej zawartości, a strona działa w całości przez szyfrowane połączenie. Na podstronie Kontakt są pełna nazwa firmy, adres, NIP i REGON, więc wymóg udostępnienia danych rejestrowych jest spełniony.
Każdy błąd z tego audytu ma konkretne rozwiązanie. Napisz jeśli chcesz pogadać.