Czym jest technical SEO i dlaczego wymaga wcześniejszego audytu
Techniczna optymalizacja strony koncentruje się na poprawie parametrów związanych z wydajnością oraz szybkością serwisu. Można ją przeprowadzić na dwa sposoby — bezpośrednio modyfikując kod źródłowy lub wykorzystując wtyczki do WordPressa. Po prawidłowej konfiguracji wtyczki pozwalają zlikwidować najbardziej uciążliwe błędy utrudniające działania SEO.
Zanim zaczniesz cokolwiek optymalizować, przeprowadź audyt SEO. Narzędzia takie jak PageSpeed Insights wskazują błędy, ale raport trzeba umieć zinterpretować. Poniżej znajdziesz wskazówki ułatwiające odczytanie takich raportów. Pamiętaj jednak, że zaawansowana optymalizacja techniczna często wymaga udziału webmastera — projektanta stron internetowych.
Szybkość ładowania a wyniki w PageSpeed Insights
Poprawa szybkości ładowania strony stanowi fundament technicznej optymalizacji. Sprawdzisz ją bezpłatnym narzędziem PageSpeed Insights od Google. Po wprowadzeniu adresu URL otrzymujesz wynik w skali 0–100 osobno dla wersji mobilnej i desktopowej.
Narzędzie nie ogranicza się do liczb — podpowiada dokładnie, co należy zmienić, aby strona ładowała się szybciej. Przykładowe zalecenia:
- zmiana rozmiaru obrazów;
- odroczenie ładowania obrazów poza widocznym obszarem;
- wyeliminowanie zasobów blokujących renderowanie;
- minimalizacja aktywności głównego wątku;
- unikanie łańcuchów żądań krytycznych.
Jeśli brzmi to zagadkowo, rozwiń poszczególne błędy w raporcie — znajdziesz krótkie wyjaśnienie sposobu naprawy. Większość poprawek wykonasz przy użyciu wtyczek do WordPressa. Często wystarczy jedno kliknięcie, aby usunąć nieużywany kod CSS lub zminimalizować pliki JS.
Na końcu raportu zobaczysz też punkty audytu, które twoja strona zaliczyła bez zastrzeżeń — to dobry punkt odniesienia przy dalszej optymalizacji.
Optymalizacja obrazków — kompresja, nazewnictwo i atrybuty
Wielkość plików graficznych bezpośrednio wpływa na czas ładowania strony. Publikowanie zdjęć w pełnej rozdzielczości obciąża serwer i spowalnia wyświetlanie treści. Bezstratna kompresja zmniejsza rozmiar pliku bez zauważalnej utraty jakości wizualnej. Kompresować możesz przed wysłaniem na serwer lub instalując wtyczkę, która wykona to automatycznie po dodaniu obrazka do biblioteki mediów.
Oprócz rozmiaru pliku zadbaj o poprawną nazwę — najlepiej zawierającą frazy, na które chcesz się pozycjonować. Uzupełnij także atrybut ALT, czyli tekst alternatywny. To opis zdjęcia wyświetlany przed jego pełnym załadowaniem, jednocześnie informacja dla robotów Google, co znajduje się na obrazku. Dobrze skonstruowany ALT poprawia dostępność strony i wspiera jej widoczność w wyszukiwarce grafiki.
Indeksowanie witryny — struktura, mapa i linkowanie
Ułatwienie indeksacji sprawia, że nowe podstrony pojawiają się w wynikach wyszukiwania, a treść w obrębie serwisu jest na bieżąco aktualizowana przez Google. Przejrzysta struktura strony to nie tylko logiczne menu nawigacyjne, ale także przemyślane linkowanie wewnętrzne, które pozwala robotom dotrzeć do każdej podstrony bez zbędnych kliknięć.
Stwórz mapę witryny (sitemap.xml) i dodaj ją do narzędzia Google Search Console. Mapa witryny to lista wszystkich URL-i, które chcesz zindeksować — dzięki temu Google sprawniej odkrywa nową lub zaktualizowaną treść.
Responsywność i wersja mobilna
Google od lat stosuje indeksowanie mobile-first — wersja mobilna strony stanowi podstawę oceny przez roboty. Jeśli strona wyświetla się nieprawidłowo na smartfonie (nachodzące elementy, zbyt mała czcionka, przyciski poza obszarem ekranu), algorytm obniża jej pozycję w wynikach wyszukiwania.
Sprawdź responsywność w narzędziu Mobile-Friendly Test od Google lub testuj stronę bezpośrednio na różnych urządzeniach. Zwróć uwagę na:
- rozmiar czcionki minimum 16 px dla tekstu głównego;
- odstępy między elementami klikalnymi minimum 48×48 pikseli;
- brak poziomego przewijania przy domyślnym zoomie;
- czas reakcji na dotknięcie poniżej 100 ms.
Responsywność nie dotyczy tylko wyglądu — wpływa także na wskaźniki Core Web Vitals, które Google uwzględnia przy rankingu stron.
Bezpieczeństwo — certyfikat SSL i protokół HTTPS
Protokół HTTPS (czyli połączenie szyfrowane przez certyfikat SSL) to standard bezpieczeństwa, którego wymaga Google. Strony działające na HTTP otrzymują etykietę „Niezabezpieczone” w przeglądarce, co zniechęca użytkowników do dalszego przeglądania i negatywnie wpływa na wskaźnik odrzuceń.
Certyfikat SSL możesz zamówić u dostawcy hostingu — większość firm oferuje go bezpłatnie w ramach pakietu. Po zainstalowaniu certyfikatu skonfiguruj przekierowanie 301 z HTTP na HTTPS, aby uniknąć duplikacji treści. Upewnij się również, że wszystkie zasoby (obrazki, skrypty, arkusze stylów) ładowane są przez HTTPS — mieszana zawartość (mixed content) wywołuje ostrzeżenia w przeglądarce i osłabia ranking.
Poprawne używanie nagłówków HTML
Nagłówki (H1, H2, H3 itd.) organizują treść i wskazują robotom Google hierarchię informacji. Na stronie powinien znajdować się dokładnie jeden nagłówek H1, zawierający główne słowo kluczowe. Nagłówki H2 dzielą artykuł na sekcje, H3 na podsekcje — zachowaj przy tym logiczny porządek (nigdy nie umieszczaj H3 bezpośrednio pod H1, pomijając H2).
Unikaj nadmiernego nasycenia nagłówków frazami — mają być one przede wszystkim czytelne dla użytkownika. Robot odczytuje kontekst całej sekcji, nie tylko samego tytułu. Sprawdź w narzędziach dla webmasterów, czy nie masz duplikujących się H1 na różnych podstronach — każda powinna mieć unikalny nagłówek główny.
Meta tagi — title i description
Tag title wyświetla się jako niebieski link w wynikach wyszukiwania i jako tytuł karty przeglądarki. Powinien zawierać główne słowo kluczowe możliwie blisko początku i mieścić się w limicie 60 znaków (około 600 pikseli), aby Google nie obcinał go w SERP.
Meta description to krótki opis podstrony widoczny pod tytułem w wynikach wyszukiwania. Chociaż nie wpływa bezpośrednio na ranking, dobrze sformułowany opis zwiększa współczynnik klikalności (CTR), co pośrednio wpływa na pozycję. Ogranicz description do 150–160 znaków i zawrzyj w nim konkretną korzyść lub pytanie, które zachęci do kliknięcia.
Pamiętaj, że każda podstrona powinna mieć unikalne title i description — duplikaty osłabiają profil SEO całej witryny.
Struktura URL — czytelność i słowa kluczowe
URL powinien być krótki, opisowy i zawierać główne słowo kluczowe. Unikaj długich ciągów liczb, znaków specjalnych i parametrów zapytania. Przykład dobrego URL: przykład.pl/optymalizacja-strony. Przykład złego URL: przykład.pl/index.php?id=12345&cat=abc.
Słowa w URL rozdzielaj myślnikiem (-), nie podkreślnikiem (_). Google traktuje myślnik jako separator wyrazów, podkreślnik scala je w jeden termin. Jeśli zmieniasz strukturę URL na istniejącej stronie, ustaw przekierowania 301 ze starych adresów na nowe — w przeciwnym razie utracisz wartość linków przychodzących i wprowadzisz użytkowników w błąd.
Plik robots.txt — kontrola dostępu robotów
Plik robots.txt umieszczony w katalogu głównym witryny określa, które obszary strony mogą indeksować roboty wyszukiwarek. Za jego pomocą blokujesz dostęp do stron technicznych (np. koszyk, logowanie, wewnętrzna wyszukiwarka), które nie powinny trafiać do wyników Google.
Podstawowa składnia:
User-agent: *— dotyczy wszystkich robotów;Disallow: /admin/— blokuje dostęp do katalogu /admin/;Allow: /— zezwala na indeksowanie wszystkiego poza zablokowanymi wyjątkami;Sitemap: https://przykład.pl/sitemap.xml— wskazuje lokalizację mapy witryny.
Przetestuj plik robots.txt w Google Search Console, aby upewnić się, że nie blokujesz przypadkiem podstron, które chcesz indeksować. Pamiętaj, że dyrektywa Disallow nie gwarantuje niewidoczności w wynikach wyszukiwania — jeśli chcesz całkowicie wykluczyć stronę z indeksu, użyj tagu noindex w sekcji <head>.
Usuwanie zduplikowanych treści — canonical i noindex
Duplikaty treści (duplicate content) rozmywają wartość SEO między wiele URL-i i dezorientują Google, który nie wie, którą wersję wyświetlić w wynikach. Najczęstsze przyczyny duplikacji:
- wersje HTTP i HTTPS tej samej strony;
- warianty z www i bez www;
- parametry sesji w URL (np.
?sessionid=xyz); - wersje drukowania i mobilne z osobnymi adresami;
- treści syndykowane publikowane na wielu domenach.
Tag canonical wskazuje Google, która wersja strony jest oryginalna:
<link rel="canonical" href="https://przykład.pl/oryginalna-strona/" />
Jeśli strona nie powinna w ogóle trafić do indeksu (np. wersja do druku, dziękczynienie po wysłaniu formularza), użyj tagu noindex:
<meta name="robots" content="noindex, follow" />
W przypadku WordPressa wtyczki SEO (np. Yoast, Rank Math) ustawiają canonical automatycznie — sprawdź jednak w kodzie źródłowym, czy wskazują właściwy URL.
Dane strukturalne — schema.org i rich snippets
Dane strukturalne to znaczniki w kodzie strony, które pomagają Google zrozumieć typ i kontekst treści. Poprawnie zaimplementowane schema.org mogą wygenerować rich snippets — rozszerzone wyniki w SERP z gwiazdkami opinii, zdjęciami produktów, zakresem cenowym czy informacjami o dostępności.
Najczęściej stosowane typy schema:
- Article — artykuły blogowe;
- Product — produkty w sklepach internetowych;
- LocalBusiness — dane kontaktowe firmy lokalnej;
- Event — wydarzenia, webinary, konferencje;
- FAQ — często zadawane pytania;
- BreadcrumbList — ścieżka nawigacji (breadcrumbs).
Wygeneruj kod schema przy pomocy narzędzi takich jak Google Structured Data Markup Helper lub wtyczek do WordPressa. Przetestuj poprawność w Google Rich Results Test — narzędzie wykryje błędy składniowe i podpowie, co należy poprawić.
Minimalizacja i łączenie plików CSS oraz JavaScript
Każdy plik CSS i JavaScript to osobne żądanie HTTP. Im więcej żądań, tym dłużej trwa renderowanie strony. Minimalizacja usuwa zbędne znaki (spacje, komentarze, znaki nowej linii) z kodu, zmniejszając rozmiar pliku. Łączenie scala wiele małych plików w jeden, redukując liczbę żądań.
W WordPressie wtyczki takie jak Autoptimize, WP Rocket lub W3 Total Cache automatyzują ten proces. Sprawdź jednak, czy po włączeniu optymalizacji strona wyświetla się poprawnie — nadmierne łączenie plików może zakłócić działanie niektórych skryptów (np. animacji, sliderów, formularzy).
Odrocz ładowanie JavaScriptu niewpływającego na pierwszą widoczną część strony (above the fold) przy pomocy atrybutu defer lub async. Ładowanie asynchroniczne pozwala przeglądarce kontynuować renderowanie HTML, zamiast czekać na pobranie skryptu.
Hosting i CDN — wpływ na czas odpowiedzi serwera
Szybkość serwera (TTFB — Time To First Byte) określa, jak szybko użytkownik otrzymuje pierwszy bajt danych po wysłaniu żądania. Dobry hosting zapewnia TTFB poniżej 200 ms. Jeśli czas odpowiedzi przekracza 600 ms, rozważ zmianę dostawcy lub upgrade planu hostingowego.
CDN (Content Delivery Network) to sieć serwerów rozmieszczonych na różnych kontynentach. Po włączeniu CDN statyczne zasoby (obrazki, CSS, JS) ładowane są z serwera geograficznie najbliższego użytkownikowi, co skraca czas ładowania — szczególnie dla odwiedzających spoza kraju, w którym fizycznie znajduje się Twój serwer.
Popularne usługi CDN to Cloudflare (plan darmowy dostępny), KeyCDN, Fastly. Większość wtyczek cache do WordPressa oferuje integrację z CDN — wystarczy podać adres strefy CDN w ustawieniach wtyczki.
Cache przeglądarki i serwera
Cache przeglądarki zapisuje na dysku użytkownika kopie statycznych zasobów (obrazki, CSS, JS). Przy ponownej wizycie przeglądarka wczytuje je z dysku zamiast pobierać z serwera, co przyspiesza ładowanie strony. Ustawienia cache definiujesz w pliku .htaccess (Apache) lub konfiguracji serwera (Nginx).
Przykład reguł dla .htaccess:
<IfModule mod_expires.c> ExpiresActive On ExpiresByType image/jpg "access plus 1 year" ExpiresByType image/jpeg "access plus 1 year" ExpiresByType image/png "access plus 1 year" ExpiresByType text/css "access plus 1 month" ExpiresByType application/javascript "access plus 1 month" </IfModule>
Cache serwera generuje statyczną wersję HTML dynamicznie tworzonej strony (np. w WordPressie każde otwarcie strony odpytuje bazę danych). Wtyczki takie jak WP Super Cache, W3 Total Cache lub LiteSpeed Cache tworzą statyczne kopie, które są serwowane użytkownikom bez obciążania bazy danych — czas generowania strony spada z kilku sekund do ułamka sekundy.
Pamiętaj o czyszczeniu cache po aktualizacji treści — w przeciwnym razie użytkownicy przez pewien czas widzą starą wersję strony.
Lazy loading obrazków i video
Lazy loading (leniwe ładowanie) polega na odroczeniu pobierania obrazków i filmów, które znajdują się poza widocznym obszarem ekranu. Zasoby ładują się dopiero, gdy użytkownik przewija stronę w ich kierunku.
W HTML5 wystarczy dodać atrybut loading="lazy" do tagu <img>:
<img src="obrazek.jpg" alt="Opis obrazka" loading="lazy" />
W WordPressie od wersji 5.5 lazy loading jest włączone domyślnie dla obrazków. Jeśli korzystasz ze starszej wersji lub chcesz rozszerzyć funkcję o filmy i iframe’y, zainstaluj wtyczkę Lazy Load by WP Rocket lub a3 Lazy Load.
Nie stosuj lazy loadingu do obrazków widocznych od razu po załadowaniu strony (above the fold) — opóźni to wyświetlenie najważniejszych elementów i pogorszy wskaźnik LCP (Largest Contentful Paint) w Core Web Vitals.
Optymalizacja bazy danych w WordPressie
Z czasem baza danych WordPressa gromadzi niepotrzebne dane: wersje robocze postów, usunięte komentarze, wygasłe opcje transient, dane zdeinstalowanych wtyczek. Powiększona baza spowalnia zapytania i wydłuża czas generowania strony.
Wtyczki takie jak WP-Optimize, Advanced Database Cleaner lub WP-Sweep pozwalają:
- usunąć wersje robocze i automatyczne zapisy;
- wyczyścić spam i usunięte komentarze;
- usunąć wygasłe opcje transient;
- zoptymalizować tabele bazy danych (defragmentacja).
Przed optymalizacją bazy danych wykonaj pełną kopię zapasową — błędne usunięcie danych może spowodować utratę treści lub ustawień. Automatyzuj czyszczenie, planując zadanie co tydzień lub co miesiąc w ustawieniach wtyczki.
Monitorowanie i narzędzia diagnostyczne
Techniczna optymalizacja to proces ciągły. Regularnie sprawdzaj wydajność strony przy pomocy narzędzi:
- Google Search Console — błędy indeksacji, problemy z mobilnością, wskaźniki Core Web Vitals;
- Google PageSpeed Insights — prędkość ładowania i szczegółowe zalecenia optymalizacyjne;
- GTmetrix — analiza waterfall (kolejność ładowania zasobów), ranking wydajności;
- WebPageTest — test z różnych lokalizacji geograficznych, szczegółowy podgląd metryk;
- Screaming Frog SEO Spider — crawler analizujący strukturę linków, nagłówki, canonical, meta tagi.
Śledź zmiany po każdej optymalizacji i porównuj wyniki. Jeśli po wdrożeniu jakiejś modyfikacji wynik się pogorszył, cofnij zmianę i przetestuj alternatywne rozwiązanie. Dokumentuj działania w arkuszu kalkulacyjnym — ułatwi to identyfikację przyczyn wzrostów lub spadków ruchu organicznego.