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

Diagram przesunięcia układu nagłówka przed i po poprawce oraz metadanych.

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.

Raport PageSpeed Insights dla desktopu: wydajność 92, SEO 100. Raport PageSpeed Insights dla mobile: wydajność 68, SEO 100.

Skąd brały się przesunięcia

Wszystkie 15 raportowanych przesunięć dotyczyło nawigacji. Mechanizm był konkretny:

  • po window.load Divi dodawało odstęp nagłówka zależny od szerokości logo;
  • transition: all animował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.