Klient wchodzi na stronę główną z Google — i widzi „Witamy”, karuzelę pięciu zdjęć oraz menu z dwunastoma pozycjami. Po pięciu sekundach nie wie, czy to hydraulik, sklep, czy blog o ogrodach. Wraca do wyników wyszukiwania. Ty widzisz w statystykach 80% odrzuceń i myślisz, że SEO nie działa. 🚪
Problem często nie leży w pozycji — leży w pierwszym ekranie: tym, co widać bez scrolla. Ten wpis to checklista dla właściciela firmy i sklepu: co musi tam być, czego unikać i jak ocenić projekt od agencji, zanim klikniesz „akceptuję”.
👁️ Pierwszy ekran — o co chodzi?
Above the fold to stary termin z gazet — górna połowa frontu, którą czytelnik widzi najpierw. Na stronie www to pierwszy ekran na telefonie lub laptopie przed scrollowaniem.
Pytanie użytkownika w 3–5 sekund:
- Czy jestem we właściwym miejscu?
- Czy oni robią to, czego szukam?
- Co mam zrobić dalej?
Jeśli brak odpowiedzi na któreś z pytań — konkurencja jest jednym kciukiem dalej.
✅ Elementy obowiązkowe — strona usługowa
1. Nagłówek H1 — konkret, nie „Witamy”
| ❌ Słabo | ✅ Lepiej |
|---|---|
| Witamy na stronie firmy Klima-Tech | Montaż i serwis klimatyzacji — Kraków i okolice |
| Kompleksowa obsługa klienta | Wymiana okien PVC — pomiar i wycena gratis |
| Profesjonalizm od 1998 | Instalacje fotowoltaiczne dla domów i firm |
H1 to obietnica, nie logo powtórzone po raz drugi. Możesz odświeżyć sformułowania przy redesignie — ale intencja i słowa kluczowe zostają.
2. Podtytuł — jedno zdanie „dlaczego Ty”
Pod H1: co zyskuję albo jak szybko — np. „Dojazd tego samego dnia. Wycena po telefonie w 10 minut.”
Bez marketingowej mgły typu „Jesteśmy liderem jakości i pasji”.
3. Jedno główne CTA
- Telefon (
tel:) — idealny przy usługach lokalnych, mobile-first. - Formularz wyceny — B2B, droższe usługi.
- „Umów wizytę” — medycyna, beauty, doradztwo.
Przycisk widoczny, duży na mobile, kontrastowy — nie szary link w stopce.
4. Dowód zaufania — jeden, dwa, nie dwanaście
Wystarczy jeden mocny element above the fold:
- liczba realizacji / lat na rynku,
- ocena Google (np. 4,9 ★),
- logo 3–4 znanych klientów,
- krótka opinia z imieniem.
Ściana odznaczeń poniżej foldu albo w sekcji niżej — nie zamiast komunikatu.
5. Menu — krótkie
Na mobile: hamburger + telefon w pasku. W menu max 5–7 pozycji — reszta w stopce. Użytkownik nie powinien scrollować menu, żeby znaleźć „Kontakt”.
🛒 Pierwszy ekran sklepu — inna logika, te same zasady
| Element | Po co |
|---|---|
| Co sprzedajesz — kategoria / sezon | „Ogród wiosną”, „Obuwie damskie” |
| Bestsellery lub promocja | Szybka ścieżka do zakupu |
| Koszyk / konto w zasięgu kciuka | Bez polowania na ikonę |
| Dostawa / zwroty w jednej linii | „Darmowa dostawa od 199 zł” buduje zaufanie |
| Wyszukiwarka | Przy większym katalogu — obowiązkowa |
Sklep bez jasnego pierwszego ekranu to magazyn produktów, nie witryna sprzedażowa. Przy wyborze platformy warto pamiętać, że sam panel to za mało — liczy się projekt pod konwersję, nie tylko szablon (WordPress vs SaaS).
🚫 Błędy, które zabijają leady na starcie
Karuzela hero — pięć slajdów, zero komunikatu; wolne LCP, użytkownik czeka na pierwszy sens.
Wideo w tle — ładne w biurze na Wi‑Fi; na 4G klient widzi spinner.
Pop-up newslettera na wejściu — zasłania CTA; najszybsza droga do bounce.
„Witamy” / „O nas” jako H1 — marnujesz najważniejsze miejsce na stronie.
Brak telefonu na mobile — większość lokalnych zapytań kończy się rozmową telefoniczną; ukryty numer = stracony lead.
Pięć równorzędnych CTA — „Sklep”, „Blog”, „Kariera”, „Kontakt”, „PDF” — użytkownik nie wie, co jest ważne.
Stockowe zdjęcie uśmiechniętej obsługi — zero informacji, zero zaufania branżowego.
📱 Test 30 sekund — zrób to przed akceptacją projektu
Weź telefon, tryb incognito, strona główna:
- Zasłoń logo — czy nadal wiesz, czym firma się zajmuje?
- Odlicz do 5 — czy wiesz, co kliknąć, żeby kupić / zapytać?
- Kciukiem — czy trafiasz w CTA bez zoomowania?
- Cookie bar — czy nie zasłania telefonu na dole?
- Scroll w bok — czy nic nie „wychodzi” poza ekran?
Jeśli choć jedna odpowiedź brzmi „nie” — nie akceptuj layoutu „bo grafika jest ładna”.
🎨 Współpraca z agencją — co powiedzieć wprost
Przed podpisaniem projektu ustal na piśmie:
- Treść H1 i podtytułu — nie „placeholder lorem ipsum”.
- Jedno główne CTA — które i dokąd prowadzi.
- Wersja mobile — osobna akceptacja, nie „desktop się zmniejszy”.
- Brak karuzeli albo max jeden slajd z konkretem.
- Miejsce na dowód zaufania — nawet jeśli treść dostarczysz później.
Dobra agencja nie bierze tylko screenu z Figmy — bierze odpowiedzialność za to, co użytkownik robi po wejściu. Przy wdrożeniu strony lub sklepu z nami pierwszy ekran jest częścią briefu, nie dodatkiem po launchu (oferta www i sklepy).
📊 Strona usługowa vs sklep — skrót
| Strona usługowa | Sklep | |
|---|---|---|
| H1 | Usługa + obszar / grupa docelowa | Kategoria / sezon / marka |
| CTA | Telefon, wycena, formularz | „Zobacz bestsellery”, promocja |
| Zaufanie | Opinie, realizacje, certyfikaty | Dostawa, zwroty, oceny produktów |
| Obraz | Realizacja, zespół, produkt w użyciu | Produkt na neutralnym tle |
| Menu | Oferta, O nas, Kontakt | Kategorie, Nowości, Koszyk |
✅ Checklist pierwszego ekranu
- 🎯 H1 mówi co robisz i dla kogo — bez „Witamy”.
- 📝 Podtytuł: jedna konkretna korzyść lub termin.
- ☎️ Jedno główne CTA — widoczne na mobile bez scrolla.
- ⭐ Jeden element zaufania above the fold.
- 🍔 Menu krótkie; telefon klikalny.
- 🚫 Brak karuzeli / pop-upu zasłaniającego CTA.
- ⚡ Hero lekkie — strona nie muli (CWV).
- 📱 Test 30 s na własnym telefonie przed akceptacją.
💡 Podsumowanie
Strona główna, która sprzedaje, to nie najładniejszy slider w branży — to jasna odpowiedź w pierwszych sekundach: kim jesteś, dla kogo pracujesz i co użytkownik ma zrobić teraz.
Większość firm przepłaca za ruch z Google, a traci go na progu — na ekranie, który nic nie obiecuje. Popraw H1, jedno CTA i telefon na mobile, a często zobaczysz efekt szybciej niż po kolejnej wtyczce SEO.
Następny krok: otwórz stronę główną na telefonie, zrób zrzut ekranu pierwszego ekranu i zadaj sobie pytanie: „Czy obcy klient, nie znając firmy, wiedziałby, żeby zadzwonić?” Jeśli nie — masz priorytet na ten tydzień. 📲