Studium przypadku · Webko

Klinika PINKOVA: przeniesienie strony kliniki z Tilda na Angular

Webko tworzy i utrzymuje stronę Klinika PINKOVA, kliniki kosmetologicznej w Wilnie: statyczną stronę w Angularze w czterech językach, która zastąpiła Tilda, aby obniżyć koszty, uprościć aktualizacje i dać pełną kontrolę nad SEO.

Projekt

Strona kliniki kosmetologicznej w Wilnie: lasery, lifting RF, modelowanie sylwetki, makijaż permanentny

Nasza rola

Wykonawca: migracja z Tilda, rozwój, SEO, wdrożenie i wsparcie

Zakres

Strona główna, 10 stron usług, strony kariery i prawne, strony podziękowań: 29 stron po litewsku, 26 z nich po rosyjsku, angielsku i niemiecku

Główny stos

Angular 22 ze statycznym prerenderingiem, TypeScript, SCSS; mały przekaźnik formularzy w PHP do Telegrama

Języki

Litewski, rosyjski, angielski, niemiecki

Status

Działa od 26 października 2026 pod adresem pinkova.lt

Odwiedź pinkova.lt →

Zadanie

Strona powstała w Tilda. Klinika płaciła co miesiąc za kreator, każda zmiana oznaczała pracę strona po stronie w edytorze wizualnym, a szczegóły SEO, takie jak hreflang, dane strukturalne, teksty alt obrazów i przekierowania, trudno było kontrolować i sprawdzać.

Nowa strona miała zachować wszystkie zaindeksowane adresy, wyglądać dla odwiedzających tak samo, wysyłać zapytania do grupy kliniki w Telegramie jak dotąd i mówić w czterech językach, bez serwera aplikacji.

Co budujemy

Ta sama strona na nowym fundamencie

Angular 22 z samodzielnymi komponentami, sygnałami i statycznym prerenderingiem. Każda strona staje się podczas buildu zwykłym HTML, więc serwis działa na zwykłym hostingu: bez abonamentu na kreator i bez serwera do utrzymania.

Treść w typowanych plikach

Każda strona to typowany plik treści dla każdego języka. Telefon, adres, godziny otwarcia i linki do mediów społecznościowych są w jednym miejscu, więc zmiana godzin to zmiana jednej linii, a nie każdej strony.

SEO wbudowane w build

Title, description, canonical, hreflang i JSON-LD (klinika, jej usługi i ceny odczytywane z tabel cen, serwis i każda strona) trafiają do prerenderowanego HTML razem z mapą witryny z hreflang. Build przerywa się przy braku tekstu alt obrazu, zepsutej parze językowej lub zbyt długim title.

Żaden adres nie zginął

Stare adresy stron Tilda i zduplikowane formy URL dostają przekierowanie 301, www prowadzi do głównej domeny jednym skokiem, a nowa mapa witryny została ponownie zgłoszona w Search Console, więc strony kliniki, które są już w Google, zachowują swoje miejsce.

Cztery języki odporne na automatyczne tłumaczenie

Litewski, rosyjski, angielski i niemiecki z przełącznikiem języka. Bloki tekstu układają się na nowo zamiast nakładać, bo automatyczne tłumaczenie przeglądarki wydłuża tekst o 10-35 procent; sprawdza to automatyczny test.

Zapytania do Telegrama, analityka po zgodzie

Formularze trafiają do małego endpointu PHP, który przekazuje zapytanie z załącznikami do grupy kliniki w Telegramie, z pułapką na spam i limitem żądań. Google Analytics i Meta Pixel ładują się dopiero po zgodzie na pliki cookie.

Lżejsze strony i proste wydania

Obrazy są serwowane jako WebP w rozmiarze wyświetlania, z 31 MB do 7 MB. Statyczny build jest wdrażany przez FTPS na istniejący hosting kliniki, a osobna kopia testowa nie jest indeksowana przez wyszukiwarki.

Serwis

Technologie

Front end

Angular 22 (samodzielne komponenty, sygnały, bez zone.js), SCSS, typowana treść stron dla każdego języka

Renderowanie i SEO

Statyczny prerendering, kontrole SEO i spójności przerywające build, audyt SEO wyniku, mapa witryny z hreflang

Strona serwerowa

Reguły przekierowań Apache, przekaźnik PHP do bota Telegram (załączniki, pułapka na spam, limit żądań)

Jakość

Vitest, angular-eslint, automatyczny test nakładania tekstu przy automatycznym tłumaczeniu przeglądarki, smoke test działającej strony

Hosting

Pliki statyczne przez FTPS na istniejący hosting; kopia testowa na osobnym hoście z noindex

Wynik

• Bez abonamentu na kreator — strona to zestaw plików statycznych na hostingu, który klinika już ma.
• Jedno miejsce na fakty — telefon, adres i godziny są zdefiniowane raz i używane na każdej stronie oraz w danych strukturalnych.
• Strony sprawdzone przed wdrożeniem — każdy build jest weryfikowany pod kątem SEO i spójności, zanim trafi na serwer.
• Obrazy z 31 MB do 7 MB — szybsze strony na łączach mobilnych; oryginalne JPEG zostają tylko dla podglądów w mediach społecznościowych.

Danych o ruchu i pozycjach jeszcze nie ma: strona ruszyła 26 października 2026. Fakty pochodzą z repozytorium projektu, stan na 30 października 2026.

Więcej przypadków

• PEV Deals — Sześciojęzyczny katalog promocji na pojazdy elektryczne: front w Angularze z prerenderingiem, panel administracyjny i API Spring Boot.
• Terasa28 — Serwis wynajmu apartamentu nad morzem z kontem gościa, kalendarzem rezerwacji i panelem do zatwierdzania zapytań.
• Intela — Komponenty Angulara wielokrotnego użytku, logika biznesowa modułów i strony raportów dla portalu do zarządzania podatkami w globalnej korporacji.

Wszystkie projekty