Wersja mobilna ukrywa ważne treści w WordPressie – co sprawdzić i jak to naprawić? - RankHero
RankHeroWersja mobilna ukrywa ważne treści w WordPressie – co sprawdzić i jak to naprawić?

Sprawdź, co blokuje indeksację i poprawne działanie strony: robots.txt, noindex, przekierowania, błędy serwera i JavaScript. Wybierz objaw, aby przejść do diagnostyki i sposobów naprawy.

Ilustracja została wygenerowana przez AI.


W WordPressie ważna treść może zniknąć na telefonie przez ustawienia buildera, osobny szablon mobilny albo skrypt, który pobiera ją dopiero po kliknięciu. Trzeba odróżnić ukrytą wizualnie sekcję od treści, której w mobilnej wersji dokumentu w ogóle nie ma. Sam wąski podgląd w edytorze nie rozstrzyga, co otrzymuje Google.

Co dokładnie znika na małym ekranie?

Treść jest w akordeonie

Odpowiedź jest częścią dokumentu, a użytkownik rozwija ją przyciskiem. Taki układ może porządkować długą stronę. Sprawdź obsługę i dostępność tekstu, zamiast automatycznie usuwać wszystkie akordeony.

Sekcję wyłączono w builderze

Opcja „ukryj na telefonie” może stosować CSS lub wpływać na generowany dokument. Obejrzyj wynik poza edytorem. Jeżeli użytkownik nie ma dostępu do zakresu usługi, napraw to niezależnie od tego, czy tekst pozostał w kodzie.

Tekst pobiera się po interakcji

Treść pojawia się dopiero po kliknięciu lub innym działaniu uruchamiającym dodatkowe pobranie. Ważnej zawartości nie uzależniaj od takiej interakcji robota. Zadbaj o jej dostępność podczas renderowania strony.

Procedura: edytor, publiczna strona i test Google

  1. Wybierz konkretny fragment. Może to być zakres usługi, opis produktu, odpowiedź FAQ lub link do podstrony. Zapisz tekst i URL, żeby porównywać tę samą informację.
  2. Sprawdź ustawienia responsywne. W builderze obejrzyj sekcję i jej kontenery nadrzędne. Dziedziczona opcja ukrywania, zerowa wysokość albo ucięcie zawartości mogą dotyczyć całego bloku.
  3. Otwórz publiczną stronę bez logowania. Porównaj duży i mały ekran. W narzędziach deweloperskich wyszukaj fragment w DOM i sprawdź style wpływające na widoczność. Wąski viewport nie zawsze zmienia wariant HTML serwowany według urządzenia.
  4. Użyj testu adresu na żywo w GSC. W wyświetleniu przetestowanej strony porównaj zrzut i wyrenderowany HTML. Odszukaj tekst oraz linki. Nie oceniaj całej strony wyłącznie na podstawie górnej części zrzutu.
  5. Porównaj wersje cache. Jeśli edytor pokazuje zmianę, a publiczna strona nie, sprawdź cache WordPressa i CDN, w tym osobny wariant mobilny. Po odświeżeniu powtórz test tego samego adresu.

Jak poprawić szablon bez dublowania całej strony?

Najczęściej warto utrzymywać jedną treść i zmieniać jej układ responsywnie. Szeroki zestaw kart może stać się jedną kolumną, a długa tabela otrzymać przewijanie w swoim kontenerze. Nie zastępuj całego opisu oferty pojedynczym zdaniem tylko po to, by skrócić ekran.

Jeżeli motyw ma osobny szablon mobilny, porównaj przekazywaną treść, nagłówki, linki i dyrektywy robots. Gdy problem powoduje wtyczka optymalizacyjna lub opóźnione ładowanie skryptu, sprawdź zmianę ustawienia na środowisku testowym. Nie wyłączaj wszystkich optymalizacji na produkcji w poszukiwaniu jednej przyczyny.

Przykład ilustracyjny: desktop zawiera zakres audytu w sześciu kartach, a na telefonie kontener tych kart jest wyłączony. Poprawka polega na udostępnieniu zakresu w czytelnym układzie mobilnym. Kryterium odbioru jest dostępność wszystkich sześciu informacji, a nie identyczny wygląd obu wersji.

Lista odbioru poprawki mobilnej

  • Zakres oferty, kluczowe odpowiedzi i odnośniki są dostępne na telefonie.
  • Tekst nie wychodzi poza ekran, a przyciski nie zasłaniają treści.
  • Akordeony można obsłużyć i odczytać po rozwinięciu.
  • Ważna treść występuje w wyrenderowanym HTML testu mobilnego.
  • Przetestowano publiczny adres po odświeżeniu właściwych warstw cache.
  • Sprawdzono formularz i link telefonu, jeśli poprawiana sekcja służy pozyskiwaniu kontaktów.

Czy Google wymaga identycznego wyglądu mobile i desktop?

Nie. Przy indeksowaniu mobile-first istotna jest dostępność równoważnej głównej treści w wersji mobilnej. Sposób jej prezentacji może być inny, w tym z użyciem zakładek lub akordeonów. Dlatego samo zastosowanie zwijanego panelu nie dowodzi problemu z SEO.

Ogólne zasady porównywania wersji opisuje poradnik brakujące treści w wersji mobilnej. W przypadku WordPressa wdrożenie może objąć builder, motyw i cache w ramach optymalizacji WordPressa.

Google: zalecenia dotyczące indeksowania mobile-first.