Tip:
Highlight text to annotate it
X
Cześć.
Jestem Maile Ohye.
Pracuję w zespole pomocy Google dla webmasterów
jako kierownik techniczny ds. programów dla programistów.
W poprzednich filmach na naszym kanale dla webmasterów w YouTube
sporo mówiliśmy o ulepszaniu witryny.
Głównie dotyczyło to jednak witryn na komputery.
W tym filmie skoncentrujemy się na internecie mobilnym
i zobaczymy, jak poprawić często odwiedzane strony mobilne,
które nie są zbyt atrakcyjne dla użytkowników.
Spójrzmy na to z właściwej perspektywy.
Blog Google o reklamach mobilnych podaje wyniki ankiety
na temat oczekiwań użytkowników wobec witryn mobilnych.
50% pytanych stwierdziło, że nawet gdy firma im odpowiada,
rzadziej korzystają z jej oferty, jeśli witryna nie jest
dostosowana do komórek.
W poście opublikowanym na blogu Centrum dla webmasterów
o zmianach w rankingu wyników wyszukiwania dla smartfonów
moi współpracownicy, Pierre Far i Yoshikiyo Kato,
zapowiedzieli, że pozycje stron słabo dostosowanych
do wymagań smartfonów będą w tym rankingu obniżane.
Niedostateczne dostosowanie oznacza zwykle
niechciane przekierowania na stronę błędu 404 czy stronę główną
zamiast na odpowiednią stronę mobilną
oraz niekończące się pętle.
Nie będę dzisiaj mówić o tworzeniu witryn na smartfony,
bo wielu z Was ma to już za sobą,
ale o zwiększaniu wygody i satysfakcji użytkowników.
Aby ulepszyć witrynę,
warto najpierw zainstalować narzędzie analityczne.
Ja użyję Google Analytics.
Potem trzeba zweryfikować własność witryny na komputery i komórki
w Narzędziach dla webmasterów.
Jeśli stosujesz strony responsywne,
musisz zweryfikować własność tylko jednej wersji witryny.
Jeśli strony na komputery i komórki mają osobne URL-e,
z przedrostkami „www” i „m”, musisz zweryfikować obie wersje.
Proces zaczynamy od identyfikacji problemu.
Najpierw sprawdzamy ogólne problemy z witryną mobilną,
a potem szukamy konkretnych stron,
które są popularne, ale nie spełniają potrzeb użytkowników.
W drugiej części filmu zajmiemy się poprawianiem
tych problematycznych stron.
Na potrzeby tego filmu będę udawać,
że zarządzam Sklepem Google,
czyli witryną e-commerce z gadżetami i akcesoriami Google,
np. koszulkami YouTube i figurkami Androida,
na www.googlestore.com.
Najpierw zidentyfikujemy problem występujący w witrynie.
Dane analityczne podzielimy na ruch z komputerów
i z urządzeń przenośnych.
Ambitni mogą nawet wyodrębnić segment z tabletami.
W Google Analytics kliknij „Utwórz nowy segment”.
Aby dodać segment z ruchem z komputerów, wybierz „Technologia”
i w kategorii urządzenia ustaw filtr „zawiera komputer”.
Do utworzenia segmentu z ruchem z urządzeń przenośnych
możesz użyć gotowego ustawienia.
Teraz w danych analitycznych
widać różnice w zachowaniu użytkowników
komputerów i urządzeń przenośnych.
Zanim poszukamy problemów na poziomie stron,
zbadamy możliwe ogólne problemy, które wpływają na cały ruch
z urządzeń przenośnych.
W „Odbiorcy ogółem” ustawimy dla segmentów z ruchem
z komputerów i komórek zakres dat równy kilku miesiącom
oraz poszukamy nieprawidłowości.
Nieprawidłowością może być np. znacznie mniejszy ruch
z urządzeń przenośnych niż z komputerów
w porównaniu do średniego podziału wg urządzenia w krajach klientów.
Widzimy, że 155 tys. użytkowników mobilnych
generuje około 22% całego ruchu w witrynie.
Poziom 22% to dobry znak, który sugeruje,
że w witrynie mobilnej nie występują
żadne krytyczne problemy.
Użytkownicy są z krajów, gdzie ruch z urządzeń przenośnych
osiąga zwykle poziom między 1/5 a 1/3 ruchu z komputerów.
22% mieści się w tym przedziale.
W „Odbiorcy ogółem” możemy też sprawdzić,
czy w witrynie jest wyraźnie mniej powtórnych wizyt
z urządzeń przenośnych niż z komputerów.
To także oznaczałoby ogólny problem.
Dwa wykresy kołowe pokazują podział
na nowych i powracających użytkowników
komputerów i urządzeń przenośnych.
Witryna wypada nieźle, bo w obu przypadkach
podział użytkowników na nowych i powracających
jest mniej więcej taki sam.
Gdyby np. wracało tylko 5% użytkowników mobilnych,
a na komputerach ta wartość byłaby dwa razy większa,
mogłoby to świadczyć o istnieniu problemu.
Innym sposobem na szukanie ogólnych problemów
z witryną mobilną jest porównywanie
przepływu użytkowników komputerów i urządzeń przenośnych.
Na komputerach większość użytkowników trafia najpierw
na stronę główną.
Następnie 20% z nich wchodzi na podstawową stronę sklepu
pod adresem /shop.axd/home, a 53% opuszcza witrynę.
W statystykach przepływu użytkowników mobilnych
mamy podobne, choć nieco gorsze proporcje.
12% tych użytkowników przechodzi na stronę sklepu,
podczas gdy na komputerach robi to 20% osób.
Z kolei 59% użytkowników mobilnych
zupełnie opuszcza witrynę, przy 53% na komputerach.
Statystyka porzucania strony głównej
nie jest zbyt optymistyczna pod względem zaangażowania,
ale dokładniej omówimy to w innym filmie.
Nie wskazuje to też na istnienie jakiegoś poważnego problemu
związanego z witryną mobilną.
Jak dotąd udało nam się ogólnie zbadać
witrynę mobilną.
Kolejna czynność to oznaczenie konkretnych stron,
które są popularne, ale nie spełniają potrzeb użytkowników.
W tym celu zajrzymy do sekcji „Strony docelowe”
w Google Analytics.
Strony docelowe to strony, które użytkownicy otwierają
jako pierwsze w witrynie, np. wchodząc z wyszukiwarki,
klikając link w sieci czy wpisując adres w przeglądarce.
Można je posortować wg liczby wyświetleń,
co pomaga wykryć problemy związane z dużym ruchem.
Najpierw sprawdzimy średni współczynnik odrzuceń na komórkach
i jego średnią różnicę między komputerami a komórkami,
która w mojej witrynie wynosi około 7%.
Oznaczymy często odwiedzane strony,
gdzie ten współczynnik na komórkach znacznie przekracza średnią
lub jego różnica między komórkami a komputerami
jest wyższa niż średnia.
Okazuje się, że na urządzeniach przenośnych
druga najpopularniejsza strona docelowa to kategoria YouTube
pod adresem /You+Tube.
Na tę popularną stronę w ciągu kilku ostatnich miesięcy
weszło ponad 9000 osób, ale niestety jej współczynnik odrzuceń
dwukrotnie przekracza średnią.
Oznaczę tę stronę, by później ją poprawić.
Kilka wierszy niżej w tabeli stron docelowych widzimy,
że strona mobilna /Accessories/Google+Watch+Set.axd
ma współczynnik odrzuceń równy 87%, cztery razy wyższy niż średnia.
Tę stronę też oznaczę, by później ją poprawić.
Co gorsza, kilka wierszy niżej jest strona mobilna
/Google+Redesign/Wearables/Men+s+T+Shirts/ ze współczynnikiem odrzuceń,
który trzykrotnie przekracza ten na komputerach.
Średni współczynnik odrzuceń na komórkach jest o około 8% wyższy
niż na komputerach.
Jednak na tej stronie kategorii z męskimi koszulkami
jest trzy razy wyższy.
To kolejna strona do oznaczenia.
Oprócz kontroli stron docelowych w Google Analytics
można też użyć Zdarzeń, by śledzić zachowanie użytkowników mobilnych.
Np. tak wygląda kod, który sprawdza,
czy na stronie mobilnej użytkownik kliknął
link do pełnej wersji witryny.
Śledzenie kliknięć linku do pełnej wersji witryny
pozwala wykryć, czy strona nie jest wystarczająco przydatna
lub funkcjonalna dla użytkownika mobilnego.
Sekcja „Zdarzenia” pokazuje zagregowane dane
o częstotliwości występowania zdarzenia na wybranej stronie.
Zaawansowani webmasterzy mogą też śledzić
zdarzenia mikrokonwersji, np. kliknięcia linku kontaktowego,
numeru telefonu czy adresu e-mail.
Udało nam się znaleźć kilka popularnych stron mobilnych,
które nie są zbyt atrakcyjne dla użytkowników.
W drugiej części filmu
zajmiemy się różnymi sposobami
wprowadzania poprawek.
Spróbujemy ulepszyć trzy strony oznaczone wcześniej,
czyli stronę kategorii YouTube, kategorii z męskimi koszulkami
w dziale odzieży Google oraz pojedynczego produktu,
zegarka Google, w dziale akcesoriów.
Możliwości ulepszenia stron mobilnych
najlepiej poszukać w sekcji „Szybkość witryny”
w menu „Zachowanie”.
W sekcji „Szybkość witryny – czas wczytywania”
sprawdzimy, czy strona wczytuje się dłużej lub krócej
niż wynosi średnia witryny.
Lista jest domyślnie sortowana wg liczby wyświetleń strony.
Wyraźnie widać, które często odwiedzane strony
są irytująco powolne.
W zeszłym tygodniu spotkałam się z moim znajomym i współpracownikiem,
Nickiem Mihailovskim, który dobrze zna Google Analytics.
Oboje byliśmy szczerze zdziwieni,
że strona z trzecią najwyższą łączną liczbą wyświetleń,
czyli kategoria YouTube,
wczytuje się prawie 20 s,
o 350% wolniej niż średnia witryny mobilnej.
Słaba wydajność to prawdopodobna przyczyna
współczynnika odrzuceń przekraczającego średnią.
Trudno wymagać od użytkowników mobilnych,
by cierpliwie czekali 20 s.
Aby poprawić tę stronę, oczywiście musimy
przyspieszyć jej działanie.
W sekcji „Szybkość witryny – sugestie” jest 9 wskazówek
na temat strony kategorii YouTube.
Powolne działanie często frustruje użytkowników mobilnych.
Inna wada to braki w funkcjonalności.
Aby dobrze zorientować się w problemach z funkcjonalnością
stron mobilnych, o ile to w ogóle możliwe,
otwórz witrynę i spróbuj z niej skorzystać
na takim samym urządzeniu, jak użytkownicy.
Jeśli nie masz dostępu do takiego urządzenia,
użyj narzędzi Chrome dla programistów,
by ogólnie sprawdzić, jak użytkownik mobilny widzi witrynę.
Kliknij kolejno „Settings” i „Overrides”,
wybierz kilka mobilnych klientów użytkownika i obejrzyj stronę.
Wpisałam URL drugiej strony do poprawienia,
/Google+Redesign/Wearables/Men+s+T+shirts.
Ta strona kategorii ma różnicę współczynnika odrzuceń
na komputerach i komórkach trzy razy wyższą niż średnia.
Aby wykryć problemy z funkcjonalnością,
poszukam np. niechcianych przekierowań,
denerwujących wyskakujących okienek,
za małych czcionek lub przycisków
oraz innych uciążliwych elementów.
Szybko okazuje się,
że po kliknięciu pojedynczego produktu
strona otwiera szerokie wyskakujące okienko,
które trudno wybrać i zamknąć.
Dodatkowo czcionki i przyciski
są za małe na ekranie urządzenia przenośnego.
Przyjmuję jednak, że to duże wyskakujące okienko dla każdego
produktu na stronie kategorii, które trudno wybrać i zamknąć,
może być główną przyczyną wysokiego współczynnika odrzuceń
tej strony mobilnej.
Taki sam problem z funkcjonalnością
występuje na każdej stronie kategorii,
więc trzeba go rozwiązać w całej witrynie.
Jak dotąd sprawdziliśmy szybkość i funkcjonalność.
Teraz omówię poprawianie treści.
Ostatnia popularna, ale mało przydatna strona mobilna,
którą oznaczyłam, to /Accessories/Google+Watch+Set.axd.
Na tej stronie produktu oferujemy prosty, wodoszczelny zegarek
z logo Google.
Oznaczyłam ją, bo jej współczynnik odrzuceń
czterokrotnie przekracza średnią.
Wyświetlenie jej z mobilnym klientem użytkownika
nie ujawnia niczego nietypowego, co dawałoby wysoki współczynnik.
Np. strona zawiera małe czcionki i przyciski,
podobnie jak reszta witryny.
Choć trzeba je poprawić,
nie one są przyczyną, bo występują w całej witrynie.
Nie ma tu denerwujących wyskakujących okienek,
więc przyczyna problemu jest inna.
Aby zrozumieć, dlaczego współczynnik odrzuceń na komórkach
jest tak wysoki, spróbujmy ustalić
intencje użytkowników, którzy wchodzą na stronę
/Accessories/Google+Watch+Set.
Gdy w źródłach wizyt wyodrębnimy segment z urządzeniami przenośnymi,
jako wymiar dodatkowy możemy wybrać źródło.
Po kliknięciu widoku wykresu kołowego
okazuje się, że 82% odbiorców otwierających tę stronę na komórce
wchodzi na nią z wyszukiwarki.
Intencje użytkownika wskazuje wyszukiwane hasło,
więc sprawdzimy zweryfikowaną witrynę mobilną
na koncie Narzędzi dla webmasterów.
Wybierz „Najpopularniejsze strony” i przefiltruj wg wyszukiwań mobilnych.
Strona /Accessories/Google+Watch+Set
jest wśród najpopularniejszych, a główne zapytanie
to „zegarek Google”.
Po wyszukaniu tego hasła na smartfonie zauważamy,
że pierwszy wynik wyszukiwania
dotyczy pogłosek o inteligentnym zegarku Google.
Aha.
Wygląda na to, że typowy wyszukujący,
który klika stronę tego produktu, spodziewa się czegoś innego.
Większość chce zobaczyć rzekomy inteligentny zegarek Google,
a nie wodoszczelny, gumowy zegarek z logo Google.
Na urządzeniach przenośnych niezadowoleni wyszukujący
zwykle od razu opuszczają witrynę.
Z kolei na komputerach mogą otwierać inne strony,
by znaleźć inteligentne urządzenie.
Aby zwiększyć przydatność tej strony mobilnej,
mogę spróbować zmienić kierowany do niej ruch.
Jedno z rozwiązań to zmiana tytułu lub metaopisu,
tak by wynik wyszukiwania
zawierał trafniejsze informacje o produkcie.
Mogę też zmienić nazwę produktu,
np. na „Zegarek z logo Google”,
dzięki czemu wyszukujący łatwo zauważą różnicę.
W ten sposób rozwiązaliśmy problemy
ze wszystkimi oznaczonymi stronami.
W tych materiałach dodatkowych znajdziesz informacje o tym,
jak tworzyć i ulepszać witrynę mobilną, by klienci byli zadowoleni.
Dziękuję za uwagę.