Mniej warstw, więcej kontroli: studium przypadku SEO i CLS na WordPressie

Punktowe poprawki dały więcej niż przebudowa. Na stronie kancelarii notarialnej opartej na WordPressie z Divi desktopowy CLS spadł z 0,106 do 0,000261, a wynik Lighthouse wzrósł z 86 do 91. Nie zainstalowaliśmy żadnej nowej wtyczki.
Serwis obsługuje kancelarię notarialną w Bielanach Wrocławskich pod Wrocławiem. My diagnozowaliśmy, proponowaliśmy zmiany i poprawialiśmy kod. Klient zachował kontrolę redakcyjną nad tytułami, opisami i etykietami menu.
| Metryka | Zapisany raport | Produkcja, 23 października 2026 |
|---|---|---|
| Performance | 86/100 | 91/100 |
| CLS, desktop | 0,106010 | 0,000261 |
| First Contentful Paint | brak pomiaru | 0,6 s |
| Largest Contentful Paint | brak pomiaru | 1,8 s |
| Total Blocking Time | brak pomiaru | 0 ms |
Niezależna weryfikacja w PageSpeed Insights
Pomiar PageSpeed Insights z tego samego dnia dał 92 punkty na desktopie i 68 na mobile, przy SEO i sprawdzonych metodach na poziomie 100. Desktop potwierdza pomiar lokalny. Mobile pozostaje otwartym punktem.
Skąd brały się przesunięcia
Wszystkie 15 raportowanych przesunięć dotyczyło nawigacji. Mechanizm był konkretny:
- po
window.loadDivi dodawało odstęp nagłówka zależny od szerokości logo; transition: allanimowało tę zmianę geometrii;- menu zawijało się, a nagłówek rósł z 80 do 127 pikseli;
- procentowo skalowane logo powiększało się razem z nagłówkiem.
Stabilny układ Flexbox, kontrolowany rozmiar logo i brak przesuwania nawigacji po załadowaniu usunęły te przesunięcia. Przyklejony nagłówek, fonty i animacje zostały zachowane.
Nagłówki bez zmiany wyglądu
H1 strony głównej stanowiło łacińskie motto „Lex est, quod notamus.”, a nazwa kancelarii była zwykłym podtytułem. Zamieniliśmy semantykę: nazwa została H1, motto H2, z zachowaniem koloru, fontu i rozmiaru. Weryfikacja w przeglądarce potwierdziła identyczny wygląd.
Nagłówki podstron pozostały zarządzane przez Divi i bazę. Tymczasowe nadpisania PHP wycofaliśmy.
Metadane bez kolejnej wtyczki
Divi ma własne ustawienia SEO. Strona główna korzysta z osobnej sekcji, a podstrony odczytują pola własne WordPressa seo_title i seo_description, widoczne dopiero po odsłonięciu panelu „Pola własne”. Pierwotny title strony głównej kończył się zbędnym separatorem, bo Divi łączyło nazwę witryny z pustym sloganem. Zasady, które zastosowaliśmy, opisuje nasza lista kontrolna title, description i nagłówków.
Co pozostaje otwarte
- Ukraińska strona główna nadal wypisuje polski title i dwa opisy z dwóch źródeł.
- Mobilny LCP i przesunięcia mapy na kontakcie wymagają osobnej pracy.
- Trzy fonty, około 250 kB, nadal obsługują niewielki zestaw ikon.
- Nie mamy danych łączących te prace ze wzrostem pozycji, ruchu lub liczby zapytań.
Cena warstw
Builder zamienia drobne zmiany w pracę nad szablonem, bazą i shortcode’ami. Przy kilku stronach informacyjnych pliki treści i gotowy HTML łatwiej porównywać, wersjonować i sprawdzać, a sygnały canonical i języka są tam prostsze w kontroli. Agentowe AI przesuwa ten rachunek dalej: odczytuje raport, znajduje kod, przygotowuje poprawkę i weryfikuje wynik w przeglądarce.
Tego serwisu nie migrowaliśmy; pracowaliśmy na istniejącej instalacji WordPressa. Wynik 91 nie jest maksimum, a sama obecność WordPressa go nie wyznacza.