Strona główna / Realizacje / Strona dla Pomorskiego Centrum Psychoterapii w Gdańsku
Strona dla Pomorskiego Centrum Psychoterapii w Gdańsku
Wyzwanie
Pomorskie Centrum Psychoterapii prowadzi psychoterapię, diagnozę ADHD i ASD, pomoc psychologiczną, terapię par oraz terapię uzależnień. Placówka przyszła do nas z kilkoma problemami naraz.
Zaufanie trzeba zbudować przed pierwszym kontaktem. Człowiek szukający terapeuty podejmuje decyzję trudną i osobistą, a robi to zwykle wieczorem, na telefonie, przeglądając kilka gabinetów pod rząd. W kilkanaście sekund musi się zorientować, kto go przyjmie, w czym ten ktoś pomaga, ile to kosztuje i jak wygląda pierwsza wizyta. Strona miała odpowiedzieć na te pytania, zanim ktokolwiek podniesie słuchawkę: przejrzyście pokazać zespół z biogramami, rozpisać zakres pomocy na osobne podstrony usługowe i wprost odpowiedzieć na to, o co pacjenci pytają najczęściej. Równie czytelnie na 390 px, co na 1440 px.
Cztery domeny konkurowały ze sobą o te same frazy. Klient miał adhdgdansk.pl, diagnoza-adhd-gdansk.pl, pomocpsychologiczna-gdansk.pl oraz domenę główną. Każda z nich zdążyła wypracować własne pozycje i każda ciągnęła własny, cienki strumień ruchu. Trzeba było scalić je w jeden serwis, nie tracąc tego, co już działało, i tak poprowadzić przekierowania, żeby po drodze nie zniknęły parametry kampanii reklamowych.
- Psychoterapia i zdrowie psychiczne
- Projekt i wdrożenie strony WordPress
- WordPress (block theme), Secure Custom Fields, Contact Form 7
Jak zbudowaliśmy stronę
Zaczęliśmy od makiety w Figmie: desktop 1440 px i mobile 390 px, komplet sekcji dla każdego typu podstrony. Makieta nie skończyła się na obrazkach. Przełożyliśmy ją na system tokenów zapisany w theme.json: paleta 22 kolorów z polskimi nazwami, skala typograficzna na clamp(), siatka odstępów, promienie, cienie. Efekt jest taki, że edytor bloków podsuwa klientowi dokładnie te kolory i rozmiary, które przewiduje projekt, i żadnych innych. Nikt nie wstawi przypadkiem własnego odcienia i nie rozjedzie identyfikacji wizualnej.
Layout skaluje się płynnie zamiast przeskakiwać między breakpointami. Rozmiary liczy clamp(), siatki kart korzystają z minimumColumnWidth, więc układ dopasowuje się do dowolnej szerokości bez armaty media queries pod każdą przekątną.
Typografia: Plus Jakarta Sans, hostowana lokalnie w formacie woff2, pocięta na podzbiory latin i latin-ext z osobnymi zakresami Unicode. Przeglądarka ściąga wyłącznie to, czego potrzebuje do wyrenderowania polskiego tekstu. Bez zapytań do Google Fonts, a więc i bez problemu z RODO, który te zapytania ze sobą niosą.
Porządek w domenach
Trzy domeny tematyczne dostały przekierowania 301 na poziomie serwera, bez pośrednictwa wtyczki. Wtyczka przekierowująca musi załadować cały WordPress, żeby odpowiedzieć jednym nagłówkiem: kosztuje to kilkaset milisekund na każdym wejściu i przestaje działać w chwili, gdy ktoś ją wyłączy. Reguła serwera odpowiada, zanim PHP w ogóle wstanie.
Przekierowania zachowują parametry kampanii, więc ruch z reklam nie gubi po drodze atrybucji. Moc SEO trzech osobnych domen kumuluje się w jednej domenie kanonicznej, zamiast rozpraszać się na cztery cienkie serwisy konkurujące ze sobą o te same frazy.
SEO techniczne
Permalinki /%postname%/, bez dat i identyfikatorów. Jeden H1 na podstronę, hierarchia H2/H3 wymuszona w szablonach i wzorcach. Zostawiona uznaniu redaktora rozjeżdża się po trzech miesiącach edycji, więc pilnuje jej kod. Do tego tagi canonical na wszystkich podstronach i mapa XML obejmująca wpisy, strony, usługi, profile zespołu oraz kategorie.
Dane strukturalne napisaliśmy sami, w JSON-LD, zamiast polegać na generatorze wtyczki:
- LocalBusiness / MedicalBusiness z adresem rozbitym na
PostalAddress(polski kod pocztowy ma sztywny format, więc parsowanie jest pewne) i współrzędnymi walidowanymi zakresowo. Jedna śmieciowa współrzędna postawiłaby placówkę na środku Bałtyku, dlatego przy błędnej wartości blokgeopo prostu znika zamiast kłamać. - FAQPage dla sekcji pytań na podstronach usług, zespołu i kontaktu. To one dają rozwijane pytania bezpośrednio w wynikach Google.
- BlogPosting dla artykułów w bazie wiedzy.
Wszystkie trzy zasilają się z jednego miejsca w panelu. Adres, telefon i godziny otwarcia wpisuje się raz, a zmiana rozchodzi się jednocześnie na stopkę, stronę kontaktu, mapę, dane strukturalne i adresata formularza. Spójność NAP, jeden z ważniejszych sygnałów w lokalnym SEO, przestaje zależeć od tego, czy ktoś pamiętał o poprawieniu numeru w czterech miejscach.
