W skrócie: W 2026 roku 75% użytkowników w Polsce wchodzi na strony przez telefon. Mobile-first nie jest opcją - to wymóg. Twoja strona powinna: ładować się w 1-2 s, mieć czytelne teksty bez zoomu, klikalne przyciski minimum 44×44px, responsywne obrazy i poprawne Core Web Vitals. Sprawdź przez Google Mobile-Friendly Test.
Co to znaczy mobile-first w 2026?
Mobile-first oznacza projektowanie strony najpierw pod telefon, a dopiero potem skalowanie do większych ekranów (tablet, laptop, monitor). To filozofia „telefon jest domyślny, komputer to dodatek". W 2026 roku Google indeksuje strony tylko w wersji mobilnej (Mobile-First Indexing) - co widzi Googlebot-Mobile decyduje o Twojej pozycji w wyszukiwarce.
Jak sprawdzić, czy Twoja strona jest mobile-first?
Sprawdź swoją stronę w 3 krokach: (1) Google Mobile-Friendly Test (search.google.com/test/mobile-friendly), (2) Google PageSpeed Insights (pagespeed.web.dev) w widoku Mobile, (3) otwórz ją na prawdziwym telefonie i wypróbuj wszystkie funkcje. Jeśli którykolwiek z tych testów pokaże problemy - masz problem.
Lista kontrolna mobile-first - 12 kryteriów
| Kryterium | Cel 2026 |
|---|---|
| Czas ładowania (4G) | poniżej 2 s |
| Google Mobile-Friendly Test | PASS |
| Viewport meta tag | obecny |
| Rozmiar tekstu body | minimum 16px |
| Klikalne przyciski | minimum 44×44px |
| Odstęp między linkami | minimum 8px |
| Obrazy responsywne | srcset + sizes |
| Brak przewijania w bok | zawsze |
| Menu hamburger | jeśli więcej niż 4 linki |
| Largest Contentful Paint | poniżej 2,5 s |
| Cumulative Layout Shift | poniżej 0,1 |
| Interaction to Next Paint | poniżej 200 ms |
Co najczęściej psuje mobile-first?
Najczęstsze problemy z mobile-first w 2026: zbyt małe teksty (poniżej 16px), przyciski za małe do kliknięcia, przewijanie w bok przez szerokie obrazy, wolne ładowanie od ciężkich wtyczek WordPress, niedopasowane menu nawigacyjne, niekontrolowany layout shift, brak lazy loadingu obrazów.
1. Za małe teksty
Tekst body musi mieć minimum 16px (rem/em). Poniżej 14px użytkownik nie przeczyta bez zoomu - Google to wykryje i obniży pozycję. Nagłówki H1-H3 powinny być proporcjonalnie większe: H1 = 28-40px, H2 = 24-32px.
2. Przyciski za małe do kliknięcia
Każdy klikalny element (przycisk, link, ikona) musi mieć minimum 44×44 piksele. To zalecenie Apple, Google i Material Design. Mniej = trudno trafić palcem = irytacja użytkownika = niższa konwersja.
3. Przewijanie w bok (horizontal scroll)
Jeśli Twoja strona wymaga przesuwania w bok na telefonie - masz krytyczny błąd. Powód: zwykle obraz ma sztywną szerokość zamiast max-width: 100%, albo tabela się nie zwija. Sprawdź przez otwieranie strony na szerokości 320px.
4. Wolne ładowanie
Strona powinna ładować się w 1-2 sekundy na 4G. Powyżej 3 sekund tracisz 40% użytkowników. WordPress z Elementor Pro i 20 wtyczkami łatwo ma 5-8 sekund - fatalne. Strona custom w Next.js ładuje się zwykle w 0,5-1,5 s.
5. Niedopasowane menu
Poziomy menu z 8 linkami nie zmieści się na telefonie. Powyżej 4-5 linków - musisz mieć menu hamburger (≡) z wysuwanym panelem. Ważne: hamburger musi mieć etykietę „Menu" lub opis ikony dla dostępności.
Jak naprawić stronę, która nie jest mobile-first?
Masz 3 opcje: (1) dodaj responsive CSS i popraw co się da (koszt 500-3 000 zł), (2) przenieś się na nowoczesny szablon WordPressa (2 000-8 000 zł), (3) zbuduj custom stronę od zera w Next.js (1 500-15 000 zł). Opcja 3 jest najbardziej przyszłościowa.
Jak Eunoia Creativ robi strony mobile-first?
Wszystkie strony w Eunoia Creativ są budowane od zera w podejściu mobile-first. Używamy Tailwind CSS (mobile-first domyślnie), Next.js (SSR dla szybkości), responsive images (next/image), semantyczny HTML i testujemy każdą stronę na realnych urządzeniach.
- Tailwind CSS - mobile-first domyślnie, wszystko responsywne
- Next.js Image - automatyczna optymalizacja obrazów
- Core Web Vitals zielone - LCP poniżej 1.5 s, CLS 0, INP poniżej 100 ms
- Testy na prawdziwych urządzeniach - iPhone + Android przed wdrożeniem
- Dostępność - etykiety ARIA, kontrast, obsługa klawiatury
Ile kosztuje strona mobile-first w 2026?
W Eunoia Creativ każda strona jest mobile-first bez dopłaty. One-page od 1 500 zł netto, strona firmowa od 3 500 zł netto. Nie doliczamy za „wersję mobilną", bo to standard, nie dodatek.
Umów bezpłatny audyt
Chcesz sprawdzić, czy Twoja strona jest mobile-first? Umów bezpłatną konsultację - zrobimy szybki audyt, pokażemy, co działa, a co nie, i zaproponujemy konkretne usprawnienia.