Jak zwiększyć widoczność producenta w Google, gdy strona ma trzech odbiorców: inwestora, wykonawcę i dystrybutora?
Takie wyzwanie rozwiązaliśmy dla Blach Pruszyński, które działają na rynku pokryć dachowych od ponad 40 lat. W ofercie producenta są blachodachówki modułowe i panelowe, panele dachowe na rąbek, blachy trapezowe, płyty warstwowe PIRTECH i WOOLTECH, konstrukcje stalowe, system rynnowy NIAGARA oraz akcesoria dachowe. Dla firmy zaprojektowaliśmy i zakodowaliśmy nową stronę pruszynski.com.pl: serwis, który przenosi całą ofertę w jedno uporządkowane miejsce i zwraca się do trzech różnych odbiorców: inwestora, wykonawcy i dystrybutora.
Po uruchomieniu zadbaliśmy o to, by nowa strona zwiększyła widoczność w Google na najważniejsze dla klienta frazy, a także spełniała wymagania PageSpeed i Core Web Vitals.
Projekt wykonała White Tiger, agencja tworząca strony WWW z Łodzi: od projektu UX i UI, przez kodowanie w WordPressie, po SEO techniczne i migrację. Poniżej opisujemy, jak wyglądała nowa strona producenta, jak zadbaliśmy o widoczność w Google i jakie efekty widać w Senuto.
Jak przenieść całą ofertę na nową stronę i wzmocnić widoczność w Google?
Producent potrzebował serwisu, który pokaże szeroką ofertę, odpowie na pytania inwestorów, da narzędzia wykonawcom i wesprze dystrybutorów, a przy tym wzmocni pozycje na kluczowe frazy, takie jak blachodachówka modułowa, panel na rąbek stojący czy rynny NIAGARA. Główne wyzwania:
Przeniesienie całej oferty: pokrycia dachowe, elewacje, blachy trapezowe, płyty warstwowe, konstrukcje stalowe, rynny i akcesoria, ze wzrostem widoczności na najważniejsze frazy
Trzy widoki serwisu: klient, wykonawca i dystrybutor, każdy z inną treścią, układem i kolejnością informacji
Poprawne adresy kanoniczne, żeby przełączanie widoków nie wpływało negatywnie na pozycje w Google
PageSpeed i Core Web Vitals na wymaganym poziomie mimo dużej liczby zdjęć realizacji i produktów
Co zrobiliśmy dla Pruszyńskiego?
UX i architektura informacji: uporządkowane menu, podział oferty na grupy produktowe i trzy ścieżki użytkownika
Projekt UI strony głównej z bannerem realizacji, kart produktów, Inspiracji, Warto wiedzieć i wyszukiwarki Gdzie kupić
Kodowanie responsywnego serwisu w WordPressie z wersjami językowymi
Rozbudowa sekcji produktowych, zwłaszcza systemu rynnowego NIAGARA
SEO i migracja: przeniesienie oferty, przekierowania, adresy kanoniczne dla trzech widoków i struktura treści pod frazy z Google
Optymalizacja szybkości pod kątem PageSpeed i Core Web Vitals
Jak zrobić jedną stronę dla inwestora, wykonawcy i dystrybutora?
Problem: „Na stronę trafiają inwestorzy, wykonawcy i dystrybutorzy, a każdy szuka czegoś innego”
Na samej górze strony znajduje się przełącznik „Przeglądaj stronę jako”. Jedno kliknięcie zmienia menu, treść pierwszego ekranu, układ sekcji i kolejność informacji. Inwestor widzi inspiracje i produkty, wykonawca szkolenia i materiały montażowe, dystrybutor program promocyjny, cenniki i zamówienia. Wszystko w jednym serwisie, który wyszukiwarki widzą jako jedną spójną witrynę.
Widok klienta: od inspiracji do wyboru dachu
Inwestor indywidualny szuka odpowiedzi na pytania w rodzaju „jaka blachodachówka będzie najlepsza na mój dom” albo „blachodachówka czy dachówka”. Dlatego w widoku klienta na pierwszym planie są realizacje, produkty i miejsce zakupu. Menu prowadzi do oferty, Inspiracji, Warto wiedzieć, plików do pobrania i wyszukiwarki Gdzie kupić. Oferta jest pogrupowana: pokrycia dachowe (blachodachówka modułowa-panelowa, panele na rąbek, Panel TP26 SUPER, Panele Karo), elewacje, blachy trapezowe, płyty warstwowe PIRTECH i WOOLTECH, konstrukcje stalowe, rynny NIAGARA i akcesoria.
Widok wykonawcy: szkolenia, Akademia Rzemiosła i materiały do montażu
Dla wykonawców pierwszy ekran zapowiada szkolenia: z terminem, miejscem, informacją o płatności i zapisami, na przykład Akademię Rzemiosła Blachy Pruszyński z panelem na rąbek. Menu dostaje zakładki Szkolenia i Program promocyjny, a w pasku nad nagłówkiem pojawiają się System ISOD i zamówienia on-line. Wykonawca znajdzie też instrukcje montażu, deklaracje, certyfikaty i poradnik wykonawcy, czyli to, czego potrzebuje na dachu i przy rozmowie z inwestorem.
Widok dystrybutora: program promocyjny, cenniki i zamówienia
Dystrybutor widzi program promocyjny z aktualnymi newsami i listą popularnych produktów w programie, a w górnym pasku cenniki, System ISOD i zamówienia on-line. Na stronie głównej jest też przycisk do pobrania najnowszych cenników. Układ jest bardziej operacyjny niż w widoku klienta: mniej inspiracji, więcej informacji potrzebnych do codziennej sprzedaży.
Baner główny: realizacje, które od razu pokazują konkretne produkty
Pierwszy ekran to baner ze zdjęciami realizacji: hali, obiektów publicznych i domów jednorodzinnych. Na zdjęciach są żółte znaczniki przypisane do konkretnych produktów, a obok widać kartę polecanego produktu z przyciskiem „Zobacz produkt”. Na bannerze widać, jak wygląda gotowy dach lub elewacja i jakie rozwiązanie za nim stoi. Baner ma sześć slajdów, a ich tematy zmieniają się zależnie od wybranego widoku.
Karta produktu: opis, powłoki, wentylacja i pliki do pobrania
Karta produktu, na przykład nowej blachodachówki modułowej Verona, zbiera w jednym miejscu opis, dostępne powłoki i kolory, informacje o wentylacji oraz specyfikację techniczną: szerokość użytkową, wysokość profilu czy minimalny kąt nachylenia połaci. Przyciski „Gdzie kupić?” i „Pobierz kartę produktu” prowadzą do dalszego kroku, a pliki do pobrania obejmują deklaracje właściwości użytkowych, certyfikaty i instrukcje montażu.
NIAGARA: produkty z gamy jako część dużego systemu rynnowego
System rynnowy NIAGARA ma własną sekcję. Strona produktu pokazuje, że rynna okrągła w poliuretanie, wersja stalowa czy kwadratowa to elementy jednego systemu: rynny, złączki, denka, narożniki i akcesoria. Zakładki Opis, Komponenty, Kolory i Konfiguracje prowadzą od wyboru wariantu do pełnej listy elementów, a konfigurator pomaga zestawić komplet bez ryzyka pominięcia części. Użytkownik widzi, jakie rynny wybrać i co jeszcze będzie potrzebne.
Inspiracje: realizacje z listą użytych produktów
Sekcja Inspiracje to galeria realizacji z filtrami typu obiektu: dom jednorodzinny, wielorodzinny, parterowy, piętrowy czy inwestycje komercyjne, oraz wyszukiwarką po nazwie produktu. Każda realizacja ma własną stronę z informacjami o projekcie (kategoria, zastosowany produkt, ilość materiału, czas realizacji, lokalizacja) i listą produktów, które można od razu otworzyć. Dla inwestora to źródło pomysłów, dla wykonawcy i dystrybutora argument w rozmowie z klientem.
Warto wiedzieć: poradniki dla inwestora, wykonawcy i dystrybutora
Sekcja Warto wiedzieć dzieli wiedzę na Poradnik inwestora, Poradnik wykonawcy i Poradnik dystrybutora, a obok działa Akademia Rzemiosła z filmami o montażu poszczególnych systemów oraz FAQ. Znajdziemy tu artykuły odpowiadające na realne pytania z wyszukiwarki, na przykład o cenę blachodachówki, blachy trapezowej i paneli na rąbek za m² w 2026 roku, o kąt nachylenia dachu, wybór systemu orynnowania czy formalności przed budową. Zależnie od widoku zmienia się wygląd i treść przeznaczona dla danej grupy.
Jak producent może pokazać na stronie, gdzie kupić jego produkty?
Problem: „Klienci nie wiedzą, gdzie kupić nasze produkty”
Z wyszukiwarką „Gdzie kupić” użytkownik wpisuje lokalizację i dostaje mapę oraz listę autoryzowanych dystrybutorów, oddziałów i oddziałów zagranicznych. Filtry pozwalają wybrać województwo, zakup z montażem albo dostępność magazynu z możliwością zakupu na miejscu. Karta punktu zawiera adres, telefon, link do strony i „Jak dojechać?”. Na telefonie widok przełącza się między mapą a listą.
Wersja mobilna: ten sam serwis, każdy z trzech widoków
Na smartfonie przełącznik widoków, menu i wyszukiwarka są w nagłówku, a strony produktów, rynien NIAGARA, Inspiracji, Warto wiedzieć i Gdzie kupić zachowują pełną treść. Wyszukiwarka dystrybutorów przełącza się między mapą a listą, a karty produktów i realizacji układają się w jedną kolumnę.
Dlaczego po zmianie strony spada ruch z Google?
Problem: „Po zmianie strony spadł ruch z Google”
Najczęściej dlatego, że stare adresy produktów i kategorii nie prowadzą do nowych. Dlatego przed wdrożeniem przygotowaliśmy mapę migracji oferty: zestawienie adresów produktów, kategorii i poradników wraz z przekierowaniami, tak aby fraza taka jak „blachodachówka modułowa”, „panel na rąbek stojący” czy „rynny NIAGARA” nadal prowadziła do właściwej strony. Zachowaliśmy też strukturę treści odpowiadających na pytania użytkowników, w tym artykuły o cenach, doborze pokrycia i montażu. Pytania i odpowiedzi w sekcji Warto wiedzieć oraz w FAQ piszemy tak, jak pytają użytkownicy wyszukiwarki i asystentów AI, dlatego łatwo je zacytować w odpowiedzi.
Przełączanie widoków klient, wykonawca i dystrybutor jest dla wyszukiwarki szczególnie wrażliwe, bo ta sama podstrona może wyglądać inaczej. Dlatego każda podstrona ma jeden adres kanoniczny, a widoki nie tworzą konkurujących ze sobą duplikatów. Personalizacja widoków nie obniża więc widoczności w Google.
Jak przyspieszyć stronę z dużą liczbą zdjęć? PageSpeed i Core Web Vitals
Problem: „Strona wolno działa, bo ma dużo zdjęć”
Serwis jest pełen fotografii realizacji i produktów, więc szybkość była osobnym zadaniem projektu. Cel: osiągnąć wymagane progi w PageSpeed Insights i raporcie Core Web Vitals, czyli dobre wartości LCP (czas wyświetlenia największego elementu), INP (reakcja na kliknięcie) i CLS (stabilność układu). Wskaźniki mierzymy na stronie głównej, kartach produktów i podstronach z mapą, bo to one są najcięższe.
/ Efekty SEO /
Ile fraz w Google zyskała nowa strona Pruszyńskiego?
Problem: „Mam mało wyświetleń w Google na frazy produktowe”
Wykres widoczności z Senuto dla pruszynski.com.pl: liczba fraz, na które serwis jest w Google w TOP 3 i TOP 10. Nową stronę uruchomiliśmy w sierpniu 2023 roku.
/ Osiągnięte efekty /
Efekt końcowy
Nowa strona Pruszyńskiego pokazuje całą ofertę producenta trzem grupom odbiorców: klient znajduje inspirację i produkt, wykonawca szkolenia i materiały, dystrybutor program i cenniki. Baner z realizacjami pokazuje konkretne produkty od pierwszego ekranu, system NIAGARA jest częścią czytelnej sekcji rynnowej, a wyszukiwarka Gdzie kupić prowadzi do najbliższego punktu sprzedaży. Wynik osiągnęła sama strona, dzięki dobrze przygotowanemu SEO technicznemu, bez osobnych działań pozycjonujących. W TOP 3 Google mamy dziś 1718 fraz (przed nową stroną: 538), a w TOP 10 aż 3897 (przed uruchomieniem: 1466). Całość działa na jednym zestawie adresów kanonicznych.
Nowa strona producenta, SEO techniczne i widoczność w AI – pytania i odpowiedzi
Ile kosztuje nowa strona internetowa dla firmy produkcyjnej?
Koszt zależy od zakresu: liczby produktów i kategorii, liczby widoków i wersji językowych, integracji oraz tego, czy migrujemy istniejącą ofertę i pozycje w Google. W projekcie Pruszyński zakres obejmował trzy widoki serwisu, siedem wersji językowych, sekcje produktowe i wyszukiwarkę punktów sprzedaży. Wycenę przygotowujemy po krótkiej rozmowie o potrzebach firmy.
Jaka agencja zrobi stronę producenta z dobrym SEO technicznym?
Warto sprawdzić, czy agencja potrafi przeprowadzić migrację tak, by widoczność rosła, czy buduje stronę z myślą o SEO technicznym (adresy, przekierowania, canonicale, szybkość, struktura treści) oraz czy mierzy efekty konkretnymi wskaźnikami, np. liczbą fraz w TOP 3 i TOP 10 w Senuto lub w Google Search Console. W tym case study widać takie liczby: frazy w TOP 3 wzrosły z 538 do 1718, a w TOP 10 z 1466 do 3897.
Czym jest SEO techniczne i od czego zacząć przy nowej stronie?
SEO techniczne to przygotowanie strony tak, by wyszukiwarki mogły ją łatwo zrozumieć: poprawne adresy i przekierowania, adresy kanoniczne, szybkość ładowania, struktura nagłówków i treści odpowiadające na pytania użytkowników. Zaczynamy od mapy migracji i kontroli canonicali, a po wdrożeniu mierzymy widoczność na kluczowych frazach.
Czy nowa strona powinna być przygotowana też pod widoczność w AI (ChatGPT, Google AI)?
Tak, bo użytkownicy zadają te same pytania także asystentom AI. Pomagają w tym treści pisane jako konkretne odpowiedzi, sekcje FAQ z danymi strukturalnymi, jasne liczby i opis zakresu prac. Taką formę mają FAQ oraz sekcja Warto wiedzieć w projekcie Pruszyński.
Jak zmierzyć efekty nowej strony w Google?
Najprościej liczyć frazy, na które strona jest w TOP 3 i TOP 10, w narzędziu takim jak Senuto, oraz obserwować kliknięcia i wyświetlenia w Google Search Console. W tym projekcie oba wskaźniki rosły po uruchomieniu nowej witryny w sierpniu 2023 roku.
Agencja tworząca strony WWW z Łodzi – czy realizujecie wdrożenia dla firm spoza Łodzi?
White Tiger to agencja digital z Łodzi. Pruszyński jest przykładem projektu dla producenta z siecią dystrybutorów w całej Polsce i za granicą, z wersjami językowymi i trzema widokami serwisu.
Jak przenieść ofertę producenta na nową stronę i zwiększyć widoczność w Google?
Trzeba zacząć od mapy migracji: zestawienia starych i nowych adresów produktów, kategorii i artykułów oraz przekierowań. W projekcie Pruszyński uzupełniliśmy to o zachowanie treści odpowiadających na pytania użytkowników i o kontrolę adresów kanonicznych. Kluczowe frazy, takie jak blachodachówka modułowa czy panel na rąbek stojący, prowadzą do właściwych stron. W projekcie Pruszyński liczba fraz w TOP 3 wzrosła z 538 do 1718, a w TOP 10 z 1466 do 3897.
Czy strona z widokami dla klienta, wykonawcy i dystrybutora szkodzi SEO?
Nie, jeśli każda podstrona ma jeden adres kanoniczny, a widoki nie tworzą osobnych, konkurujących duplikatów. Wyszukiwarka widzi jedną spójną witrynę, a użytkownik po przełączeniu widoku dostaje inne menu, inną treść pierwszego ekranu i inną kolejność informacji.
Jak zaprojektować stronę producenta, który sprzedaje przez dystrybutorów?
Strona powinna prowadzić od inspiracji i karty produktu do wyszukiwarki punktów sprzedaży. Dla dystrybutorów dodajemy osobny widok z programem promocyjnym, cennikami i zamówieniami, a dla wykonawców szkolenia i instrukcje montażu.
Co powinna zawierać karta produktu pokrycia dachowego?
Opis, dostępne powłoki i kolory, informacje o wentylacji, specyfikację techniczną (m.in. szerokość użytkową, wysokość profilu i minimalny kąt nachylenia) oraz pliki do pobrania: deklaracje, certyfikaty i instrukcje montażu. Do tego przyciski „Gdzie kupić?” i „Pobierz kartę produktu”.
Jak pokazać system rynnowy, w którym produkty tworzą jeden zestaw?
Dobrym rozwiązaniem jest osobna sekcja systemu z podziałem na warianty (rynny okrągłe, stalowe, kwadratowe), zakładkami opisu, komponentów, kolorów i konfiguracji oraz konfiguratorem elementów. Użytkownik widzi wtedy cały komplet, a nie pojedyncze części.
Jak powinna działać wyszukiwarka „gdzie kupić” dla producenta?
Powinna pozwalać wpisać lokalizację, pokazać wyniki na mapie i na liście oraz filtrować punkty według typu (dystrybutor, oddział), regionu, możliwości zakupu z montażem i dostępności magazynu. Karta punktu musi zawierać adres, telefon, stronę internetową i dojazd.
Jak połączyć treści dla inwestorów, wykonawców i dystrybutorów w sekcji Warto wiedzieć?
Wiedza powinna być podzielona na poradniki dla poszczególnych grup oraz materiały wideo, a artykuły odpowiadać na pytania z wyszukiwarki, na przykład o ceny za m², kąt nachylenia dachu czy wybór systemu orynnowania. Zależnie od widoku zmienia się kolejność i prezentacja treści.
Jak sprawdzić, czy strona spełnia wymagania PageSpeed i Core Web Vitals?
Wystarczy zmierzyć wskaźniki LCP, INP i CLS w PageSpeed Insights oraz w raporcie Core Web Vitals w Google Search Console, osobno dla komputerów i telefonów oraz dla najcięższych typów stron: strony głównej, karty produktu i mapy.
Po zmianie strony spadł ruch z Google. Co zrobić?
Sprawdzić, czy stare adresy prowadzą przekierowaniami do nowych, czy podstrony mają poprawne adresy kanoniczne i czy zostały treści odpowiadające na pytania użytkowników. U Pruszyńskiego zrobiliśmy to przed startem, a po uruchomieniu nowej strony liczba fraz w TOP 3 wzrosła z 538 do 1718.
Moja strona wolno działa, bo ma dużo zdjęć. Co z tym zrobić?
Zmierzyć LCP, INP i CLS w PageSpeed Insights osobno dla najcięższych typów stron i optymalizować je pod te wskaźniki. Tak pracowaliśmy przy stronie Pruszyńskiego: na stronie głównej, kartach produktów i podstronach z mapą.
Masz podobne wyzwanie?
Opowiedz nam o swoim projekcie. Na pierwszej rozmowie powiemy, co widzimy i od czego zaczęlibyśmy.
Porozmawiajmy o Twoim projekcie
Zimny Auto – nowa platforma z ulepszonym doświadczeniem wyszukiwania samochodów
Nowa platforma z zaawansowaną wyszukiwarką samochodów, zintegrowaną z systemami dostępności pojazdów.
Zobacz case studyStrona, która mówi do kilku grup odbiorców
Podobne podejście, czyli duży katalog, jasna ścieżka do zakupu i wsparcie sprzedaży przez sieć partnerów, zastosowaliśmy w projekcie Cedrus. Zobacz, jak wygląda ten serwis.
Pozostałe case’y
Zawsze stawiamy naszych klientów na pierwszym miejscu, aby dostarczać nasze najlepsze produkty za każdym razem. Poniżej znajdują się niektóre z naszych najbardziej dumnych prac.
Cedrus – nowa strona marki sprzętu ogrodniczego, SEO i performance marketing
Case study Cedrus: katalog 698 maszyn, wyszukiwarka ponad 450 sklepów partnerskich, integracja z Comarch XL oraz SEO i performance marketing.
Zimny Auto – nowa platforma z ulepszonym doświadczeniem wyszukiwania samochodów
Case study Zimny Auto: nowa strona dealera Škoda, SEAT, Cupra i Volkswagen z wyszukiwarką samochodów, filtrami i aktualną ofertą z systemów zewnętrznych.
Nasze projekty
Tutaj info o projektach na mniejszą skalę.
Masz gotowy brief? Wyślij go do nas!
Dzięki temu lepiej zrozumiemy Twoje potrzeby, cele i oczekiwania, co pozwoli nam idealnie przygotować się do pierwszego kontaktu.
Nie czekaj! Napisz, zadzwoń lub po prostu daj nam znać, że jesteś zainteresowany współpracą – odpowiadamy szybko i z pełnym zaangażowaniem. Razem osiągniemy więcej!
Skontaktuj się z nami już teraz, aby omówić szczegóły naszej oferty!
Wypełnij formularz