Algorytm Mobile Friendly — krótka definicja

Algorytm Mobile Friendly był aktualizacją Google, która premiowała strony prawidłowo wyświetlane na urządzeniach mobilnych. Pierwotnie chodziło o prostą rzecz: jeśli użytkownik wchodzi na stronę z telefonu, nie powinien walczyć z mikroskopijnym tekstem, poziomym przewijaniem, przyciskami wielkości ziarenka ryżu i układem zaprojektowanym wyłącznie pod monitor.

To nie jest to samo co sama responsywność. Responsywność jest sposobem projektowania strony. Mobile Friendly jest efektem, który użytkownik odczuwa na telefonie. Strona może technicznie zmieniać układ na mniejszym ekranie, a mimo to nadal być niewygodna, wolna i irytująca.

Dziś temat trzeba rozumieć szerzej. Nie chodzi tylko o to, czy strona „mieści się” na ekranie telefonu. Chodzi o to, czy wersja mobilna zawiera tę samą ważną treść, czy da się ją wygodnie obsłużyć, czy ładuje się szybko i czy Google może ją prawidłowo odczytać.

Kiedy Google wdrożyło Mobile Friendly

Google wdrożyło aktualizację Mobile Friendly 21 kwietnia 2015 roku. O konieczności dostosowania stron do urządzeń mobilnych było wiadomo wcześniej, bo ruch z telefonów rósł i coraz więcej użytkowników korzystało z wyszukiwarki poza komputerem.

To był moment, w którym Google wysłało właścicielom stron dość prosty sygnał: internet nie jest już tylko desktopowy. Jeśli witryna działa dobrze na komputerze, ale na telefonie jest koszmarem, to nie jest dobrze przygotowana do realnego sposobu korzystania z sieci.

Od tamtej pory temat mobilności przeszedł kilka etapów. Najpierw mówiono głównie o mobile friendly. Później coraz ważniejsze stało się mobile-first indexing, czyli sytuacja, w której Google używa mobilnej wersji strony jako podstawy do indeksowania i oceny. W praktyce telefon przestał być dodatkiem. Stał się punktem wyjścia.

Mobile Friendly a responsive web design — różnica

Mobile Friendly i responsywność są często wrzucane do jednego worka, ale to nie są identyczne pojęcia. Responsive web design to technika projektowania strony, w której układ dopasowuje się do szerokości ekranu. Ta sama strona może inaczej wyglądać na komputerze, tablecie i telefonie, ale działa pod tym samym adresem.

Mobile Friendly to ocena efektu. Czy użytkownik mobilny może wygodnie przeczytać treść? Czy może kliknąć przycisk? Czy menu działa? Czy formularz da się wypełnić kciukiem, bez nerwowego powiększania ekranu? Czy tekst jest czytelny? Czy strona nie przesuwa się nagle, gdy użytkownik próbuje coś kliknąć?

Strona może być responsywna, ale nadal nie być przyjazna mobilnie. To częsty przypadek. Szablon zmienia układ, ale font jest za mały. Przycisk „zadzwoń” ginie pod sliderem. Pop-up zasłania pół ekranu. Obrazki ważą kilka megabajtów. Formularz ma za dużo pól. Menu działa tylko wtedy, gdy użytkownik ma cierpliwość świętego.

Możliwa jest też konfiguracja z osobnym adresem mobilnym, np. m.example.com. To nie jest responsive web design, tylko osobna wersja mobilna. Taki model wymaga większej kontroli, bo wersja mobilna i desktopowa muszą być spójne, a Google musi prawidłowo rozumieć relacje między nimi. W praktyce dla większości firm najbezpieczniejszy jest dobrze zrobiony układ responsywny pod jednym adresem.

Czym jest mobile-first indexing

Mobile-first indexing oznacza, że Google indeksuje i ocenia stronę głównie na podstawie wersji mobilnej. Nie chodzi o osobny indeks dla telefonów. Chodzi o to, że Googlebot patrzy na stronę tak, jak użytkownik mobilny: przez pryzmat tego, co jest dostępne, widoczne i możliwe do odczytania na telefonie.

To ma bardzo praktyczne konsekwencje. Jeśli na desktopie masz pełny opis usługi, sekcję FAQ, linki wewnętrzne i ważne treści, ale na mobile część z nich jest ukryta, usunięta albo niedostępna, może pojawić się problem. Google ocenia to, co widzi w wersji mobilnej.

Mobile-first indexing nie oznacza, że desktop przestał istnieć. Oznacza natomiast, że wersja mobilna nie może być uboższą, przypadkową kopią strony głównej. Ma zawierać najważniejszą treść, działać technicznie i pozwalać użytkownikowi wykonać to, po co przyszedł: przeczytać, zadzwonić, wysłać formularz, kupić, sprawdzić lokalizację albo porównać ofertę.

Co Google sprawdza na stronie mobilnej

Przy stronie mobilnej liczy się nie tylko sam wygląd. Znaczenie ma całość doświadczenia użytkownika i techniczna dostępność treści.

• Czytelność fontu — użytkownik nie powinien powiększać strony, żeby przeczytać zwykły akapit.
• Klikalność elementów — przyciski i linki muszą mieć sensowny rozmiar oraz odstępy.
• Dopasowanie do ekranu — strona nie powinna wymagać poziomego przewijania.
• Szybkość ładowania — telefon i słabsze połączenie szybko obnażają ciężkie grafiki, skrypty i źle zoptymalizowane moduły.
• Dostępność menu — użytkownik musi umieć przejść do usług, kontaktu, cennika albo artykułów.
• Widoczność treści — najważniejsze informacje nie mogą znikać w wersji mobilnej.
• Brak nachalnych pop-upów — okno zasłaniające treść na telefonie potrafi skutecznie zabić wizytę.
• Stabilność layoutu — strona nie powinna skakać przy ładowaniu reklam, obrazów albo dodatkowych skryptów.
• Prawidłowe linkowanie wewnętrzne — mobile musi prowadzić użytkownika i Google po stronie równie logicznie jak desktop.

To są rzeczy proste, ale nie banalne. Bardzo często strona wygląda „ładnie” na dużym ekranie, a na telefonie zaczyna się rozjeżdżać. Problem polega na tym, że wielu właścicieli firm zatwierdza stronę na laptopie, a ich klienci oglądają ją z telefonu.

Jak błędy mobilne wpływają na SEO

Błędy mobilne mogą wpływać na SEO na kilka sposobów. Pierwszy to indeksacja. Jeśli Google nie widzi ważnej treści w wersji mobilnej, nie można zakładać, że oceni stronę tak, jak widzisz ją na komputerze. Mobile-first indexing sprawia, że to telefoniczna wersja strony ma ogromne znaczenie.

Drugi problem to doświadczenie użytkownika. Wolna, nieczytelna albo niewygodna strona powoduje, że ludzie szybciej wracają do wyników wyszukiwania. Nie trzeba tu dorabiać wielkiej filozofii. Jeśli użytkownik nie może kliknąć numeru telefonu, nie widzi menu albo formularz go męczy, część zapytań po prostu przepada.

Trzeci problem to konwersja. Można wypracować widoczność w Google, można ściągnąć ruch, można mieć sensowny tekst, ale jeśli wersja mobilna nie dowozi kontaktu, to biznesowo efekt jest słaby. SEO nie kończy się na wejściu użytkownika na stronę. Użytkownik musi jeszcze móc zrobić następny krok.

To szczególnie ważne w lokalnym SEO. Wiele zapytań lokalnych odbywa się na telefonie: restauracje, gabinety, warsztaty, kancelarie, sklepy, usługi awaryjne. Użytkownik szuka tu i teraz. Jeśli strona lokalnej firmy nie działa mobilnie, konkurencja jest jedno kliknięcie dalej.

Jak sprawdzić, czy strona jest mobile friendly

Najpierw warto zajrzeć do Google Search Console. To tam można znaleźć informacje o problemach z indeksacją, błędach technicznych, wydajności i widoczności strony. Nie każdy problem mobilny będzie tam opisany wprost, ale GSC pokazuje sporo sygnałów, które warto połączyć z ręcznym testem strony.

Drugim narzędziem jest PageSpeed Insights. Pozwala sprawdzić szybkość, Core Web Vitals i problemy techniczne widoczne z perspektywy użytkownika oraz Google. Nie chodzi o ślepe polowanie na wynik 100/100. Chodzi o zrozumienie, co realnie spowalnia stronę i co przeszkadza użytkownikowi.

Trzeci test jest najprostszy: weź telefon i przejdź przez stronę jak klient. Otwórz menu. Znajdź usługę. Kliknij numer telefonu. Wyślij formularz. Sprawdź, czy obrazy nie rozwalają układu. Zobacz, czy treści nie są ukryte. Wejdź na podstronę kontaktu. Spróbuj zrobić to wszystko bez znajomości własnej strony.

Warto sprawdzić zwłaszcza:

• menu mobilne,
• formularze kontaktowe,
• przyciski telefonu i maila,
• obrazy i ich wagę,
• treści ukryte na mobile,
• nagłówki i kolejność sekcji,
• linki wewnętrzne,
• czas ładowania najważniejszych podstron.

Czego nie robić

Największy błąd to założenie, że responsywny szablon wystarczy. Nie wystarczy. Szablon może się składać, przesuwać i dopasowywać, a mimo to użytkownik nadal może nie być w stanie wygodnie korzystać ze strony.

• Nie ukrywaj kluczowej treści na mobile. Jeśli ważny opis usługi, FAQ albo linki są dostępne tylko na desktopie, prosisz się o problem.
• Nie blokuj użytkownika pop-upem. Na telefonie nachalne okna są szczególnie irytujące i często skutecznie przerywają wizytę.
• Nie ładuj ogromnych grafik. Zdjęcie, które wygląda pięknie na monitorze, na telefonie może być ciężarem bez sensu.
• Nie projektuj formularza tylko pod desktop. Formularz na mobile powinien być krótki, czytelny i możliwy do wypełnienia kciukiem.
• Nie ignoruj menu. Jeśli użytkownik nie wie, gdzie kliknąć, to nie będzie rozwiązywał zagadki. Wróci do Google.

Wersja mobilna ma być normalnym sposobem korzystania ze strony, nie awaryjną kopią. Jeśli coś jest ważne dla klienta i dla SEO, musi działać na telefonie.

Wnioski

1. Mobile Friendly to nie dekoracja, tylko warunek normalnego działania strony. Jeśli większość użytkowników wchodzi z telefonu, wersja mobilna nie może być dodatkiem. To często podstawowa wersja strony z punktu widzenia klienta.

2. Responsywność nie załatwia wszystkiego. Strona może zmieniać układ, a nadal być niewygodna, wolna i trudna do kliknięcia. Liczy się efekt, nie tylko techniczna deklaracja szablonu.

3. Google patrzy na stronę tak, jak widzi ją użytkownik mobilny. Jeśli na telefonie coś jest ukryte, popsute albo nieczytelne, problem może wrócić w SEO. I zwykle wraca w najmniej przyjemnym momencie.