Audyt strony WWW: kamilobstawski.com

Podsumowanie

Co poprawić – lista priorytetowa

Strona jest w bardzo dobrej kondycji technicznej: szybka, bezpieczna (HTTPS, nowoczesny TLS, kompresja) i dobrze ustawiona pod kątem SEO. Najważniejsza rzecz do poprawy to brak opisów alternatywnych (alt) przy wszystkich 6 obrazkach, co szkodzi dostępności i widoczności w Google Grafika. Poza tym warto uporządkować kilka drobiazgów w dostępności, nagłówkach bezpieczeństwa i wydajności na telefonach.

1. Priorytet: wysoki Nakład: 30 min · Wpływ: Lepsza dostępność i widoczność w Google Grafika

   Dodaj opisy alternatywne (alt) do wszystkich obrazków

   Wszystkie 6 obrazków na stronie głównej nie ma atrybutu alt. Osoby korzystające z czytników ekranu nie wiedzą, co przedstawiają, a Google nie może ich poprawnie zindeksować.

   Jak to zrobić: Dla każdego obrazka dodaj krótki, rzeczowy opis w atrybucie alt, np. alt="Kamil Obstawski przy pracy nad projektem". Jeśli obrazek jest czysto dekoracyjny, ustaw pusty alt="". Poproś developera o przejrzenie szablonów strony, bo to zwykle kwestia kilku linijek.

2. Priorytet: wysoki Nakład: 30 min - 1 h · Wpływ: Czytelność i dostępność, mniej osób rezygnuje ze strony

   Popraw kontrast kolorów tekstu

   Test dostępności wykrył 3 miejsca na stronie głównej, gdzie tekst jest zbyt słabo widoczny na tle. Utrudnia to czytanie osobom słabowidzącym, a także każdemu na telefonie w słońcu.

   Jak to zrobić: Poproś developera o sprawdzenie 3 elementów wskazanych w raporcie (reguła color-contrast) i przyciemnienie koloru tekstu lub rozjaśnienie tła. Wymagany stosunek kontrastu to co najmniej 4,5:1 dla zwykłego tekstu. Możesz to sprawdzić w darmowym narzędziu WebAIM Contrast Checker.

3. Priorytet: średni Nakład: 1-2 h · Wpływ: Szybsza i płynniejsza strona na telefonach

   Zmniejsz blokowanie strony przez skrypty na telefonach

   Na telefonie wynik wydajności to 84/100, a czas blokowania strony (TBT) wynosi 629 ms. Strona może przez chwilę wolniej reagować na dotyk, co zniechęca odwiedzających z urządzeń mobilnych.

   Jak to zrobić: Poproś developera o przejrzenie 4 skryptów ładowanych na stronie: te niekrytyczne oznaczyć atrybutem defer lub async albo ładować po wczytaniu strony. Dodatkowo warto zminifikować CSS i usunąć nieużywane reguły CSS, co według raportu oszczędzi ok. 20 KB i około 150 ms.

4. Priorytet: średni Nakład: 30 min · Wpływ: Lepsza dostępność całej witryny

   Dodaj znacznik main i uporządkuj strukturę stron

   Na stronie głównej, w blogu i w kontakcie brakuje głównego obszaru treści (znacznika main), a część treści leży poza wyznaczonymi sekcjami. Czytniki ekranu mają przez to trudniej z nawigacją po stronie.

   Jak to zrobić: Poproś developera, aby w szablonie głównym owinął główną treść w znacznik <main>, a nagłówek i stopkę w <header> i <footer>. Jedna zmiana w szablonie naprawi wszystkie podstrony naraz.

5. Priorytet: średni Nakład: 1-2 h, najlepiej z developerem · Wpływ: Wyższe bezpieczeństwo odwiedzających

   Dodaj nagłówek Content-Security-Policy

   Strona nie ma polityki CSP, która ogranicza, skąd mogą się ładować skrypty. Zmniejsza to ochronę przed wstrzyknięciem złośliwego kodu.

   Jak to zrobić: Strona jest za Cloudflare, więc nagłówek można dodać w panelu (Rules > Transform Rules > Modify Response Header) lub w konfiguracji serwera. Zacznij od trybu Content-Security-Policy-Report-Only, żeby nic nie zepsuć, a po sprawdzeniu przełącz na tryb wymuszający. Najlepiej zrobić to z developerem.

6. Priorytet: niski Nakład: 15 min · Wpływ: Drobna poprawa bezpieczeństwa

   Dodaj nagłówek Permissions-Policy

   Brak tego nagłówka oznacza, że przeglądarka nie dostaje jasnej informacji, z których funkcji (kamera, mikrofon, lokalizacja) strona nie korzysta. To drobna luka w zabezpieczeniach.

   Jak to zrobić: Dodaj nagłówek np. Permissions-Policy: camera=(), microphone=(), geolocation=() w ustawieniach Cloudflare (Transform Rules) lub serwera. Zajmuje to kilka minut i nie wpływa na wygląd strony.

7. Priorytet: niski Nakład: 1 h · Wpływ: Lepszy wygląd strony w wynikach Google

   Sprawdź dane strukturalne (schema.org)

   Wykryte dane strukturalne mają nieokreślony typ („unknown”), więc Google może ich nie wykorzystać do wyróżnienia strony w wynikach wyszukiwania.

   Jak to zrobić: Poproś developera o sprawdzenie strony w narzędziu Google Rich Results Test i dopasowanie typu, np. Person lub WebSite dla strony głównej oraz Article dla wpisów na blogu. Poprawne dane pomagają Google lepiej zrozumieć, kim jesteś.

8. Priorytet: niski Nakład: 10 min · Wpływ: Uniknięcie ostrzeżenia o niezabezpieczonej stronie

   Zaplanuj odnowienie certyfikatu SSL

   Certyfikat HTTPS wygasa za 60 dni. Zwykle odnawia się sam, ale jeśli automatyczne odnowienie zawiedzie, odwiedzający zobaczą ostrzeżenie o niebezpiecznej stronie.

   Jak to zrobić: Upewnij się, że odnawianie jest automatyczne (przy Cloudflare zwykle jest domyślnie). Ustaw sobie przypomnienie w kalendarzu na ok. 14 dni przed wygaśnięciem, żeby sprawdzić, czy certyfikat się odnowił.

Core Web Vitals (symulacja, telefon)

Największe możliwości przyspieszenia

• Minify CSS – oszczędność ok. 0.1 s
• Reduce unused CSS – oszczędność ok. 0.1 s

Bezpieczeństwo i konfiguracja

Nagłówki HTTP chroniące użytkowników strony:

SEO techniczne

Linki

Sprawdzono 13 linków ze strony głównej.

Nie znaleziono uszkodzonych linków.

Dostępność (WCAG 2.1 AA, axe-core)

https://kamilobstawski.com/pl/

https://kamilobstawski.com/pl/blog/

https://kamilobstawski.com/pl/kontakt/

Zrzuty ekranu