Kto stoi za projektem Twojej nowej strony.
Na co dzień pracuję jako Principal Product Manager w zespole Allegro Tech. Wcześniej zbierałem doświadczenie w software housie Netguru, gdzie nauczyłem się projektować, budować i wdrażać strony internetowe oraz aplikacje mobilne i biznesowe.
Wcześniej architektka, dziś web designerka. Specjalizuje się w brandingu oraz projektowaniu nowoczesnych i wyrazistych stron internetowych.
Z czego budujemy nową stronę i czemu ma służyć.
Każdy projekt zaczynamy od sprawdzenia punktu wyjścia. Na obecnej stronie znaleźliśmy 23 problemy, w większości drobne. Pokazujemy je i projektujemy nową stronę tak, żeby żaden się nie powtórzył.
Strona główna waży ok. 6 MB, a przeciętna strona w internecie ok. 2 MB. Na telefonie ładuje się kilka sekund i część osób wychodzi wcześniej.
Przełącznik „English” prowadzi do polskich tekstów, bo tłumaczenia przestały działać w lipcu 2024. Google widzi każdą stronę dwa razy.
Wystarczy dopisać ?author=1 do adresu strony, żeby go zobaczyć. Do włamania zostaje już tylko hasło.
| # | Problem | Waga | Skutek dla Ciebie |
|---|---|---|---|
| 1 | SzybkośćCiężka strona głównaStrona główna to ok. 6 MB i ok. 170 plików. Przeciętna strona w internecie waży ok. 2 MB. Najwięcej ważą ilustracja ilustracja_01_obsluga-ksiegowa.svg (1,9 MB, w pierwszym ekranie) i ok. 70 plików skryptów, w tym pliki edytora WordPressa, które ładuje wtyczka do tabel cenowych, choć odwiedzający ich nie potrzebuje. | wysoka | Na telefonie strona ładuje się kilka sekund i część osób wychodzi, zanim cokolwiek zobaczy. |
| 2 | SzybkośćSerwer odpowiada wolnoKażda podstrona zaczyna się ładować dopiero po 1,0–1,4 s (strona główna: 1,3 s). Google uznaje za dobry czas do 0,8 s. Powód: serwer nie zapamiętuje gotowych stron ani plików (brak pamięci podręcznej), więc przy każdej wizycie buduje je od nowa. | średnia | Każde kliknięcie w menu trwa dłużej, a Google gorzej ocenia wolne strony. |
| 3 | Treść / SEOWersja angielska to polski tekstPrzełącznik „English” w stopce prowadzi do kochaniecki.pl/en/, gdzie wszystkie teksty są po polsku. Tłumaczenia (Weglot) przestały działać w lipcu 2024, a wtyczka nadal tworzy wersję /en/ każdej podstrony. | średnia | Klient z zagranicy dostaje polską stronę, a Google widzi każdą podstronę dwa razy. |
| 4 | Treść / SEOStara wersja strony nadal jest w sieciPod adresem kochaniecki.pl/stara-strona/ działa poprzednia strona (tytuł „Księgowość Online | Kancelaria Prawno-Podatkowa”) z adresem Grunwaldzka 73. Jest w mapie strony dla Google i oznaczona do indeksowania, więc może pokazać się w wynikach wyszukiwania. | średnia | Ktoś szukający biura może trafić na nieaktualną stronę ze starym adresem. |
| 5 | TreśćLink „29 opinii” prowadzi donikądPod opiniami Google na stronie głównej link „29 opinii” prowadzi do przykładowej strony Trustindex (example.com), a nie do Waszej wizytówki Google. | średnia | Klient, który chce przeczytać wszystkie opinie, trafia na pustą stronę. |
| 6 | LinkiMartwy link w stopceLink „Doradztwo Prawno-Podatkowe” w stopce prowadzi do kochaniecki.pl/kancelaria-prawno-podatkowa/, która zwraca błąd 404. | niska | Klient trafia na stronę błędu, a Google widzi martwy link. |
| 7 | TreśćPodstrona robocza z niedziałającym kalendarzemkochaniecki.pl/my-calendar/ nie ma w menu, ale jest w mapie strony dla Google. Zamiast kalendarza wyświetla tekst [my_calendar id="my-calendar"], czyli kod wtyczki, której już nie ma. Nie dotyczy rezerwacji przez Zarezerwuj.pl na stronie Kontakt, które działają. | niska | Google może pokazać w wynikach stronę z widocznym błędem. |
| 8 | SEOMapa strony z nieaktualnymi adresamiMapa strony dla Google zawiera adresy, które przekierowują gdzie indziej: /o-nas-old/ → /o-nas/, /uslugi/ → strona główna, /ksiegowosc-dla-dropshippingu/ → /ksiegowosc-dropshipping/, oraz strony robocze /stara-strona/ i /my-calendar/. | niska | Google dostaje mylący obraz strony i traci czas na nieaktualne adresy. |
| 9 | SEO / UXCennik pod roboczym adresemLink „Cennik” w menu prowadzi do /cennik/, który przekierowuje na /cennik-2/. Ten roboczy adres klient widzi w pasku przeglądarki. | niska | Każde kliknięcie trwa dłużej, a adres „cennik-2” wygląda na nieskończoną stronę. |
| 10 | BezpieczeństwoKażdy może poznać login administratoraWystarczy wpisać w przeglądarce kochaniecki.pl/?author=1, żeby trafić na stronę autora „admin”, czyli poznać login konta administratora. | średnia | Atakującemu zostaje do odgadnięcia już tylko hasło. |
| 11 | BezpieczeństwoWłączony XML-RPCPlik kochaniecki.pl/xmlrpc.php jest aktywny. To stary sposób łączenia się z WordPressem z zewnętrznych programów. Strona go nie potrzebuje, a automaty używają go do masowego sprawdzania haseł do konta administratora. | średnia | Łatwiejsza próba włamania przez zgadywanie hasła. |
| 12 | BezpieczeństwoWidoczne wersje oprogramowaniaW kodzie strony (prawy przycisk → „Pokaż źródło strony”) widać „WordPress 7.1.3” i „Elementor 4.3.5”. Plik kochaniecki.pl/readme.html jest publiczny, a wersje wtyczek widać w adresach plików (np. ?ver=2.9.5). | niska | Atakujący łatwo sprawdzi, czy któraś wersja ma znaną lukę. |
| 13 | BezpieczeństwoBrak nagłówków bezpieczeństwaSerwer nie wysyła standardowych zabezpieczeń (m.in. HSTS, X-Frame-Options), a ciasteczko sesji nie ma flag ochronnych. Pokazują to darmowe testy, np. securityheaders.com. | niska | Strona jest łatwiejszym celem, np. może zostać osadzona w cudzej, fałszywej stronie. |
| 14 | AnalitykaTrzy kody Google narazNa stronie działają jednocześnie: Google Site Kit (GT-NGJ958C), Google Analytics (G-5ZN87Q1C92) i Google Tag Manager (GTM-5459MZRG). Przeglądarka dostaje dwa osobne ciasteczka Google Analytics 4. | średnia | Wizyty mogą liczyć się podwójnie, więc decyzje o reklamach zapadają na złych danych. |
| 15 | RODODane trafiają do Google przed zgodąZanim odwiedzający zaakceptuje cookies, strona już pobiera z serwerów Google czcionki, reCAPTCHA i skrypt Google oraz widżet opinii Trustindex. Przy każdym takim pobraniu adres IP odwiedzającego trafia do tych firm. | średnia | Ryzyko przy kontroli lub skardze dotyczącej RODO. |
| 16 | UtrzymanieZbędne i zdublowane wtyczkiŁadują się na każdej stronie: Christmasify (efekty świąteczne), trzy wtyczki do tabel cenowych naraz (ABC Pricing Table, B Pricing Table, Easy Pricing Tables), Astra Sites (importer szablonów innego motywu), Amelia (system rezerwacji, którego nie używacie, bo rezerwacje idą przez Zarezerwuj.pl) i Weglot (tłumaczenia, które już nie działają). Ikony Font Awesome ładują się dwa razy. | średnia | Każda zbędna wtyczka spowalnia stronę i jest kolejnym miejscem, przez które można się włamać. |
| 17 | SEOBrak opisów stron dla Google18 stron nie ma opisu (meta description), m.in. O nas, Kontakt, Blog oraz wszystkie kategorie bloga. | średnia | Google sam wybiera fragment tekstu do wyników, zwykle mniej zachęcający do kliknięcia. |
| 18 | SEOZa długie i nieaktualne tytułyOk. 45 tytułów ma ponad 60 znaków (najdłuższy 109), więc Google je ucina. Wpis o skali, liniowym i ryczałcie ma w wynikach tytuł „podatki 2024”. | niska | Ucięte i nieaktualne tytuły rzadziej zachęcają do kliknięcia. |
| 19 | SEOBłędne nagłówki główne (H1)Brak nagłówka głównego na stronach /blog/ i /my-calendar/. Dwa nagłówki główne na wpisach /vat/ i /skala-liniowy-ryczalt-sposoby-opodatkowania-w-polsce/. | niska | Google gorzej rozumie, o czym jest dana strona. |
| 20 | Social mediaBrak obrazka przy udostępnianiu67 z 72 stron nie ma obrazka podglądu, w tym strona główna, Kontakt i Cennik. | niska | Link udostępniony na LinkedInie czy Facebooku wyświetla się bez obrazka i ginie w feedzie. |
| 21 | TreśćNiespójny adres biuraNa stronie Kontakt w danych firmy jest „Heweliusza 20”, a w stopce każdej strony „Heweliusza 20/3”. Na /stara-strona/ jest jeszcze „Grunwaldzka 73”. | niska | Klient nie wie, który adres jest aktualny, a Google dostaje sprzeczne dane. |
| 22 | TreśćNieaktualna stopka„Copyright © 2024 Biuro Kochaniecki” na wszystkich stronach. | niska | Strona sprawia wrażenie nieaktualizowanej. |
| 23 | SEOPodwójne przekierowanie z „www”Adres http://www.kochaniecki.pl przekierowuje dwa razy, zanim trafi na https://kochaniecki.pl. | niska | Drobna strata czasu przy każdym takim wejściu. |
Od architektury strony, przez projekt graficzny, po wdrożenie: co zrobimy i co dzięki temu zyskujesz.
Architekturę przygotowaliśmy na podstawie Twoich makiet. Podkreślonych podstron nie było w makietach, ale je dorzucamy. Razem 17 stron.
Wszystko, czego potrzebujesz, żeby bezpiecznie odebrać i uruchomić nową stronę.
Akceptujesz stronę na wersji testowej, zanim pokażemy ją klientom.
Sprawdzamy stronę na telefonach i w popularnych przeglądarkach.
Publikacja, certyfikat SSL i sprawdzenie ustawień domeny.
Nagrane szkolenie online z obsługi CMS i instrukcja PDF dla zespołu.
Nowa strona online w około 5 tygodni od startu.
Referencje klientów i wybrane realizacje.
Ola zaprojektowała pełen branding dla mojej marki – Rozpusta SPA: design strony, logotyp, materiały firmowe, posty do social mediów. Pełen komplet i praktycznie siadło za pierwszym razem!
Daniel z Olą przeprowadzili nas przez pełen proces Discovery, UX i UI oraz zaprojektowali naszą bileterię stage24.pl: od brandingu, przez strony dla klientów, po cały panel administratora i B2B. Wykazują się dużym zaangażowaniem, zrozumieniem biznesu i otwartością na zmiany. Polecam!
Jedna cena za cały zakres z rozdziału 04.
Po uruchomieniu strony zostajemy z Tobą.
Rozszerzenia, które proponujemy jako kolejny krok. Zaznacz te, które Cię interesują.
* Ceny dodatkowych propozycji są wstępne. Wymagają spotkania i potwierdzenia zakresu oczekiwań.
deal with IT Daniel Woźniak · NIP 7773214586 · Poznań