Folwark Łękuk — strona internetowa na WordPress

Stara wersja ciążyła i słabo się pozycjonowała

Serwis był wyklikany w Elementorze i płacił za to dwa razy: czasem ładowania i miejscem w wynikach wyszukiwania. Hotel chciał nowego wyglądu, ale bez utraty czegokolwiek z dotychczasowej zawartości.

Przepisywanie wpisów zajęło najwięcej

Kilkaset wpisów trzeba było przełożyć z układów Elementora na pola ACF. To najżmudniejsza część całej pracy i jednocześnie ta, która decyduje o efekcie, bo dopiero po niej strona przestaje ciągnąć za sobą stary bagaż.

Żeby redakcja nie została z gołym edytorem, układy z kreatora zastąpił zestaw kilkunastu gotowych bloków: dwie kolumny z galerią w kilku wariantach, zdjęcie na pełną szerokość, cytat, tekst w ramce, siatka udogodnień, listy pokoi i pakietów, opinie. Z nich składa się podstronę, bez wracania do kreatora i bez dokładania kodu przy każdej nowej sekcji.

Przy okazji poszła aktualizacja WordPressa i uporządkowanie struktury.

Strona dla kogoś, kto nie używa myszki

Hotel sprzedaje pobyty osobom w różnym wieku i o różnej sprawności, więc dostępność nie była tu dodatkiem na koniec.

Serwis zaczyna się od nawigacji pomijającej: pierwsze tabulatory prowadzą do nagłówka, menu, treści głównej, stopki i mapy strony, zamiast prowadzić przez całe menu na każdej podstronie. Menu obsługuje się z klawiatury, a jego elementy mają opisy czytane przez czytniki ekranu.

Szybsza strona na telefonie

Mobilny wynik PageSpeed strony głównej wynosił 54 punkty, a największy element strony pojawiał się po 6,9 s. Zdjęcie i tytuł w nagłówku startowały jako niewidoczne i czekały, aż skrypt motywu je odsłoni. Po zmianach wynik to 85 punktów, a LCP spadło do 3,9 s. Na komputerze wynik wzrósł z 60 do 99.

Zmiany objęły kilka miejsc:

• zdjęcie i tytuł nagłówka są widoczne od pierwszego wyświetlenia, także bez JavaScriptu, a animacja tylko je przesuwa
• wysoki priorytet pobierania ma wyłącznie zdjęcie nagłówka, zdjęcia niżej na stronie ładują się przy przewijaniu, a telefon dostaje je w rozmiarze dla swojego ekranu
• fonty pobierały się dwa razy, bo wczesne wczytanie wskazywało inne adresy niż arkusz stylów; teraz idą raz
• gotowe strony trafiają do pamięci podręcznej, więc serwer odpowiada w 0,1–0,2 s zamiast 0,6–0,7 s
• Google Tag Manager był wstawiony dwa razy, w tym raz na samym początku strony, gdzie ładował około 800 kB skryptów; został jeden, wczytywany po pierwszym ruchu odwiedzającego albo po kilku sekundach
• skrypt systemu rezerwacji wczytuje się po pierwszym ruchu, a kliknięcie rezerwacji przed jego załadowaniem i tak otwiera okno z wybranym pokojem

Rezerwacja podpięta pod identyfikatory ofert

Pokoje rezerwuje się w zewnętrznym systemie hotelowym. Zamiast odsyłać gościa na jego stronę główną i kazać mu szukać od nowa, podpiąłem oferty po identyfikatorach zapisanych przy typach wpisów.

Odnośnik z konkretnego pokoju albo pakietu prowadzi więc od razu do tej pozycji w systemie rezerwacji.

Co hotel pokazuje gościowi

Pobyty są sprzedawane pakietami: spa we dwoje, weekend z jogą, noce saunowe w ruskiej bani, święta i bal sylwestrowy. Obok tego pokoje i apartamenty, restauracja, strefa spa, oferta dla rodzin i wesel oraz informacja, że hotel przyjmuje gości ze zwierzętami.

Każda z tych rzeczy jest osobnym rodzajem treści: pokoje, pakiety, udogodnienia, galerie, opinie i karta restauracji z podziałem na kategorie i typy dań. Kuchnia zmienia menu bez pomocy programisty.

Serwis działa w sześciu językach, tłumaczonych automatem. Ruszył jesienią 2025 i wracam do niego z poprawkami do dziś.