Radczyni Ełk — strona internetowa na WordPress

Kancelaria wchodziła do sieci pierwszy raz

Wcześniej nie było żadnej strony. Całość powstała u mnie: projekt graficzny, kodowanie widoków i część działająca po stronie serwera.

Dwie oferty zamiast jednej listy usług

Klient indywidualny i firma szukają czego innego, a wspólna lista usług prawnych nie pomaga ani jednemu, ani drugiemu. Serwis rozdziela te ścieżki od razu: osobno obsługa osób prywatnych, osobno stała obsługa przedsiębiorstw.

W części dla klientów indywidualnych wydzielone są konkretne rodzaje spraw, z prawem rodzinnym, rozwodami i alimentami na pierwszym planie. To sprawy, z którymi ludzie szukają pomocy pod własną nazwą, nie pod hasłem „usługi prawne".

Treść ułożona pod wyszukiwania lokalne

Serwis prowadzi osobne sekcje odpowiadające temu, jak ludzie faktycznie szukają: radca prawny w Ełku, pomoc prawna, porady, rozwód, alimenty. Do tego doszły porady prawne udzielane online i blog.

Wszystkie drogi prowadzą do jednego działania: umówienia spotkania w kancelarii.

Prosto, bo nie było powodu inaczej

To jedna ze starszych realizacji, z 2017 roku. Serwis nie ma typów treści ani struktur do rozbudowy — stoi na kilku szablonach podstron i blogu, bo dokładnie tyle wymaga kancelaria prowadzona przez jedną osobę.

Porady udzielane zdalnie dostały osobne miejsce w serwisie na kilka lat przed tym, zanim zdalna obsługa stała się oczywistością w tej branży.

Treść serwisu rozbudowuje dziś agencja pozycjonująca i podstron przez ten czas sporo przybyło. Aktualizację i porządek w kodzie, opisane niżej, zrobiłem znowu ja.

Aktualizacja po latach

Strona przeszła na WordPressa 7.1 i PHP 8.5. Wygląd został ten sam, zmieniło się to, co pod spodem.

Style i skrypty motywu nie miały procesu budowania, a plik źródłowy stylów rozjechał się przez lata z arkuszem, który faktycznie ładowała strona. Motyw buduje teraz webpack, a źródła odtworzyłem z działającego arkusza, więc nic nie zginęło po drodze.

Osiem podstron z poradami i stron pod okoliczne miasta miało osobne, prawie identyczne pliki szablonu. Zastąpił je jeden szablon „Strona z poradą”: nową podstronę pod kolejne miasto zakłada się w panelu, a formularz kontaktowy pojawia się na niej sam.

Co ważyło najwięcej

Strona główna ważyła 1636 KiB, z czego 920 KiB to ramki Map Google w stopce. Mapy pokazują teraz statyczny podgląd z adresem i wczytują się po kliknięciu.

Z każdej podstrony zniknął stary kod Universal Analytics i skrypt Facebooka z wysuwaną ramką, która i tak już nie działała. GA4 startuje przy pierwszej interakcji. Zabezpieczenie formularza przed spamem ładuje się dopiero, gdy ktoś zacznie go wypełniać, a skrypty formularza tylko na stronach, które go mają. Fonty idą z serwera strony zamiast z Google Fonts, a zdjęcia jako WebP, z oryginałem dla starszych przeglądarek.

Dostępność i SEO

Poprawiłem kolejność nagłówków, obrazy dostały opisy, a ikony i strzałki slidera nazwy dla czytników ekranu. Slider ma zarezerwowane miejsce przed załadowaniem, więc treść pod nim już nie skacze.

Wynik

Strona główna na telefonie: PageSpeed z 60 na 90, LCP z 3,2 s na 1,2 s, przesunięcie układu (CLS) z 0,41 na zero, waga z 1636 KiB na 380 KiB. Na komputerze: z 90 na 100. Dostępność wzrosła z 78 na 94, SEO z 77 na 100.