Case study: agroturystyka z Elementora na własny motyw WordPress w 10 dni

Gniazdo w Felicjanowie to wiejski skansen pod Uniejowem: domy z bali, karczma, 25 hektarów zieleni i wynajem całości dla grup. Gospodarze trafili do nas przez ten serwis z bardzo konkretną listą: strona rozjeżdża się na telefonie, fala w nagłówku jest za nisko, karty nie dają się kliknąć, nie ma formularza ani kontaktu w stopce, a w hero brakuje logo. Pięć usterek, każda z osobna do naprawienia w godzinę. Tyle że to nie był cały problem.

Co pokazał audyt

Strona stała na WordPressie z motywem Hostinger AI Theme i Elementorem. Lighthouse na telefonie: Performance 75, największy element ładował się 6,4 sekundy, a strona ważyła 2,65 MB, w tym pojedyncze zdjęcia po 1,1 MB. Menu na telefonie miało przycisk 24 na 24 piksele, treści nachodziły na siebie. Nie było nagłówka H1 ani danych strukturalnych, za to wciąż wisiały treści zastępcze z kreatora: napis "STRONA W BUDOWIE" i opinia podpisana "John Doe".

Każdą z tych rzeczy da się poprawić w Elementorze. Problem w tym, że poprawki na stronie wygenerowanej przez kreator hostingu nakładają się na siebie i po kilku miesiącach znowu coś się rozjeżdża. Rozpisaliśmy to szerzej we wpisie naprawa czy przebudowa strony. Tu wniosek był prosty: zamiast łatać kreator, lepiej rozwiązać problem u źródła własnym motywem.

Co zbudowaliśmy

Dedykowany motyw WordPress, bez page buildera i bez płatnych wtyczek. Kierunek wizualny wyszedł z logo Gniazda, które jest wycinanką: zdjęcia w ramkach w jej kształcie, fala między sekcjami i nowoczesny folk zamiast wiejskiego kiczu. Najważniejsze elementy:

• Formularz "Zapytaj o termin" krok po kroku, z kafelkami i paskiem postępu. Każde zapytanie zapisuje się też w panelu, więc nic nie ginie, gdy zawiedzie poczta.
• Film z drona w hero skompresowany ze 117 MB do 8,4 MB i odtwarzany tylko na komputerze. Na telefonie zamiast filmu jest lekki slider zdjęć.
• Wydarzenia wyświetlane w pasku nad menu, które same znikają po terminie.
• 13 podstron z unikalną treścią, graf danych strukturalnych (LodgingBusiness, EventVenue, FAQPage) i przekierowania 301 ze starych adresów.
• Panel "Ustawienia Gniazda" z instrukcją w 12 rozdziałach, żeby gospodarze zmieniali telefon czy wydarzenia bez dzwonienia do nas.

Ile to trwało

Audyt 23 września, start prac 30 września, pierwsza propozycja strony głównej następnego dnia, wdrożenie na felicjanow.pl 10 października. Kolejne cztery dni zajęły poprawki od gospodarzy: wyświetlanie w Safari, drobiazgi na telefonie i konfiguracja poczty (SPF i SMTP), żeby zapytania z formularza nie lądowały w spamie.

Efekt

Pomiar Lighthouse na żywej stronie: 99/100 Performance na komputerze przy LCP 1,0 s i zerowym przesunięciu layoutu, 100/100 dostępności i SEO w obu wersjach. Strona na telefonie waży 1,3 MB zamiast 2,65 MB. Stare adresy przekierowaliśmy 301 na nowe odpowiedniki, według listy z wpisu zmiana motywu bez utraty pozycji.

Pełne case study z porównaniem przed i po oraz stackiem znajdziesz na stronie Wresk-iDesign. Jeśli Twoja strona na Elementorze albo kreatorze hostingu ma podobne objawy, zobacz, jak wygląda przebudowa strony WordPress. Zaczynamy zawsze od bezpłatnego audytu.