DLA DEWELOPERÓW

Audyt z gotowym kodem, nie z listą problemów

SiteSpector analizuje Core Web Vitals, AI Readiness, architekturę i security, a potem generuje Execution Plan z gotowymi fragmentami HTML, CSS, JSON-LD czy nginx.conf. Kopiujesz do PRa — nie musisz tłumaczyć marketingowi, co znaczy „popraw CLS”.

Dashboard SiteSpector z perspektywy dewelopera — Core Web Vitals, Technical Health Index, Issue Severity
PROBLEMY

Znasz to? Audyty SEO nie rozmawiają językiem kodu

Typowe narzędzia SEO są napisane dla marketerów. Dostajesz raporty bez priorytetów, bez kontekstu technicznego, bez gotowych rozwiązań. A potem tłumaczysz PMowi, co znaczy „hydration error” albo „cumulative layout shift”.

SEO zgłasza błędy, ale bez kontekstu

Dostajesz listę „brakujących meta tagów” bez priorytetów i bez gotowego snippetu — i tak musisz kopać w Lighthouse i Search Console osobno.

AI Overviews to czarna skrzynka

Nikt w zespole nie wie, czy wasza dokumentacja API albo blog techniczny pojawia się w odpowiedziach AI. Nie wiecie, co optymalizować pod LLM-y.

Core Web Vitals to rolodex metryk

LCP, INP, CLS, TBT, Speed Index — wiesz, co to jest. Ale diagnostyka per-page i mapowanie na konkretny fragment layoutu zajmuje pół dnia.

Security i best practices rozproszone

Mixed content, CSP, HSTS, nagłówki — każdy skan z innego narzędzia, raport z każdego w innym formacie.

CORE WEB VITALS

Metryki, które da się naprawić w jednym spricie

Każda metryka CWV jest mapowana na konkretny element layoutu i konkretny plik. Nie dostajesz „popraw LCP” — dostajesz „element .hero-banner img jest twoim LCP, dodaj fetchpriority='high' i preload w app/layout.tsx”.

Moduł Technical Health — Lighthouse, Crawl Health, Technical Extras, Content, Security
LCP, INP, CLS — desktop i mobile, per-page, z identyfikacją konkretnego elementu blokującego
Opportunities i Diagnostics — co blokuje renderowanie, co opóźnia
Mapowanie regression → deployment — widzisz, kiedy metryki spadły (harmonogramy)
Real-user simulation — mobile first, slow 3G, CPU throttle 4x
Porównanie z branżą — benchmark z domenami w tej samej kategorii
AI READINESS

Przygotuj aplikację na erę wyszukiwania LLM

AI Readiness Score pokazuje, jak dobrze modele językowe rozumieją Twoją stronę. Structured data, semantic HTML, crawlability dla botów AI, monitoring AI Overviews. Jedyny moduł, który testuje zarówno Googlebota jak i GPT crawlera.

Moduł AI Readiness — Schema.org, semantic HTML, content extraction, AI Overviews presence

AI Readiness Score

AI Readiness Score — ocena czy strona jest parseable dla LLM (structured data, semantic HTML, tekst vs JS)
Rich Results — sprawdzenie Schema.org, czy Google renderuje rich results
Crawlability dla AI — robots.txt, JS-rendering, canonical
AI Overviews monitoring — czy wasza domena pojawia się w Google SGE
Content extraction test — czy LLM wyciąga kluczowe informacje ze strony
ARCHITEKTURA

Zobacz graf witryny tak jak widzi ją Googlebot

Moduł architektury wizualizuje strukturę serwisu jako graf: strony, linki wewnętrzne, głębokość crawla, orphan pages. Widzisz od razu, że /pricing jest 5 klików od homepage, a ważne case studies nie mają żadnych linków wewnętrznych.

Architektura serwisu — graf struktury, głębokość crawla, orphan pages

Graf witryny + crawl depth

Graf witryny — wizualizacja struktury i głębokości linków wewnętrznych
Orphan pages — podstrony bez linków przychodzących
Crawl depth — odległość od homepage do każdej strony
Link equity flow — którędy płynie link juice
Click depth anomalies — ważne strony schowane głęboko
SECURITY

Security headers, mixed content, CSP — wszystko w jednym audycie

Zamiast odpalać SSL Labs, securityheaders.com, Mozilla Observatory i jeszcze trzy inne narzędzia — wszystko masz w audycie technicznym. Z gotowymi fragmentami konfiguracji dla nginx, Apache albo middleware.ts.

Security Check

HTTPS i certyfikat — ważność, chain
Mixed content — zasoby HTTP na HTTPS
Nagłówki bezpieczeństwa — CSP, HSTS, X-Frame-Options, X-Content-Type-Options
Cookies — Secure, HttpOnly, SameSite
Subresource integrity (SRI) — hash verification dla zewnętrznych skryptów
EXECUTION PLAN

„Popraw meta tagi” → gotowy PR

Silnik AI dla każdego znalezionego problemu generuje konkretne zadanie z priorytetem, kontekstem i gotowym fragmentem kodu. Oznaczasz jako wykonane, dodajesz notatki, eksportujesz do Execution Plan w PDF albo do projektu w Jira.

Dodaj JSON-LD dla produktu

AI generuje gotowy blok JSON-LD zgodny ze Schema.org Product — kopiujesz do <head> i gotowe.

Popraw CLS w headerze

AI wskazuje konkretny element z layout shift, podaje CSS z reserved height i mówi, gdzie go wstawić.

Dodaj security headers

Fragment nginx.conf albo middleware.ts z poprawnymi CSP, HSTS i X-Frame-Options — gotowy do PR.

Zoptymalizuj LCP image

AI wskazuje, który obraz jest LCP elementem, podaje <link rel="preload"> i konwersję na WebP/AVIF.

AI CHAT

Pytaj AI w języku, w którym piszesz kod

Chat zna cały audyt i rozumie stack technologiczny Twojej strony. Zadajesz pytanie typu „jak zoptymalizować ten LCP w Next.js 14 z App Routerem”, a dostajesz konkretną odpowiedź — z importami, flagami eksperymentalnymi i referencją do dokumentacji.

Znajomość stack — Next.js, Nuxt, Laravel, WordPress, statyczne
Odpowiedzi z fragmentami kodu gotowymi do wklejenia
Linki do dokumentacji (MDN, Web.dev, oficjalne docsy frameworków)
Generowanie Action Cards — zadanie + kod jednym zdaniem
Export do markdown — do PRa, issue albo commitmessage
Per-audit historia — wracasz do rozmowy po deploy
CI / MONITORING

Harmonogramy = performance regression alerts

Ustaw audyt codziennie lub po każdym merge do main. Kiedy LCP spadnie o 15%, dostajesz e-mail z dokładnym diff — które strony regresowały, jakie nowe błędy się pojawiły, co było ostatnią znaną dobrą wartością.

Audyt jako część procesu release

Cron — codziennie, co tydzień, co miesiąc
Alerty e-mail przy regresji powyżej progu
Diff względem poprzedniego audytu
Historia wartości CWV per URL
Porównanie branch vs production (via URL)
Webhook / API (plan Enterprise)
STACK

Działa na tym, co budujesz

Frameworki JS

Next.js, Nuxt, Remix, Astro, Gatsby, React + Vite

Backend + Monolity

Laravel, Rails, Django, Symfony, .NET, Spring

Headless / Edge

WordPress Headless, Shopify Hydrogen, Cloudflare Workers, Vercel Edge

Statyczne

Hugo, Jekyll, 11ty, MkDocs, Docusaurus

CTA

Przetestuj SiteSpector na swojej aplikacji

50 kredytów na start (pełny audyt z Execution Plan). Bez karty kredytowej. Pierwszy PR z gotowym kodem otworzysz jeszcze przed lunchem.