Jak zoptymalizować sklep Shopify dla urządzeń mobilnych

Opublikowany: 2023-05-19
Shopify na urządzenia mobilne

Urządzenia mobilne nie wyprzedziły komputerów stacjonarnych jako głównej platformy zakupów online — jeszcze. Ale zbliża się.

Urządzenia mobilne odpowiadają już za połowę całego ruchu e-commerce i według prognoz będą generować 43,4% całej sprzedaży e-commerce w 2023 r. Aż trzy czwarte odwiedzających zastanawia się dwa razy przed powrotem do witryny, która nie jest zoptymalizowana pod kątem urządzeń mobilnych — jeśli mogą znaleźć to znowu. Domyślnie Google najpierw indeksuje mobilną wersję witryny w celu uwzględnienia jej w wynikach wyszukiwania.

Oznacza to, że jeśli Twój sklep Shopify nie jest zoptymalizowany pod kątem urządzeń mobilnych, nie zajmuje tak dobrych pozycji w rankingu, jak mógłby być.

Optymalizacja to coś więcej niż tylko uczynienie witryny responsywną. Zapewnia intuicyjny interfejs i wyjątkowe wrażenia dla potencjalnych klientów, które rekompensują brak szerszego ekranu podczas zakupów. Twoje wybory muszą być dokładnie przemyślane, aby zapewnić bezproblemową podróż klienta i powielić wygodę komputera stacjonarnego.

Oto, jak omówić podstawy podczas projektowania witryny na urządzenia mobilne.

Spis treści

Wskazówki dotyczące optymalizacji sklepu Shopify pod kątem urządzeń mobilnych

Zwróć uwagę na czas ładowania strony

Cokolwiek robisz, nie ignoruj ​​​​optymalizacji prędkości w swoim sklepie Shopify. Na urządzeniach mobilnych ludzie nie mają możliwości przełączania się na inną kartę, gdy czekają na jej załadowanie. Nie żeby i tak to zrobili.

Prawdopodobieństwo, że użytkownik odrzuci Twoją witrynę, wzrasta o 32%, jeśli prędkość ładowania strony przekroczy jedną sekundę. Co więcej, wpłynie to również na SEO Twojej witryny Shopify. Czasy ładowania strony są uwzględniane w algorytmie Google dla rankingów wyszukiwania. Istnieje kilka sposobów optymalizacji czasu ładowania strony, w tym wybór wysokiej jakości hostingu, kompresja obrazów, wykorzystanie sieci dostarczania treści (CDN) i nie tylko.

Uprość nawigację

Dostępność wyboru i świadome wzorce zakupów sprawiły, że klienci nigdy nie przegapią okazji, by poszukać gdzie indziej, zanim zdecydują się na zakup. Jest to dość łatwe na komputerze stacjonarnym z dodatkowym miejscem na ekranie, aby pomieścić opcje nawigacji i możliwość jednoczesnego otwarcia kilku kart.

Jest to trochę mniej wygodne na telefonie, ponieważ wymaga znacznie więcej przewijania i przesuwania, aby uzyskać dostęp do odpowiedniej treści, a nawet paska nawigacyjnego. Coś w rodzaju składanego, lepkiego paska nawigacyjnego wykonuje tę samą pracę.

Świetnym sposobem na to jest umieszczenie menu hamburgerów na każdej stronie. Bułka tarta, funkcja inteligentnego wyszukiwania i filtry produktów przyjazne dla urządzeń mobilnych są również pomocne dla użytkowników w nawigacji po sklepach Shopify na urządzeniach mobilnych. Na przykład firma Color Cord implementuje te funkcje, aby ułatwić użytkownikowi przewijanie.

Uproszczona nawigacja w sklepie Shopify na urządzeniach mobilnych

Fotografia produktowa

Ludzie mają tendencję do kupowania oczami. W rzeczywistości 75% kupujących online polega na zdjęciach produktów przy podejmowaniu decyzji o zakupie — i dotyczy to urządzeń mobilnych bardziej niż gdziekolwiek indziej.

Jeśli prowadzisz mobilny sklep Shopify z produktami takimi jak suplementy zdrowotne, produkty spożywcze lub przyprawy, upewnij się, że masz włączony wygodny zoom w wysokiej rozdzielczości, aby klienci mogli przeglądać etykiety produktów i składniki. To, że Twoi klienci korzystają z urządzeń mobilnych, nie oznacza, że ​​są mniej świadomi jakości.

Teraz, gdy zoptymalizowałeś stronę pod kątem odwiedzających ją ludzi, nie zapomnij o botach wyszukiwarek. Zoptymalizuj swoje obrazy pod kątem SEO, zmniejszając rozmiar pliku, włączając tekst alternatywny i używając nazwy pliku bogatej w słowa kluczowe. Na przykład nazwa pliku dżinsy z podwójną talią i szerokimi nogawkami jest bardziej wartościowa dla SEO niż zdjęcie produktu1 .

Zdjęcia sklepu Pixie Market Shopify zoptymalizowane pod kątem urządzeń mobilnych

Dostosuj filmy do mniejszych ekranów

Filmy są dużą częścią zakupów w e-commerce. To druga natura kupującego, aby kliknąć dostępne wideo produktu przed przejrzeniem ryz tekstu.

Filmy demonstracyjne i prezentujące produkty pomagają klientom lepiej zorientować się, czy produkt jest dla nich odpowiedni, czy nie. Filmy wideo na stronie mogą również zwiększać wartość SEO. Podczas gdy karuzela wideo na stronie wyników wyszukiwania Google będzie zawierała filmy z YouTube, fragment rozszerzony wideo przekieruje ruch do Twojej witryny. Istnieje również pośrednia korzyść wynikająca z poprawy czasu przebywania w witrynie Shopify — klienci pozostaną na stronie dłużej, aby obejrzeć film, co może poprawić pozycję Twojej strony w rankingu.

Jeśli masz zintegrowane filmy w sklepie Shopify, upewnij się, że są zoptymalizowane pod kątem urządzeń mobilnych. Odtwarzacze wideo, do których dostęp jest niewygodny lub powodują usterki, tylko zwiększą frustrację kupujących i doprowadzą do porzucenia koszyka.

Przemyśl, jak pozycjonujesz swój tekst

Tradycyjnie właściciele sklepów uważają, że więcej szczegółów jest lepszych niż mniej, jeśli chodzi o zakupy online. Kopiowanie pomaga również w SEO, więc w Shopify im więcej okazji wykorzystasz do optymalizacji tekstu za pomocą słów kluczowych, tym bardziej prawdopodobne jest, że zbudujesz organiczny ranking.

Powinieneś jednak oprzeć się pokusie zapychania miejsca na ekranie, jeśli chodzi o urządzenia mobilne. Jak już ustaliliśmy, większość zakupów i przeglądania to wrażenia wizualne. Im więcej masz tekstu, tym więcej potencjalnych klientów musi przewijać, aby dostać się do zdjęć produktów.

Tutaj następuje malejący zwrot z kopii. Ważne jest, aby dodać opis produktu, ale nie powinno to odbywać się kosztem doświadczenia użytkownika. Dobrym celem dla stron produktów jest umieszczenie około 200-300 słów w opisie, pamiętając, że możesz podzielić tekst punktorami, aby uzyskać większą atrakcyjność wizualną.

Dołącz do swojego sklepu Shopify absolutnie niezbędne informacje dla użytkowników mobilnych, takie jak nazwa produktu, cena, specyfikacje i wezwania do działania. Jeśli chcesz dodać więcej tekstu, na przykład na stronach kategorii rozważ zwijane opisy i menu.

Zoptymalizowany pod kątem urządzeń mobilnych sklep Hasu-seizo w Shopify

Rozważ także zwiększenie rozmiaru czcionki z 12-punktowej standardowej dla komputerów stacjonarnych. Coś pomiędzy 14 a 16 pikselami jest idealne, aby klienci nie musieli powiększać i pomniejszać podczas przewijania. Wybierz tradycyjne czcionki dla swojego tekstu. Istnieje prawdopodobieństwo, że niekonwencjonalne mogą nie wyświetlać się poprawnie na niektórych urządzeniach.

Zadbaj o widoczność wezwań do działania

Właściwa strategia wezwania do działania może być potężnym katalizatorem konwersji na stronie w Twoim sklepie Shopify. Na urządzeniach mobilnych dobrym pomysłem może być poeksperymentowanie z przyklejanymi przyciskami wezwania do działania, które podążają za użytkownikiem podczas przewijania. Pomaga to usprawnić podróż użytkownika i zmniejsza ryzyko opuszczenia sklepu przez użytkownika z powodu braku monitu.

Jeśli przetestowałeś go A/B i stwierdziłeś, że poprawiony działa lepiej, upewnij się, że się wyróżnia. Wezwania do działania, które sprawiają wrażenie mniej zagraconych i są otoczone większą ilością białej przestrzeni, mogą znacznie zwiększyć liczbę konwersji.

Ustaw wezwanie do działania na tyle duże, aby łatwo było je kliknąć. Zrób to dla wszystkich przycisków w swoim sklepie Shopify, aby użytkownicy mobilni nie musieli majstrować przy urządzeniach, aby uzyskać dostęp do funkcji.

Pomyśl też o tym, co chcesz przekazać wezwaniu do działania. W zależności od tego, jaki jest Twój produkt, możesz zrezygnować z klasycznego „Dodaj do koszyka” lub „Kup teraz” na rzecz czegoś bardziej kreatywnego, takiego jak „Przyjrzyj się”, „Podaruj sobie”, a nawet niestandardowego, takiego jak „Pospiesz się! Zdobądź to teraz!' dla produktów z ograniczonymi zapasami.

Porzuć wyskakujące okienka

Wyskakujące okienka często mogą wydawać się szkodliwym dodatkiem do stron, nawet na komputerach stacjonarnych, i generalnie są szkodliwe dla biznesu w witrynach mobilnych. Losowo wyskakujący baner, który pojawia się na ekranie, może być irytujący, gdy nagle zakrywa zawartość ekranu. Jeśli użytkownik nie może go szybko zamknąć, być może z powodu usterki UX, może to łatwo oznaczać utratę sprzedaży. Zbyt wiele takich przypadków spowoduje wysoki współczynnik odrzuceń, co może zaszkodzić rankingowi organicznemu strony.

Użytkownicy mobilni prawdopodobnie i tak nie zapiszą się do biuletynów, gdy przeglądają Twój sklep Shopify. Zaoferuj im szansę za pośrednictwem poczty e-mail, gdy zarejestrują konto. A jeśli masz zniżkę, którą chcesz wyróżnić, dodaj krótką notatkę pod wezwaniem do działania zamiast wyskakującego banera. Pomoże to utrzymać ciągłość podróży użytkownika i skieruje go tam, gdzie chcesz, aby się udał — do koszyka kasy.

Zoptymalizuj realizację transakcji dla urządzeń mobilnych

Zdziwiłbyś się, ile pieniędzy zostaje na stole, ponieważ właściciele sklepów Shopify nie usprawniają realizacji transakcji dla użytkowników mobilnych. Średni wskaźnik porzucania koszyka wśród kupujących online wynosi prawie 70%. To prawdziwa strata, gdy wykonałeś całą ciężką pracę, aby sprowadzić potencjalnego klienta do swojej witryny.

Istnieje wiele sposobów na ułatwienie klientom dokonywania płatności. Zminimalizowanie ilości informacji, które muszą wprowadzić w formularzach, jest na szczycie listy. Prośba o więcej danych trwa dłużej, budzi więcej obaw związanych z prywatnością i zwiększa szanse na odrzucenie przez użytkownika. Rozważ opcje, takie jak umożliwienie nowym użytkownikom rejestrowania się przy użyciu ich kont Google lub iOS i automatyczne pobieranie danych z formularzy z przeglądarki, w której użytkownicy mają tę opcję włączoną.

Zaoferuj swoim klientom więcej opcji płatności specyficznych dla regionu i zaznacz to w interfejsie. Możesz także chcieć dodać kilka ikon zaufania w całym procesie realizacji zakupu, aby wskazać, że Twoja witryna Shopify jest bezpieczna. Bezpieczeństwo jest nadal głównym problemem użytkowników mobilnych, a aż 31% wskazuje, że właśnie dlatego nie kupują na urządzeniach przenośnych.

Współpracuj z ekspertami Shopify , aby stworzyć wyjątkowy sklep mobilny

Szybko zbliżamy się do punktu, w którym strony internetowe będą projektowane pod kątem urządzeń mobilnych i zoptymalizowane pod kątem komputerów. Zabezpiecz swoją witrynę e-commerce na przyszłość z pomocą ekspertów, którzy wiedzą, co robią, jeśli chodzi o projektowanie stron internetowych. W Coalition zbudowaliśmy około 800 stron internetowych i zarobiliśmy naszym klientom ponad pół miliarda dolarów przychodów.

Niezależnie od tego, czy chcesz założyć od podstaw mobilny sklep Shopify, czy zoptymalizować istniejący i uzyskać z niego większą wartość SEO, możemy Ci pomóc. Rzuć okiem na naszą pracę lub umów się na bezpłatną konsultację już dziś.