Jak pozycjonować strony mobilne?

Mobilne strony internetowe stają się coraz bardziej popularne z uwagi na to, że Google, coraz częściej w swoich algorytmach „docenia” właśnie takie rozwiązania. Witryny, które dobrze wyświetlają się na telefonach czy tabletach mają wyższą pozycję w wynikach mobilnych. Dla przypomnienia stronę można nazwać „przyjazną komórkom”, wtedy gdy dobrze prezentuje się na urządzeniu – jej treść nie wymaga powiększania czy przesuwania na boki. Niezwykle istotna jest też nawigacja po stronie – powinna być możliwa przy pomocy jednego palca, więc wszystkie ikony muszą mieć odpowiednią wielkość.

Dlatego tak znacząca jest odpowiednia optymalizacja strony mobilnej – w jaki sposób to zrobić? Oto kilka podpowiedzi.

Jak optymalizować stony mobilne

Strony mobilne – na co zwrócić uwagę?

Strona internetowa może stać się przyjazna urządzeniom mobilnym na kilka sposobów. Pierwszym coraz bardziej popularnym i zalecanym przez specjalistów jest strona responsywna. Jest to strona, której rozmiar (rozdzielczość, wielkość ikon itp.) sam dostosowuje się do rodzaju urządzenia. W przypadku strony responsywnej adres url i kod html zawsze pozostają takie same.

Innym często wykorzystywanym sposobem jest mobilny adres URL. W tym przypadku zarówno adres strony jak i kod html różnią się w wersji standardowej i mobilnej.

Po wprowadzonych zmianach warto sprawdzić jak działa strona na różnych urządzeniach. Szczególną uwagę należy zwrócić na to czy obrazy i czcionka wyraźnie się wyświetlają. Dobrze jest też unikać na stronie mobilnej wtyczek takich jak javascript, quick time player czy flash, gdyż większość z urządzeń mobilnych ich nie obsługuje.

Należy pamiętać również o aktualizacji kodu strony. Dzięki platformom takim jak WordPress jest to niezwykle proste i praktycznie „dzieje się” samodzielnie.

Twoja strona mobilna już działa – zoptymalizuj ją!

Sama optymalizacja strony mobilnej opiera się na podobnych zasadach co optymalizacja stron internetowych statycznych. Wyżej wspominaliśmy już o tym, żeby uważać na wtyczki, które mogą się nie otworzyć użytkownikom urządzeń mobilnych. Jest to ważne z uwagi na to, że nikt nie lubi gdy zamiast filmu, banera czy prezentacji widzi czarny prostokąt.

Kolejną rzeczą jest szybkość otwierania strony. Dlatego warto trzymać się zasady im mniej tym lepiej. Wygląd strony mobilnej powinien być raczej skromny – pozbawiony zbędnych grafik i ozdobników. Strona musi ładować się szybko. Przeciętny użytkownik urządzeń mobilnych wg badań nie czeka dłużej niż 3 sekundy na pełne załadowanie strony. Jeśli trwa to dłużej – wiadomo zamyka stronę i otwiera konkurencyjną. Specjaliści uważają, że strony mobilne nie powinny ważyć więcej niż ok. 20 kB, co pozwala na załadowanie w ok. 4 sekundy. Aby zmniejszyć wagę strony w miejscu obrazków można zastosować kod CSS. Dobrze jest też zadbać o to, aby treści umieszczone na stronie mobilnej były zwięzłe, gdyż osoby korzystające z takich stron szukają szybkich i konkretnych informacji.

Nie mniej ważne jest ułożenie treści na stronie – te najważniejsze powinny być u góry, mniej ważne na dole lub odpowiednio na pierwszym i kolejnych ekranach. Treść musi być również stosownie wyeksponowana na tle – musi się wyróżniać. Przykładowo beżowa czcionka na białym tle nie będzie widoczna. Warto też unikać połączeń kolorów, które będą męczyły oczy np. czerwona czcionka na granatowym tle. Jeśli chodzi o rozmiar to warto, aby było to co najmniej 16 pikseli.

Warto pamiętać, że większość z nas obsługuje swoje urządzenie mobilne palcem. Właśnie dlatego poszczególne elementy strony dostosowywanej do urządzeń mobilnych powinny być na tyle duże, żeby każdy mógł w nie swobodnie kliknąć bez konieczności skorzystania z zoomu. Według wielu specjalistów, minimalny rozmiar elementu do kliknięcia nie powinien być mniejszy niż 4×4 cm.

Strony mobilne – optymalizacja na podstawie danych

Wszystkie powyższe wskazówki są niezwykle ważne, jednak w czasie optymalizacji warto wziąć pod uwagę dane zbierane w raportach Google Analytics. Dzięki nim można dowiedzieć się, jakie informacje są najczęściej szukane na urządzeniach mobilnych i to właśnie je wyeksponować na pierwszym ekranie.

Mobilne strony internetowe – optymalizacja formularzy

Optymalizacja formularzy jest bardzo ważna, szczególnie dla sklepów internetowych. Pola do uzupełnienia formularza powinny być umieszczone ponad opisami lub pod nimi. Dzięki temu strona staje się węższa i kolejne pola dobrze widoczne. Istotna jest również forma informacji o postępie rejestracji czy składania zamówienia oraz wskazanie błędnie wypełnionego pola.

Optymalizując stronę internetową musimy pamiętać, że im prościej i przejrzyściej tym lepiej. Strona powinna mieć minimalistyczny układ, bez zbędnych grafik i wtyczek. Ułatwi to nawigację na stronie i odnalezienie potrzebnych informacji. Dzięki temu też stronę będzie łatwiej wypozycjonować w wyszukiwarce.

Komentarze

Dodaj komentarz

  1. Andrzej pisze:

    40x40cm to troche dużo. Proponowałbym 4x4cm :)

    JS nie trzeba unikać. Mobilne przeglądarki nieźle sobie z nim radzą. No chyba, ze to cos mocno wypasionego. Ale jquery jest poprawnie obsługiwane.

    Z mobilnych adresów url juz dawno sie odchodzi na rzecz RWD. Jest to szybsze i bardziej przyjazne dla użytkownika i adminisratora.

  2. Klaudia Witek EACTIVE pisze:

    Panie Andrzeju dziękuję za czujność. Już poprawiliśmy informacje we wpisie :)

Zamów bezpłatną wycenę

Imię i Nazwisko
E-mail*
Numer telefonu*
Adres strony internetowej*
Treść wiadomości
TAK

Jeśli chcesz zostawić nam więcej danych wypełnij brief.

Otrzymaliśmy twoje zgłoszenie

Dziękujemy!

 

Co dalej?

  1. Otrzymasz od nas maila potwierdzającego zgłoszenie.
  2. Nasz wyspecjalizowany zespół już niedługo skontaktuje się z Tobą i opowie o dalszym procesie współpracy.
  3. W oczekiwaniu na telefon zapraszamy do zapoznania się z naszymi REFERENCJAMI.

KLAUZULA INFORMACYJNA

Informujemy, że:

  1. Administratorem Twoich danych osobowych jest EACTIVE wiemy jak sp. z o.o. sp. k. z siedzibą w Świętej Katarzynie, zarejestrowana pod adresem ul. Główna 26/2, 55-010 Święta Katarzyna, reprezentowaną przez: Michała Kliszczaka - Prezesa Zarządu.
  2. Administrator nie wyznaczył Inspektora Ochrony Danych Osobowych. Wszelkie kwestie dotyczące danych osobowych można kierować na e-mail: ochronadanych@eactive.pl lub pisemnie na adres korespondencyjny: EACTIVE wiemy jak sp. z o.o. sp. k. ul. Aleksandra Zelwerowicza 18 A, 53-676 Wrocław.
  3. Twoje dane będą przetwarzane w celu odpowiedzi na zapytanie oraz przygotowania i przedstawienia propozycji współpracy.
  4. Podstawę prawną przetwarzania Twoich danych osobowych jest art. 6 ust. 1 lit. a RODO, czyli Twoja zgoda na przetwarzanie danych osobowych w jednym lub większej liczbie określonych celów oraz art. 6 ust. 1 lit. b RODO, zgodnie z którym przetwarzanie danych jest konieczne w celu podjęcia działań na żądanie osoby, której dane dotyczą.
  5. Dane osobowe nie będą przekazywane innym odbiorcom.
  6. Twoje dane osobowe będą przetwarzane do czasu cofnięcia wyrażonej zgody bądź złożenia sprzeciwu wobec przetwarzania danych.
  7. Podanie danych osobowych jest dobrowolne, jednak podanie adresu e-mail i numeru telefonu jest niezbędne do obsługi zapytania.
  8. Administrator nie przetwarza Twoich danych osobowych przy użyciu narzędzi do zautomatyzowanego podejmowania decyzji, w tym profilowania.
  9. Przysługuje Ci prawo do żądania od Administratora dostępu do Twoich danych osobowych, ich sprostowania, usunięcia, ograniczenia przetwarzania lub ich przeniesienia.
  10. Przysługuje Ci prawo do wniesienia sprzeciwu wobec przetwarzania Twoich danych, a także prawo do cofnięcia wyrażonej zgody w dowolnym momencie - wycofanie zgody nie ma wpływu na zgodność z prawem przetwarzania, którego dokonano na podstawie Twojej zgody przed jej wycofaniem.
  11. W przypadku uznania, że przetwarzanie przez Administratora danych osobowych narusza przepisy RODO przysługuje Ci prawo do wniesienia skargi do organu nadzorczego (tj. Prezesa Urzędu Ochrony Danych Osobowych).

Więcej informacji na temat zasad przetwarzania i ochrony danych osobowych przez EACTIVE wiemy jak sp. z o.o. sp. k. znajdziesz w naszej Polityce Prywatności, dostępnej tutaj.

Rozumiem