Mobilne SEO – poradnik

Jeszcze przed pierwszym wydaniem iPhone’a w 2007 roku wielu ludzi pytało się, co tak naprawdę mogą zrobić w kwestii swojej mobilnej strategii.

Czy kłaść nacisk na mobilne SEO? Czy inwestycja się zwróci?

Te pytania są zadawane do dzisiaj.

Jedno jest pewne – internet zawitał na dobre w naszych telefonach i długo tam pozostanie.

Google zauważyło, że w USA oraz Japonii już teraz jest więcej wyszukiwań z poziomu telefonów niż komputerów.

Nasze urządzenia mobilne są coraz potężniejsze i bardziej zaawansowane. Możemy dzięki nim:

• robić zdjęcia
• używać geolokalizacji (GPS)
• czatować ze znajomymi

Wobec tego, w jaki sposób nie zostać w tyle w dobie mobilnych urządzeń i wszechobecnego internetu?

Jednym ze sposobów może być mobilne SEO, które pomoże Twojej stronie wspiąć się na najwyższe pozycje w wyszukiwarce internetowej.

W jaki sposób Google radzi sobie z wynikami na mobilnych urządzeniach?

Google ma wiele robotów, wszystkie służą do różnych zadań. Przykładowe:

• Googlebot
• Googlebot News
• Googlebot Images
• Googlebot Video

Dla telefonów komórkowych Google przygotowało specjalnego robota, który używa interfejsu user-agent smartphone.

Oddzielny robot był potrzebny, aby postawić się jako realny użytkownik i w pełni zrozumieć strony internetowe wyświetlanie na urządzeniach mobilnych.

Tak wygląda aktualna wersja Googlebot user-agent dla smartfonów:

Mozilla/5.0 (iPhone; CPU iPhone OS 8_3 like Mac OS X) AppleWebKit/600.1.4 (KHTML, like Gecko) Version/8.0 Mobile/12F70 Safari/600.1.4 (compatible; Googlebot/2.1; +http://www.google.com/bot.html)

Dla porównania zwykły Googlebot user-agent:

Mozilla/5.0 (compatible; Googlebot/2.1; +http://www.google.com/bot.html)

Warto zauważyć, że Google nie bierze pod uwagę tabletów jako urządzeń mobilnych. Tablety są rozważane jako pośrednie urządzenia pomiędzy desktopem a telefonem.

Cytat ze słownika Google:

Naszym zdaniem tablety to urządzenia odrębnego rodzaju, dlatego nasza definicja urządzeń mobilnych ich nie obejmuje. Tablety mają zwykle większe ekrany. Oznacza to, że jeśli nie posiadasz treści zoptymalizowanych pod kątem tabletów, użytkownicy będą oczekiwać, że Twoja witryna będzie wyglądać raczej tak jak na ekranie komputera, a nie jak na smartfonie.

Mobilne strony internetowe są odwiedzane i indeksowane przez Googlebota dla smartfonów tak samo, jak zwykłe witryny.

Rożnica pojawia się w SERP-ach.

Mogą one zawierać zupełnie inny zestaw wyników dla mobilnego użytkownika, a inny dla użytkownika korzystającego ze stacjonarnego komputera.

Warto tutaj zapamiętać, że ocena mobilności Twojego serwisu działa na zasadzie „strona po stronie”. Czyli każda podstrona Twojej witryny otrzymuje swoją oddzielną ocenę, a nie całościową.

Wobec tego, jeżeli Twój budżet jest ograniczony, zacznij od dokonywania zmian w najcenniejszych dla klienteli podstronach.

Aktualizacja Google pod kątem urządzeń mobilnych, czyli tzw. mobilegeddon

W 2015 roku Google ogłosiło nową aktualizację, która ma na celu namieszać w rankingu stron mobilnych.

Została ochrzczona przydomkiem „mobilegeddon”.

Niektóre strony zostały dotknięte bezpośrednio i straciły nawet 35% swoich pozycji w rankingu przez pierwszy miesiąc, a niektóre witryny nie poczuły żadnego spadku.

Dlaczego?

Ponieważ Google ostrzegało przed tą aktualizacją i wiele stron miało wystarczająco dużo czasu, aby zastosować się do wytycznych.

W tym samym czasie Bing poinformowało, że w ich algorytmach również nastąpiła zmiana. Jednakże nie wspominali o niej wcześniej.

Ogólnie rzecz biorąc, strona, która była dobrze zoptymalizowana pod kątem mobilnych wyszukiwarek, prosperowała dobrze zarówno w Google, jak i Bing.

Kolejna aktualizacja nastąpiła w tym roku, więc możemy być niemal pewni, że „mobilegeddon” będzie wpływał coraz bardziej na pozycje stron internetowych na urządzeniach przenośnych.

Więcej przeczytasz w naszym wywiadzie dla Rynku Domen o tym, czy polskie serwisy przetrwały „mobilegeddon”.

Wobec tego, w jaki sposób możemy się upewnić, że strona internetowa jest zaprojektowana i zoptymalizowana pod kątem urządzeń przenośnych oraz czy mobilne SEO poprawi pozycję witryny w wyszukiwarce?

W jaki sposób strona internetowa jest przyjazna dla urządzeń mobilnych?

Istnieją trzy główne podejścia do tworzenia strony internetowej dla urządzeń przenośnych:

1. strona responsywna
2. RESS
3. oddzielna strona mobilna

Porada: Google mocno zaakcentowało, że preferuje strony, które są responsywne. Jednakże zaznaczyli też, że obsługują również dwa pozostałe warianty.

Spowodowane jest to przede wszystkim tym, że responsywna strona internetowa nie wymaga dodatkowej technicznej implementacji w celu optymalizacji dla mobilnego SEO.

Więcej informacji przeczytasz w moim innym wpisie: mobilna strona internetowa, responsywna czy aplikacja.

Jak sprawdzić, czy moja strona internetowa jest przyjazna dla użytkowników mobilnych?

Oto kilka narzędzi, których można z łatwością użyć, aby sprawdzić, czy Twoja strona internetowa jest przyjazna dla urządzeń przenośnych:

• tester Google
• narzędzie pobierz jako Google

Mobilne SEO

Jeżeli Twoja strona internetowa jest już zoptymalizowana dla mobilnych wyszukiwarek, to wtedy praca jest znacznie łatwiejsza, ponieważ w znacznej mierze nie będzie różnić się niczym od zwykłego SEO.

Należy jednak pamiętać, że podczas audytu witryny warto sprawdzić ją również Googlebotem dla smartfonów. Pozwoli to zidentyfikować wszystkie błędy, które występują jedynie na telefonach.

Wydajność strony może mieć znaczący wpływ na wyniki wyszukiwania na telefonach komórkowych. Dlatego optymalizacja szybkości strony również wlicza się w mobilne SEO.

Jak to sprawdzić?

Kolejny raz Google udostępnia odpowiednie narzędzie, tym razem o nazwie PageSpeed Insights.

Jeżeli używasz RESS lub masz oddzielną mobilną stronę, to trzeba pamiętać o dodaniu kilku rzeczy do witryny, aby Google wiedziało, że obie wersje są połączone.

Mobilne SEO – optymalizacja strony internetowej RESS

Typowa witryna RESS wykorzystuje jeden adres URL i wysyła do użytkownika to, co potrzebuje.

Wobec tego jeden adres URL może pokazywać zupełnie co innego w zależności od urządzenia, na którym strona jest otwierana.

Chociaż podstawowe zasady SEO pozostają tutaj takie same, musimy pamiętać, że takie działania mogą być odebrane przez Google jako cloaking.

Odbywa się to wtedy, gdy strona przekazuje informacje dla wyszukiwarki, a wyświetla zupełnie co innego dla użytkownika. Google tego nie popiera i nakłada na takie strony filtr, co przekłada się bezpośrednio na ich pozycje.

W przypadku strony internetowej RESS musisz zasygnalizować Google, że przekazujesz inne treści w zależności od user-agent, aby zapewnić odpowiednią wersję dla każdego użytkownika.

Żeby wszystko było jasne dla Google, powinieneś używać tzw. nagłówka HTTP Vary.

Stosując taki nagłówek, dostajemy dodatkowe korzyści w postaci:

• mobilnego robota, który będzie widział, że na tym adresie URL istnieje odrębna treść dla telefonów komórkowych
• sygnału dla cache, który będzie wiedział, czy akurat teraz załadować stronę z pamięci podręcznej, czy z serwera

Mobilne SEO – optymalizacja odrębnej mobilnej strony internetowej

Mobilna strona z oddzielnym adresem URL jest tak naprawdę zupełnie inną stroną.

Wobec tego, oprócz komputerowej wersji, należy zoptymalizować wersję mobilną. Ponownie podstawowe zasady SEO pozostają takie same, z kilkoma dodatkowymi wytycznymi:

Stworzenie równoległych adresów URL

Struktura adresów URL powinna być niemalże podobna. Przykładowo adres www.domena.pl/wpis.html powinien mieć odzwierciedlenie w mobilnej wersji w postaci www.m.domena.pl/wpis.html.

Dodanie mobilnych rozdzielaczy tagów

Odrębna strona o tej samej lub podobnej treści może być potencjalnie odbierana przez Google jako duplikat. Spowoduje to nic innego jak pominięcie takich stron w wyszukiwarce internetowej.

Dodanie mobilnych rozdzielaczy tagów spowoduje, że roboty Google będą wiedziały o alternatywnej wersji witryny, która jest przeznaczona dla urządzeń mobilnych.

Wersje takich tagów muszą być umieszczone w wersji komputerowej, jak i mobilnej.

Przykład:

Gdy adres URL w wersji komputerowej wygląda w ten sposób – http://domena.pl/strona-1 – to tagowanie dla tego przykładu będzie wyglądać w następujący sposób:

Kod HTML:

Wersja komputerowa:

<link rel="alternate" media="only screen and (max-width: 640px)" href="http://domena.pl/strona-1">

Wersja mobilna:

<link rel="canonical" href="http://domena.pl/strona-1">

Google wymaga tagu rel=”canonical” w mobilnej wersji, aby wskazywał na URL w wersji komputerowej.

Mapa strony:

Możesz również umieścić tag rel=”canonical” dla wersji komputerowej w swojej mapie strony:

<xml version='1.0' encoding='UTF-8'>
<urlset xmlns='http://www.sitemaps.org/schemas/sitemap/0.9'
xmlns:xhtml='http://www.w3.org/1999/xhtml'>
<url>
<loc>http://domena.pl/strona-1/</loc>
<xhtml:link
rel='alternate'
media='only screen and (max-width: 640px)'
href='http://domena.pl/strona-1' />
</url>
</urlset>


Wymagany tag rel=”canonical” adresu URL musi być zawarty również kodzie HTML mobilnej witryny.

Przekierowania User-Agent

Niektórzy użytkownicy mogą uzyskać dostęp do niewłaściwej wersji strony, która nie będzie pasować do urządzenia, jakie posiadają.

Wtedy najlepiej przekierować ich po stronie serwera za pomocą skryptu.

Sugeruję używać Redirect 301, a nie 302.

Dodatkowe wytyczne co do przekierowań 301 w wersji mobilnej

1. Staraj się nie przekierowywać wszystkich adresów z komputerowej wersji do mobilnej. Zamiast tego wskaż dany adres URL, który ma odzwierciedlenie w oryginalnej wersji.
2. Dołącz link do „wersji desktopowej” w widocznym miejscu na mobilnej stronie (i vice versa). Dodatkowo możesz użyć ciasteczek, aby użytkownik nie musiał za każdym razem klikać w taki link.
3. Wyślij użytkowników tabletów do strony w wersji komputerowej. Tablety mają duże ekrany i znacznie łatwiej jest obsługiwać strony internetowe napisane stricte pod przeglądarki komputerowe.

Schema.org, Rich Snippets oraz Rich Cards

Google stara się podążać w kierunku schematów, zwłaszcza na mobilnych urządzeniach, gdzie wysokość oraz szerokość ekranu jest bardzo ograniczona. Dlatego Schema.org, Rich Snippets oraz Rich Cards są teraz niezwykle popularne.

Więcej informacji możesz uzyskać w artykule przedstawiającym przykłady danych strukturalnych.

Kolejne kluczowe trendy w mobilnym SEO

1. Przyspieszone strony mobilne w celu zwiększenia prędkości ładowania się stron, jak i umożliwienia zapamiętania treści w pamięci podręcznej i podawania ich bezpośrednio do wyszukiwarki (zamiast wysyłania użytkownika do oryginalnej strony internetowej).
2. Usunięcie bocznych reklam, aby wygląd mobilnej strony nie był niczym zakłócany.

Mobilne SEO – podsumowanie

Mobilne technologie szybko się zmieniają, co ma bezpośredni wpływ na zmianę zachowania użytkownika korzystającego z internetu na telefonie.

Bardziej niż kiedykolwiek, wyszukiwanie na naszych małych urządzeniach staje się przyszłością. Dlatego też mobilne SEO jest dużym wyzwaniem.

Jednakże stare zasady się nie zmieniają. Roboty muszą mieć dostęp do Twojej strony, przeczytać ją, zrozumieć i ocenić, jak bardzo jest przyjazna dla mobilnych użytkowników.