23.07.2018 Marketing i PR

Jak zoptymalizować stronę pod urządzenia mobilne

Joanna Pierzynka, specjalistka SEO HF Media

Coraz popularniejsze staje się tworzenie stron dopasowanych w pierwszej kolejności do urządzeń mobilnych, a dopiero później skalowanie ich do wersji desktopowej. Pozwala to tworzyć szybkie oraz intuicyjne serwisy internetowe zgodne z zaleceniami Google i nowym podejściem, jakim jest Mobile-First index.

fot. picjumbo_com/cc0/Pixabay.com

Poniżej kilka rad, jak zoptymalizować stronę pod urządzenia mobilne zgodnie z oficjalnymi zaleceniami Google.

Unikanie wersji mobilnych pod oddzielnym adresem

Zaleca się stosowanie stron responsywnych (Responsive Web Design), czyli takich, które zmieniają swój układ i szerokość elementów zgodnie z rozdzielczością urządzenia, na jakim są przeglądane. Ułatwia to również późniejsze zmiany w serwisie, ponieważ do edycji pozostaje tylko jedna wersja.

Dane strukturalne oraz metadane widoczne na obu wersjach witryny

Posiadanie danych strukturalnych jest niezwykle istotne, ponieważ poprzez umieszczanie odpowiednich znaczników przy fragmentach treści, schemat Schema.org bezpośrednio wpływa na uczenie się robotów Google. Pomaga im to lepiej zrozumieć zawartość strony i zebrać informacje na temat sieci. Dzięki tym danym są one w stanie wyświetlić w wynikach wyszukiwania istotne elementy, np. adresy, ceny, recenzje czy godziny otwarcia.

Prawidłowe zastosowanie rel=canonical oraz rel=alternate

Ułatwia to robotom Google odnalezienie stron kanonicznych oraz odpowiednich wersji językowych na różnych urządzeniach. Jest to sposób na uniknięcie wystąpienia duplikacji w serwisie. Warto również stosować atrybuty rel=”next” i rel=”prev”, aby strony paginacji były traktowane jako sekwencja logiczna. Zabieg ten pozwala zrozumieć robotom, że każda kolejna strona jest kontynuacją treści na stronie poprzedniej.

Szybkie ładowanie strony

Strony posiadające tę zaletę zdecydowanie lepiej wypadają w rankingach. Im dłużej witryna się ładuje, tym szybciej rośnie szansa, że użytkownik ostatecznie zrezygnuje z jej przeglądania. Według badań przeprowadzonych przez Kissmetrics.com, aż 47% osób oczekuje, że witryna załaduje się w czasie krótszym niż 2 sekundy, a 40% zrezygnuje z odwiedzin, jeśli potrwa to dłużej niż 3 sekundy.

Prędkość ładowania strony można w łatwy sposób zweryfikować za pomocą Google Page Speed Insights. Wynik Page Speed mieści się w zakresie od 0 do 100 punktów. Im wyższy wynik, tym lepiej. Ocena na poziomie co najmniej 85 punktów oznacza, że strona działa dobrze.

Bezpłatne narzędzia Google

Działania związane z Mobile-First Index nie zostały stworzone przez Google dla utrudniania użytkownikom życia. Wręcz przeciwnie, mają one poprawić User Experience i właśnie w ten sposób trzeba je traktować.

Do pomocy przy optymalizacji serwisu nie są potrzebne wymyślne i drogie narzędzia – wystarczy posłużyć się niżej wymienionymi, czterema bezpłatnymi narzędziami deweloperskimi od Google.

• Test optymalizacji mobilnej
  Pozwala na sprawdzenie każdej podstrony pod kątem Mobile-First Index oraz tego, czy witryna jest dopasowana do urządzeń mobilnych. W razie pojawienia się problemów lub blokowanych zasobów, użytkownik otrzymuje informację na przejrzystej liście.
• Narzędzie dla deweloperów w Chrome
  Chcąc przejść do narzędzi Web Developerów, wystarczy w przeglądarce Chrome, w sprawdzanej witrynie nacisnąć skróty Ctr+Shift+I. Klikając na zaznaczoną na czerwono ikonkę, użytkownik przechodzi do wyglądu witryny na dowolnym urządzeniu mobilnym. Może także wybrać rozdzielczość oraz model urządzenia. Nie trzeba zatem przeklikiwać się na telefonie przez podstrony, aby zweryfikować poprawność wyświetlania elementów. Ponadto, dzięki ingerencji w kod źródłowy, możliwe jest zweryfikowanie pojedynczych elementów, przesuwanie ich, usuwanie lub dodawanie nowych.
• Google Search Console
  Na początku tworzenia strony warto uzyskać dostęp do Google Search Console. W zakładce ruchu związanego z wyszukiwaniem, dostępna jest obsługa na urządzeniach mobilnych. GSC potrafi „wypluć” obszerny raport odnośnie wszystkich zaindeksowanych elementów, które mogą mieć wpływ na postrzeganie i odczucia użytkowników. Na podstawie uzyskanych informacji można z łatwością odnaleźć problematyczne zasoby strony, które w jakiś sposób utrudniają obsługę na urządzeniach mobilnych, a następnie je poprawić.
• Testowanie danych uporządkowanych
  Dane strukturalne są istotnym elementem, który należy poprawnie wdrożyć. Oczywiście muszą być one tożsame dla wersji desktopowej oraz mobilnej. Google również w tej kwestii nie zawodzi i udostępnia kolejne proste narzędzie do testowania danych strukturalnych. Wystarczy podać adres URL strony i fragment kodu do zweryfikowania.

Optymalizowanie serwisów pod użytkowników urządzeń mobilnych staje się bardzo ważną kwestią. Być może w niedługim czasie będą one głównym czynnikiem rankującym, a Mobile-First stanie się wręcz wymogiem, aby wyświetlać się wysoko w organicznych wynikach wyszukiwania.

Udostępnij znajomym:

Najnowsze w dziale Marketing i PR:

Co robić, kiedy dziecko obgryza paznokcie? Porady psychologa dziecięcego

patronat Reporterzy.info
Dla dzieci gryzienie palców to często sposób na nudę czy stres. Naszą rolą jest jednak reagować, kiedy widzimy, że maluch obgryza paznokcie. I to nie tylko ze względu na estetykę, ale także potencjalne przyczyny takiego zachowania. Jakie mogą one być i co możemy zrobić?

Analiza predykcyjna i marketing. Klient jeszcze nie wie, reklama już tak

Krzysztof Fiedorek
Sztuczna inteligencja zmienia zasady gry w marketingu. Przewidywanie zachowań klientów przez zaawansowane algorytmy AI i podejmowanie decyzji opartych na danych to już teraźniejszość. Raport „The State of AI”, opublikowany przez McKinsey pokazuje, jaki będzie to miało wpływ na cały rynek reklamy i marketingu.

Co zrobić, kiedy dziecko kłamie? Porady pedagoga

patronat Reporterzy.info
Zdarza się, że maluch wymyśla niestworzone historie, a ty nie wiesz jak zareagować? Twoje dziecko opowiada koleżankom i kolegom, że zwiedziliście cały świat, a wasz pies mówi ludzkim głosem? Pedagog radzi, jak się zachować się w takich sytuacjach i jak uniknąć ich w przyszłości. Tygodnik Reporterzy.info jest patronem medialnym cyklu #MAMYNATORADĘ.

Podobne artykuły:

Influencer marketing, czyli jak przekonać klientów z pokolenia Z

Kevin Pluskota
Według agencji Newspoint już dla ponad 70% odbiorców treści tworzone przez blogerów są pierwszym źródłem informacji o produktach. Za dwa lata ten rynek może być warty nawet 10 miliardów dolarów. Dlatego firmy coraz bardziej skupiają się na promowaniu swoich produktów poprzez internetowych celebrytów.

Wirtualne ciężarówki dały sygnał do startu kampanii Złota Wstążka

BARD
Trzy tysiące widzów przez dwa dni. Wyzwanie przejechania ciężarówką wokół Europy i gigantyczny Konwój Charytatywny z Wrocławia do Calais. Społeczność graczy Euro Truck Simulator 2 w ostatni weekend sierpnia ruszyła z pomocą małym pacjentom kliniki onkologicznej Przylądek Nadziei we Wrocławiu. Partnerem wydarzenia był tygodnik Reporterzy.info.

Perswazja w sprzedaży i marketingu. Poznaj sześć zasad

Daria Widerowska
Czy wiesz, jak duży wpływ na podejmowane przez siebie decyzje mają klienci? Czy znają mechanizmy, które wpływają na ich wybory? Sprawdź, w jaki sposób sprzedawcy oraz marketerzy wykorzystują zasady wpływu Roberta B. Cialdiniego.

Akt o Usługach Cyfrowych. Jak DSA wpłynie na branżę marketingową

Pamela Tomicka
Pierwsze tygodnie obowiązywania w pełni Aktu o Usługach Cyfrowych, inaczej DSA (ang. Digital Services Act), który wszedł w życie w połowie lutego we wszystkich krajach Unii Europejskiej, przyniosły wiele nowych wyzwań dla firm. A co za tym idzie, pojawił się szereg pytań i wątpliwości.

więcej w dziale: Marketing i PR