Dowiedz się, czym jest Mobile-First Indexing i jak zoptymalizować stronę pod urządzenia mobilne, by zwiększyć SEO i widoczność.
Danni Jessen
W ostatnich latach Google stopniowo przechodzi na tzw. indeksowanie mobile-first. Oznacza to, że indeksuje strony jako widziane z urządzenia mobilnego i w taki sposób je ocenia. Innymi słowy, dziś ważniejsze niż kiedykolwiek jest, by Twoja strona była w pełni zoptymalizowana pod wszystkie typy urządzeń — w przeciwnym razie zobaczysz spadki w wynikach Google.
Google ogłosił, że od marca 2021 roku będzie używać wyłącznie swojego robota smartfonowego.
W tym wpisie przeczytasz:
Pewnie słyszałeś już wiele razy, że ponad połowa ruchu w internecie pochodzi z urządzeń mobilnych. W rzeczywistości 51,33% ruchu globalnego generują właśnie mobile i ta liczba stale rośnie. Jeśli to nie przekonuje Cię do zainwestowania w wersję mobilną strony, Google zapowiedział, że będzie indeksować witryny z perspektywy urządzeń mobilnych. Musisz więc zadbać, by serwis oferował te same funkcje na komputerze, jak i na telefonie.
Google rekomenduje projekt responsywny — oznacza to, że zawartość i wygląd powinny być możliwie jednakowe na wszystkich urządzeniach. Odradzane są rozwiązania typu m.dot domains.
Domena m.dot to taka, gdzie wersja mobilna dostępna jest z subdomeny, a nie bezpośrednio z tej samej domeny co desktop. W praktyce wygląda to np. tak:
Przykład standardowej domeny
Przykład domeny m.dot
Najlepszym i najprostszym sposobem na wersję mobilną — zarówno dla Ciebie, użytkowników jak i Google — jest ponownie projekt responsywny na jednej domenie. Masz wtedy pewność, że tytuły, meta opisy i treści są wszędzie identyczne, więc zmian dokonujesz tylko w jednym miejscu. To, co widzi Google, pokrywa się z doświadczeniem użytkownika — a to daje największą szansę na wysokie pozycje.
Mógłbym wymieniać długo, na co zwracać uwagę — wybrałem więc cztery główne obszary, które uważa za kluczowe.
Szybkość ładowania to od dawna ważny parametr, a w świetle tych zmian jeszcze ważniejszy dla pozycji w Google. Różnica między optymalizacją pod mobile vs desktop to wolniejsze łącza po stronie urządzeń mobilnych. W zasadzie nie musisz robić nic radykalnie inaczej, ale dbałość o detale musi być jeszcze większa.
Konkretne działania, które poprawią szybkość na mobile:
LazyLoad to dziś konieczność, jeśli poważnie myślisz o obecności w sieci. Dzięki temu obrazy ładowane są dopiero, gdy pojawiają się na ekranie użytkownika. Wyobraź sobie stronę kategorii z 22 zdjęciami, z których każde ładuje się od razu. To niepotrzebnie zużywa transfer mobilny i psuje ranking.
Kompresja HTML, CSS, JavaScript i grafik znacząco skraca czas ładowania strony. Dzięki temu użytkownik nie pobiera dużych plików, a korzysta szybciej. To szczególnie ważne w telefonach, gdzie urządzenie czy łącze są często wolniejsze niż na komputerze.
Przykład dobrego wyniku dzięki LazyLoad i kompresji
SEO techniczne i on-page powinno być planowane względem strony mobilnej. Częsty błąd to usuwanie części sekcji z wersji mobile w imię użyteczności — rozumiem to, ale trzeba o tym myśleć już na etapie projektowania. Zamiast wyrzucać teksty nad listą produktów, lepiej przenieść je pod spód. Przykładem są też okruszki — jeśli ich zabraknie na mobilu, tracisz istotny element struktury linków.
Przykład poprawnych okruszków na mobile
Jeśli zbierasz newslettery, promujesz kampanie lub inne działania przez pop-upy, zachowaj ostrożność. Nie ma jednoznacznej odpowiedzi, jak pop-up wpływa na ranking, ale na pewno nie ułatwia Google indeksowania. Rekomendujemy nie więcej niż jeden pop-up na stronę. Oznacza to nie rezygnację z pop-upów, lecz ograniczenie użycia do jednego naraz.
Pop-up nie powinien przeszkadzać użytkownikowi. Jeśli zakrywa cały ekran i uniemożliwia dostęp do treści, odbija się to negatywnie na SEO. To będzie jeszcze ważniejsze, gdy Google wdroży aktualizację algorytmu Page Experience w 2021 roku.
Częste błędy to nieintuicyjne menu na mobile albo różne menu na różnych urządzeniach.
Po pierwsze: użytkownik powinien łatwo nawigować po menu i nie powinno być ono przeładowane zbędnymi linkami. Klasyka to burger menu — daje przejrzystość głównych usług/produktów i pozwala wygodnie eksplorować podkategorie.
Po drugie: menu musi zawierać dokładnie to samo na każdym rodzaju urządzenia — menu jest jedno, identyczne. To wymusza responsywny projekt i gwarantuje łatwą nawigację niezależnie od sprzętu.
Poprawne burger menu
To był krótki przegląd zasad mobile-first oraz najważniejszych punktów, na które warto zwrócić uwagę. To zaledwie wycinek istotnych kwestii — jeśli masz pytania lub chcesz sprawdzić gotowość na aktualizację z marca 2021, zapraszamy do kontaktu: 70 44 42 89 lub mailowo: hej@wemarket-digital.pl
Dlaczego projekt responsywny jest dziś tak ważny?
Dlaczego Google przechodzi na indeksację mobile-first?
At WeMarket, we offer businesses a benchmark report that compares their marketing efforts with their key competitors. You decide which competitors we should compare against.
We specialise in selling physical goods online and growing webshops – and now you can benefit from this expertise, even if you’re not already a client.
It’s completely free.
