· Szymon Berski · Portfolio · 2 min czytania
Uper SEO Auditor
Plugin Chrome dla specjalistów SEO i deweloperów. Oferuje debugowanie Web Vitals, Schema.org, GTM i błędów JS w czasie rzeczywistym bezpośrednio w Side Panelu przeglądarki.
Profesjonalne narzędzie SEO dla deweloperów
Plugin Chrome do kompleksowej analizy SEO bezpośrednio w Side Panelu przeglądarki. Uper wypełnia lukę między prostymi czytnikami meta-tagów a ciężkimi crawlerami, oferując debugowanie w czasie rzeczywistym dla nowoczesnych aplikacji SPA. Narzędzie stworzone przez Senior Software Engineera z wieloletnim doświadczeniem w audytach technicznych i optymalizacji frontendowej.
Główne funkcje
Web Vitals z obsługą SPA
Ciągły monitoring LCP, CLS i INP z natywną obsługą Soft Navigations. Plugin poprawnie zbiera metryki w aplikacjach React, Next.js i Vue, gdzie tradycyjne narzędzia mierzą wydajność tylko przy twardym przeładowaniu strony. Natychmiastowa informacja o pogorszeniu metryk bez uruchamiania Lighthouse.
Debugowanie Google Services i DataLayer
Weryfikacja zdarzeń Google Tag Manager, statusu Consent Mode i wykrywanie blokad przez CSP lub Ad-blockery “w locie”. DataLayer Inspector pokazuje wszystkie zdarzenia wypychane do warstwy danych przy każdej interakcji użytkownika. Eliminuje potrzebę uruchamiania ciężkich trybów debugowania GTM.
Design System i Tech Stack Detection
Automatyczna ekstrakcja kolorów z opcją eksportu do Tailwind, UnoCSS czy zmiennych CSS. Precyzyjna identyfikacja frameworków (Vue.js, React, Next.js), systemów UI (Bootstrap, Tailwind), infrastruktury CDN i narzędzi analitycznych. Szczegółowy wykaz fontów, ich wag i źródeł ładowania.
Analiza treści i Meta Tagów
Realistyczny podgląd SERP z walidacją długości tytułów i opisów. Analiza hierarchii nagłówków (H1-H6) oraz statystyki gęstości słów kluczowych (single words, bigrams, trigrams). Wsparcie AI do optymalizacji treści bezpośrednio w Side Panelu.
Sitemap Analyzer
Wbudowany crawler do masowego audytu setek URL-i z mapy strony w kilka sekund. Plugin automatycznie wykrywa sitemap.xml i pozwala na weryfikację statusów HTTP, meta-tagów i czasu odpowiedzi. Eksport wyników do CSV dla dalszej analizy lub raportowania.
Schema.org i Structured Data
Walidacja JSON-LD, Microdata i RDFa z wbudowaną bazą definicji Schema.org. Wykrywanie błędów strukturalnych i brakujących właściwości wymaganych przez Google Rich Results. Podgląd renderowania w Search Console.
Side Panel jako centrum operacyjne
Natywny Chrome Side Panel umożliwia pracę bez przełączania kontekstu. Możliwość swobodnej nawigacji po witrynie, testowania ścieżek zakupowych i formularzy z podglądem metryk w czasie rzeczywistym. Eksport raportów do PDF jednym klikiem.
Wykorzystane technologie
Vanilla JavaScript
Czysty JavaScript z ES modules, bez frameworków. Zapewnia małe rozmiary pluginu, szybkie ładowanie i pełną kontrolę nad wydajnością.
Chrome Extension Manifest V3
Najnowsza wersja Chrome Extension API z Service Workers i ulepszonymi mechanizmami bezpieczeństwa. Side Panel API dla lepszego UX.
Native Browser APIs
PerformanceObserver dla Web Vitals, MutationObserver dla śledzenia zmian DOM, IntersectionObserver. Własna implementacja bez zewnętrznych zależności.
Custom CSS Architecture
Modularny system CSS z variables, komponentami i utilities. Optymalizowany przez PurgeCSS dla minimalnego rozmiaru bundla.
Schema.org Validation
Wbudowana baza definicji Schema.org do walidacji JSON-LD, Microdata i RDFa. Automatyczne aktualizacje z oficjalnych źródeł.
Build Automation
Node.js scripts do automatyzacji budowania, wersjonowania i optymalizacji. Archiver do pakowania, PurgeCSS do optymalizacji CSS.
Plugin jest regularnie aktualizowany o nowe funkcje i dostępny za darmo w Chrome Web Store.
