Mobile-first indexing - jak dostosować stronę do wymogów Google

Mobile-first indexing to zmiana sposobu, w jaki Google crawluje i indeksuje strony internetowe. Wcześniej Googlebot używał wersji desktopowej jako podstawy. Teraz używa wersji mobilnej.

Co to oznacza w praktyce:
- Google widzi Twoją stronę tak, jak widzi ją użytkownik na smartfonie
- Treść dostępna tylko na desktopie może nie być indeksowana
- Błędy mobilne wpływają na ranking dla wszystkich urządzeń
- Szybkość mobilna jest kluczowym czynnikiem rankingowym

Sprawdź status w Search Console:
Przejdź do Ustawienia > Crawler - zobaczysz czy Twoja strona jest indeksowana w trybie mobile-first.

Google oficjalnie rekomenduje responsywny design jako najlepsze rozwiązanie.

Responsywny design:
- Jedna strona, jeden URL, jeden kod
- Automatycznie dostosowuje się do rozmiaru ekranu
- Łatwiejsze w utrzymaniu i SEO
- Brak problemów z duplikacją treści

Osobna wersja mobilna (m.site.pl):
- Wymaga konfiguracji rel=alternate i rel=canonical
- Ryzyko różnic w treści między wersjami
- Trudniejsze w utrzymaniu
- Może powodować problemy z indeksacją

Dynamic serving (ta sama strona, różny HTML):
- Wymaga nagłówka Vary: User-Agent
- Komplikuje cache i CDN
- Google musi rozpoznać różne wersje

1. Brakujące treści na mobile:
Jeśli ukrywasz treść na mobile (np. accordiony, taby), Google może ją zindeksować, ale z niższym priorytetem. Upewnij się, że kluczowe treści są widoczne.

2. Różne dane strukturalne:
Schema markup musi być identyczny na wersji mobilnej i desktopowej.

3. Zablokowane zasoby:
Sprawdź czy robots.txt nie blokuje CSS i JS potrzebnych do renderowania mobile.

4. Wolne ładowanie:
Mobile to często słabsza sieć. Czas LCP powinien być poniżej 2.5 sekundy.

5. Zbyt małe elementy dotykowe:
Przyciski i linki powinny mieć min. 48x48px z odpowiednimi odstępami.

6. Brak viewport meta tagu:
`` jest obowiązkowy.

Narzędzia Google:
- Mobile-Friendly Test - podstawowy test responsywności
- PageSpeed Insights - szybkość i Core Web Vitals na mobile
- Search Console > Użyteczność mobilna - błędy wykryte podczas crawlowania
- Rich Results Test - sprawdza dane strukturalne na mobile

Manualne testy:
- Sprawdź stronę na prawdziwym telefonie (nie tylko emulatorze)
- Przetestuj różne rozmiary ekranów (320px, 375px, 414px)
- Sprawdź działanie nawigacji, formularzy, popupów
- Zweryfikuj czytelność tekstu bez zoomowania

Checklist mobile-first:
- Responsywny design
- Identyczna treść mobile/desktop
- Szybkie ładowanie (<3s)
- Poprawne dane strukturalne
- Działający lazy loading
- Czytelne fonty (min. 16px)