W dzisiejszych czasach coraz więcej osób korzysta z urządzeń mobilnych do przeglądania Internetu. Google stale pracowało więc nad zapewnieniem im zgodnych z ich potrzebami wyników wyszukiwania, odzwierciedlających treści dostępne w wersji mobilnej.
Spis treści:
- Co to jest Mobile First Index?
- Desktop First Index a Mobile First Index
- Mobile First Index – jak wpływa na SEO?
- Jak dostosować stronę do Mobile First Index?
- Czy strona jest Mobile Friendly – narzędzia, które pozwalają to sprawdzić
- Mobile First Index – najlepsze praktyki
- Podsumowanie
Co to jest Mobile First Index?
31 października 2023 r. opublikowany został nowy wpis na blogu Google, gdzie informuje, że proces indeksowania zoptymalizowanego pod kątem urządzeń mobilnych został zakończony. Według najnowszych informacji Google zamierza podjąć następujące kroki:
- Google wie o niewielkiej grupie witryn, które w ogóle nie działają na urządzeniach mobilnych i na razie będzie próbować indeksować te witryny za pomocą starszego Googlebota, przeznaczonego dla komputerów (kilka razy do roku będą ponownie sprawdzane). Więcej na ten temat przeczytać można w: https://developers.google.com/search/docs/crawling-indexing/mobile/mobile-sites-mobile-first-indexing?hl=pl
- Google zamierza dalej ograniczać indeksowanie z użyciem starszej wersji Googlebota na komputery.
- W Google Search Console zostanie wyłączona informacja o robotach indeksujących, ponieważ wszystkie witryny działające na urządzeniach mobilnych i tak są obecnie indeksowane przez robota mobilnego. Więcej na ten temat można przeczytać na: https://developers.google.com/search/blog/2023/10/mobile-first-is-here?hl=pl.
O Mobile First Index po raz pierwszy można było usłyszeć w 2015 roku. Od tego czasu Google pracowało nad jego udoskonaleniem. Mobile First Index został zaimplementowany w 2018 roku, a od 2019 – indeksowanie Mobile First zostało narzucone wszystkim nowym stronom internetowym. Proces przechodzenia na indeksowanie zoptymalizowane pod kątem urządzeń mobilnych miał charakter ciągły. Jeszcze w 2021 roku można było przeczytać, że nie został on w pełni zakończony. W tym momencie od 31 października 2023 r. wiemy już o zakończeniu tego procesu.
W obecnych czasach nikogo nie trzeba już przekonywać do tego, że dopasowanie stron do urządzeń mobilnych jest konieczne. Warto jednak wiedzieć, czym jest Mobile First Index, jak wpływa na SEO i jak należy zoptymalizować stronę internetową, pod kątem tego algorytmu.
Mobile First Index, znane również, jako indeksowanie zoptymalizowane pod kątem urządzeń mobilnych, to zmiana sposobu, w jaki Google indeksuje i ocenia witryny internetowe. W efekcie tej zmiany, przy indeksowaniu witryny oraz jej ocenianiu, Google w pierwszej kolejności bierze pod uwagę jej wersję mobilną. Indeksowanie odbywa się za pomocą Googlebota indeksującego strony na smartfony. Oznacza to, że witryny muszą być przystosowane do wyświetlenia i zoptymalizowane pod kątem urządzeń mobilnych. Zawartość stron dostępnych na urządzeniach mobilnych, powinna być taka sama, jak na urządzeniach stacjonarnych. Innymi słowy – Google dąży do tego, aby zagwarantować użytkownikom urządzeń mobilnych taki sam content, jak użytkownikom urządzeń stacjonarnych.
Desktop First Index a Mobile First Index
Przed wprowadzeniem Google Mobile First Index roboty Google oceniały przydatność danej strony dla danego zapytania, preferując wersję desktop danej strony. Wtedy było to podstawowe podejście Google do indeksowania, a witryny były zoptymalizowane przede wszystkim pod kątem desktopowym. Jednak z uwagi na rosnącą liczbę użytkowników korzystających z urządzeń mobilnych do przeglądania Internetu, Google postanowiło zmienić podejście. Od 2018 roku, odkąd obowiązuje Mobile First Index, optymalizacja SEO musi obejmować przede wszystkim wersję mobilną witryny, ponieważ to ona ma większy wpływ na indeksowanie i ocenę przydatności na dane zapytanie.
Mobile First Index – jak wpływa na SEO?
Mobile First Index analizuje treści witryny, oceniając je według tego, jak widzi je użytkownik urządzenia mobilnego. Jeśli strona nie ma wersji mobilnej lub wersja mobilna jest mocno „okrojona” (zawiera mniej treści, obrazów), z pewnością będzie gorzej oceniona. Warto pamiętać, że:
- witryny zoptymalizowane pod kątem urządzeń mobilnych mają większą szansę pojawić się wyżej w wynikach wyszukiwania,
- szybkość ładowania strony na urządzenia mobilne jest teraz jeszcze ważniejsza,
- Google preferuje witryny responsywne,
- witryny, które dbają o doświadczenie użytkownika na urządzeniach mobilnych (Mobile User Experience), mają większą szansę na lepsze pozycje w SERP.
Jak dostosować stronę do Mobile First Index?
Aby witryna internetowa była dostosowana do wymogów algorytmu Mobile First Index, elementy nawigacyjne, contentowe czy interaktywne muszą występować zarówno w widoku desktopowym, jak i mobile. Z tego względu trzeba zawsze sprawdzać, czy witryna dostosowuje się prawidłowo do rozdzielczości różnych urządzeń. W szczególności należy zwrócić uwagę na design, prędkość ładowania i treści.
Responsywny design
W obecnych czasach wskazane jest aby strona była responsywna, czyli dostosowywała się do różnych urządzeń. Warto o tym pamiętać, zlecając tworzenie strony internetowej. Jeśli ktoś posiada przestarzałą witrynę, która nie dostosowuje się do urządzeń mobilnych, powinien jak najszybciej zaktualizować ją, wybierając nowy, responsywny szablon. Google zaleca elastyczne projektowanie witryn, w którym ten sam kod HTML, dla tego samego adresu URL – wyświetla treści dostosowane do rozmiaru ekranu, bez względu na rodzaj urządzenia użytkownika.
Prędkość ładowania
Optymalizacja prędkości ładowania strony jest kluczowa, zwłaszcza dla urządzeń mobilnych. Warto w tym względzie korzystać z rekomendacji narzędzia Google PageSpeed Insights.
Po wpisaniu adresu URL i kliknięciu „analizuj”, narzędzie oszacuje wydajność strony, zarówno na urządzeniach stacjonarnych, jak i urządzeniach mobilnych.
Można w nim sprawdzić również podstawowe wskaźniki internetowe Core Web Vitals, które opisano w dalszej części artykułu. Warto wiedzieć, że Page Speed Insight wskazuje również parametry, które należy poprawić, aby zwiększyć szybkość ładowania strony.
Mobile friendly treści
Formę publikacji treści należy dopasowywać tak, aby były dobrze widoczne, niezależnie od wykorzystywanego urządzenia. Zaleca się używanie dużej czcionki (minimum 16 px), dzielenie artykułów na akapity i używanie wyróżnień, w postaci pogrubień. Nie należy dodawać zbyt dużej liczby obrazów.
Warto również stosować atrybut srcset w tagach <img> w celu dostarczenia przeglądarkom informacji na temat różnych źródeł obrazu, które mogą być wyświetlane w zależności od wielkości ekranu i rozdzielczości urządzenia użytkownika. Głównym celem tego atrybutu jest bowiem umożliwienie responsywnego wyświetlania obrazów na stronie. Pozwala to przeglądarce wybrać najlepiej pasujący obraz z dostępnych źródeł, wpływając na zoptymalizowanie wydajności i jakości strony na różnych urządzeniach.
Nie zaleca się używania wyskakujących okienek (interstitials), które blokują nawigację użytkownika i wpływają negatywnie na jego wrażenia.
Core Web Vitals
Należy pamiętać o tym, by zoptymalizować witrynę pod kątem znaczników Core Web Vitals, takich jak Largest Contentful Paint (LCP), First Input Delay (FID), który za cztery miesiące, w marcu 2024 r. będzie zastąpiony przez INP, a także Cumulative Layout Shift (CLS). Wskaźniki te mają duże znaczenie dla doświadczeń użytkownika, dlatego warto dbać o ich poprawę, zwłaszcza w kontekście Mobile First Index. Więcej na temat wskaźników Core Web Vitals można przeczytać na: https://www.ideoforce.pl/akademia/czym-sa-core-web-vitals-i-jak-zbadac-serwis-pod-ich-katem,638.html
Elementy klikalne
Warto upewnić się, że elementy klikalne, takie jak np. przyciski, czy linki, są w wersji mobilnej odpowiednio duże i rozmieszczone w odpowiednich odstępach od siebie, aby łatwo było w nie klikać.
Czy strona jest Mobile Friendly – narzędzia, które pozwalają to sprawdzić
Istnieją bezpłatne narzędzia, z pomocą których można sprawdzić przyjazność i dostosowanie witryny do urządzeń mobilnych.
- Mobile Friendly Test
Jeśli okaże się, że strona jest prawidłowo dostosowana do urządzeń mobilnych, wyświetli się na niej następujący komunikat:
Warto wiedzieć, że w narzędziu analizowany jest pojedynczy adres URL, a nie cała witryna, warto więc powtórzyć test nie tylko dla strony głównej, ale również dla wszystkich ważnych stron w witrynie – stron kategorii, podkategorii, produktów.
- Google Search Console
W Google Search Console w zakładce „Obsługa na urządzenia mobilne” można sprawdzić, jak Google ocenia dane podstrony i zauważyć ewentualne komunikaty o błędach do poprawy.
- Mobi Ready
Jest to darmowe narzędzie online, które wyświetla konkretną witrynę na różnych urządzeniach, pozwalając sprawdzić, czy dostosowuje się ona do poszczególnych widoków.
Mobile First Index – najlepsze praktyki
Warto również stosować się do najlepszych praktyk, polecanych na stronie Google dla developerów. Poniżej kilka wskazówek.
- Utworzenie witryny, dostosowanej do urządzeń mobilnych
Należy upewnić się, że strona internetowa jest dostosowana do urządzeń mobilnych. Google zaleca zastosowanie elastycznego projektowania stron (czyli opisaną wcześniej responsywność stron), gdyż jest ono najłatwiejsze zarówno w implementacji, jak i obsłudze.
- Sprawdzenie, czy Google ma dostęp do treści i może je renderować
Należy sprawdzić, czy treści nie są blokowane przez tag robots noindex lub nofollow. Trzeba upewnić się również, że żadne zasoby nie są blokowane za pomocą reguły disallow w pliku Robots.txt. Dodatkowo nie należy ustawiać leniwego ładowania głównej części treści po interakcji użytkownika (np. przesunięcie palcem, wpisanie tekstu czy kliknięcie). Google nie załaduje tego typu treści.
- Treść na urządzenia stacjonarne i urządzenia mobilne powinna być taka sama
Błędem jest, kiedy witryna mobilna zawiera mniej treści niż jej wersja na urządzenia stacjonarne (np. przy wykorzystaniu dynamicznego wyświetlania treści lub osobnych adresów URL). Treść powinna być taka sama, bo indeksowana jest niemal wyłącznie wersja mobilna. W witrynie mobilnej należy używać tych samych nagłówków.
- Jeśli w witrynie wdrożone są uporządkowane dane, powinny być dostępne w obu jej wersjach.
- Zawartość znaczników <title> oraz <meta> (w tym szczególnie meta opis) powinna być jednakowa na obu wersjach witryny.
- Na obu wersjach witryny powinny być wyświetlane te same elementy wizualne, czyli graficzne oraz video.
Treści wizualne w witrynie mobilnej powinny być odpowiednio dostosowane. Obrazy muszą być wysokiej jakości. Tytuły, tekst alternatywny, nazwa pliku, czy podpis obrazu, powinny być takie same na stronie mobilnej, jak i na wersji desktopowej. Filmy wyświetlane na urządzeniach mobilnych powinny być umieszczane w łatwo dostępnym miejscu na stronie. Jeśli użytkownik będzie musiał długo przewijać stronę, aby dotrzeć do filmu, to może to obniżyć pozycję video w rankingu.
- Błędy 404
Jeśli wersja desktopowa prawidłowo wyświetla treść, a wersja mobilna wyświetla błąd 404, to strona z błędem nie będzie zaindeksowana.
- Atrybut Hreflang
W przypadku korzystania z elementu rel=”hreflang” w różnych wersjach językowych trzeba pamiętać o odpowiednim powiązaniu pomiędzy adresami URL wersji mobilnej i standardowej. Atrybut hreflang adresów mobilnych powinien wskazywać mobilne adresy URL. Atrybut hreflang adresu URL na komputery musi z kolei wskazywać adresy URL na komputery.
- Plik Robots.txt
Takie same reguły w pliku robots.txt powinny obowiązywać dla obu wersji.
- Elementy rel=”canonical” i rel=”alternate”
Adres URL na komputery powinien być zawsze kanoniczny. Wersja mobilna powinna być alternatywną wersją tego adresu. Dotyczy to tylko przypadku, gdy obie wersje mają różny adres URL.
Podsumowanie
Mobile First Index to istotna zmiana w podejściu do indeksowania witryn internetowych, wprowadzona przez Google. Priorytetem stały się wersje mobile stron internetowych, dlatego to właśnie na nich należy skupić szczególną uwagę. Wszystkie działania wymienione w artykule mają pomóc w dostosowaniu stron do Mobile First Index, co przełoży się również na lepsze doświadczenia użytkowników, korzystających z sieci, za pośrednictwem urządzeń mobilnych.
