Pełne wyjaśnienie wszystkich zaleceń: co to jest, dlaczego warto to rozwiązać i jak to zrobić.
Witryna musi działać na HTTPS z ważnym certyfikatem.
Strona musi zwracać kod 200 i być niezawodnie dostępna.
Każda strona potrzebuje unikalnego, trafnego tytułu 50–60 znaków.
Krótki opis strony (120–158 znaków) pod tytułem w wynikach.
Słowa kluczowe w <meta name="keywords">. Google je ignoruje, Seznam.cz może je uwzględnić.
Dokładnie jeden H1 i logiczna hierarchia podnagłówków.
Obrazy potrzebują opisu alt, nowoczesnego formatu i kompresji.
Meta viewport zapewnia prawidłowe wyświetlanie na telefonie.
Atrybut lang na <html> określa język strony.
Mówi wyszukiwarkom, która wersja URL jest tą główną.
Steruje tym, co wyszukiwarki mogą indeksować i przeszukiwać.
Steruje wyglądem odnośnika udostępnianego na Facebooku, LinkedIn itp.
Podgląd odnośnika na platformie X (Twitter).
Maszynowo czytelne znaczniki odblokowujące rich results.
Szybkość to czynnik rankingowy oraz kluczowy element UX.
Działające odnośniki i sensowne linkowanie wewnętrzne.
Ikona witryny w karcie i w wynikach na telefonie.
Krótkie, czytelne i logiczne adresy ze słowami kluczowymi.
Wystarczająco obszerna, czytelna i unikalna treść.
Synchroniczny <script> blokuje renderowanie, odłóż go.
CSS i JS w nagłówku, które hamują pierwsze renderowanie.
Duży CSS w nagłówku opóźnia renderowanie.
Bez kompresji przesyłany jest niepotrzebnie duży wolumen danych.
Kompresja nie jest aktywna, włącz Gzip/Brotli.
Pliki statyczne powinny być przechowywane u odwiedzającego.
Obrazy poza ekranem wczytuj dopiero przy przewijaniu.
WebP i AVIF są o 25–50% mniejsze niż JPEG/PNG.
Czas, zanim serwer wyśle pierwszy bajt odpowiedzi.
Zbyt duża strona wczytuje się wolno.
Strona jest duża, odciąż ją.
Wiele plików = wiele żądań = wolniejszy start.
Połącz i zminifikuj style.
Duży JS opóźnia i obciąża procesor urządzenia.
Zbyt wiele elementów HTML spowalnia renderowanie.
Liczba elementów przekracza rozsądną granicę.
Dużo style="..." pogarsza cache i utrzymanie.
Wiele <script> bezpośrednio w HTML blokuje i nie da się cachować.
Bez wymiarów obrazu układ skacze (CLS).
Ważne zasoby można wczytać wcześniej przez rel="preload".
HTTP/2 i HTTP/3 są szybsze niż stare HTTP/1.1.
Nigdy nie blokuj użytkownikowi powiększania strony.
Tekst podstawowy co najmniej 16px, drobny minimalnie 12px.
Elementy klikalne muszą być czytelne i łatwe do trafienia.
Preferuj rem/em zamiast sztywnych px przy wielkościach czcionki.
Tekst musi mieć wystarczający kontrast (WCAG AA 4,5:1).
Obrazy muszą mieścić się na telefonie bez poziomego przewijania.
Lista URL dla wyszukiwarek, pomaga szybszej indeksacji.
Jak strona wygląda w wynikach Google.
Mówi Google, która wersja językowa należy do której grupy odbiorców.
Google ocenia przede wszystkim wersję mobilną (mobile-first).
HTTPS, nagłówki bezpieczeństwa i ochrona odwiedzających.
Krótkie łańcuchy 301, żadnych pętli.
Przegląd CMS, frameworków i bibliotek witryny.
Witryna użyteczna także dla osób z niepełnosprawnością.
Zgoda na cookies i ochrona danych osobowych.
Prawidłowe rekordy DNS i ważny certyfikat SSL.
Odnośniki prowadzące na 404 psują UX i przeszukiwanie.
Aby cytowały Cię ChatGPT, Gemini, Perplexity i inne.