· Szymon Berski · Portfolio  · 1 min czytania

Strona agencji SEO

Wizytówka dla freelancera SEO zajmującego się poprawą widoczności online i generowaniem ruchu organicznego dla firm.

Wizytówka dla freelancera SEO zajmującego się poprawą widoczności online i generowaniem ruchu organicznego dla firm.

Freelancer oferuje kompleksowy zakres usług SEO, w tym optymalizację techniczną, dopracowanie treści i strategiczne budowanie linków. Audyty SEO są podkreślane jako kluczowe dla poprawy wydajności strony i zwiększenia sprzedaży. Freelancer specjalizuje się również w lokalnym SEO, pomagając firmom dotrzeć do klientów w ich okolicy.

Strona agencji SEO uper.pl

Stos technologiczny

Strona została zbudowana na nowoczesnym, statycznym stacku, który realnie wspiera pozycjonowanie — bo to, co klient sprzedaje (SEO), musi być widać także w jego własnej stronie:

Astro

Framework generujący statyczny HTML z minimalną ilością JavaScriptu — przekłada się na wyniki 95–100 pkt w PageSpeed Insights.

Vue 3

Komponenty interaktywne (rozwijane sekcje, filtry) hydratyzowane tylko tam, gdzie są potrzebne — wzorzec "islands architecture".

TypeScript

Statyczne typowanie na całej warstwie aplikacyjnej — redukuje klasy błędów runtime.

UnoCSS

Silnik CSS on-demand (kompatybilny z Tailwindem), generujący wyłącznie używane klasy.

Markdown + MDX

Blog oparty na plikach, bez bazy danych — treść wersjonowana w gicie obok kodu.

PWA

Manifest i service worker, instalowalność na urządzeniach mobilnych.

Zakres prac

  • Projekt i implementacja strony wizytówkowej z blogiem i portfolio realizacji.
  • Konfiguracja schematów danych strukturalnych (Organization, Service, BreadcrumbList, FAQPage) pod rich snippets w Google.
  • Wdrożenie poprawnego hreflang oraz kanoniku dla przyszłej wersji wielojęzycznej.
  • Optymalizacja obrazów (WebP/AVIF, lazy loading, aspectRatio eliminujący CLS).
  • Integracja formularza kontaktowego oraz analityki GA4.
  • Deploy w modelu ciągłym (CI/CD) — każdy merge do main automatycznie publikuje nową wersję.

Efekty

  • Core Web Vitals w zielonych wartościach (LCP < 1,5 s, CLS < 0,01) na urządzeniach mobilnych.
  • Czas pełnego ładowania strony poniżej 1 sekundy przy typowym łączu 4G.
  • Zero kosztu hostingu po stronie klienta (strona statyczna wdrożona na CDN).
  • Łatwość rozbudowy treści — klient samodzielnie dodaje wpisy blogowe w Markdownie przez panel Git-based.
Powrót do portfolio

Powiązane wpisy

Czytaj więcej
Instrukcja obsługi VW Polo 6R

Instrukcja obsługi VW Polo 6R

Wirtualna instrukcja obsługi VW Polo 6R jako PWA. Ciemny motyw i wyszukiwarka zapewniają łatwy dostęp do kluczowych informacji o pojeździe.

Katalog czesci i akcesoriow

Katalog czesci i akcesoriow

Katalog części OEM do VW Polo 6R oparty na headless CMS. Frontend Astro SSG, Vue 3, backend Laravel REST API, panel Filament, tłumaczenia DeepL i opisy AI.

Spoko Design System

Spoko Design System

Open source'owy Design System oparty na Astro z komponentami Vue 3 i stylami UnoCSS. Opublikowany jako pakiet npm z dokumentacją i biblioteką komponentów.