8 typowych pułapek witryn mobilnych, których należy unikać w przypadku SEO

Ponieważ korzystanie z mobilnego Internetu było najwyższe w historii, Google rozprawia się z witrynami o słabym doświadczeniu mobilnym. Projektowanie stron internetowych na urządzenia mobilne i wrażenia użytkownika muszą być częścią każdej skutecznej strategii online.

Sposób, w jaki witryna obsługuje ruch z urządzeń mobilnych, może bezpośrednio wpływać na obecność tej firmy w wynikach wyszukiwania. Tylko w tym miesiącu Google ogłosił, że dodaje zastrzeżenie pod wynikami wyszukiwania mobilnego, które przekierowuje użytkowników smartfonów ze strony, którą kliknęli w SERP, na stronę główną tej witryny. Z punktu widzenia Google to wyłączenie odpowiedzialności poprawia komfort korzystania z urządzeń mobilnych; tymczasem webmasterzy powinni być zaniepokojeni, czy ich mobilne strony internetowe nie są odpowiednio przygotowane do obsługi rosnącej liczby zapytań mobilnych.

Aktualizacja: kilka godzin po opublikowaniu tego posta, Google ogłosił kolejną zmianę w SERP związanych z ostrzeganiem użytkowników mobilnych o nieoptymalnym doświadczeniu użytkownika. Witryny korzystające z Flasha będą zawierać informację, że witryna wymieniona w wynikach „Używa Flasha” i „Może nie działać na Twoim urządzeniu”.

Witryny wywierają presję, aby zapewniać przyjazne dla użytkownika doświadczenie mobilne, ponieważ liczba zapytań mobilnych przekroczyła w tym roku zapytania na komputery stacjonarne.

Przeglądanie mobilne nie jest modą typu „dzisiaj i jutro”. Internet mobilny dał początek nowemu stylowi życia konsumentów. Projektowanie mobilne nie jest już opcją, ale koniecznością w świecie, w którym witryny przyjazne dla urządzeń mobilnych zmieniają odwiedzających w klientów.

Według Pew Research Center:

• 90 procent dorosłych Amerykanów posiada telefon komórkowy.
• ⅔ Amerykanów z telefonami komórkowymi używa swoich telefonów do łączenia się z Internetem.
• ⅓ Amerykanów posiadających telefony komórkowe używa urządzenia mobilnego jako głównego punktu dostępu do Internetu.
• Od 2012 r. adopcja smartfonów wzrosła o 69 procent.

Czy Twoja witryna mobilna jest na równi? Aby pomóc właścicielom firm i marketerom internetowym być na bieżąco z trendami mobilnymi, główny analityk SEO w firmie Bruce Clay, Inc., Ty Carson, informuje o najczęstszych pułapkach w projektowaniu witryn mobilnych.

Technologia mobilnej witryny internetowej

Unikanie najczęstszych pułapek w projektowaniu witryn mobilnych zaczyna się przede wszystkim od wyboru odpowiedniej technologii do budowy witryny mobilnej. Skąd wiesz, które technologie są bardziej przyjazne dla wyszukiwarek niż inne, jeśli nie masz doświadczenia z zakresu IT lub programistów internetowych?

Carson sugeruje, aby właściciele firm najpierw skonsultowali się z firmą SEO, zanim zdecydują, której technologii użyć. Zaleca też tworzenie witryn mobilnych przy użyciu możliwych do indeksowania, statycznych stron HTML, a nie technologii opartych na technologii AJAX. Jeśli AJAX jest Twoją preferowaną technologią, możesz pomóc Google w prawidłowym indeksowaniu Twojej witryny, postępując zgodnie ze wskazówkami dla webmasterów, aby umożliwić indeksowanie aplikacji AJAX. Ale wiedz, że, jak mówi Carson, „Wyszukiwarki mają problem z dostępem do dynamicznie obsługiwanego JavaScriptu, więc lepiej całkowicie unikać technologii AJAX lub JS”.

Mobilne opcje projektowania stron internetowych

Gdy już zdecydujesz, której technologii zamierzasz użyć do stworzenia swojej witryny mobilnej, następnym ważnym czynnikiem do rozważenia jest to, która z trzech obsługiwanych przez Google konfiguracji smartfonów najlepiej sprawdza się w Twojej witrynie:

1. Responsywne projektowanie stron internetowych
2. Dynamiczne serwowanie
3. Oddzielna witryna mobilna

Analityk SEO BCI, John Alexander, omówił zalety i wady każdej opcji w poście na blogu BCI zatytułowanym A Cheat Sheet for Mobile Design. Przeczytaj cały post, aby uzyskać szczegółowe informacje na temat zalet i wad każdego z nich, ale na wysokim poziomie wiedz, że:

• Projekt responsywny to preferowana przez Google konfiguracja smartfonów dla witryn mobilnych. Jednak nie zawsze może to być praktyczne rozwiązanie w zależności od rozmiaru i układu witryny.
• Udostępnianie dynamiczne to kolejna świetna opcja do projektowania witryn mobilnych, ale jej wdrożenie może być nieco trudne i może powodować niezamierzone problemy z maskowaniem, jeśli nie zostanie prawidłowo zaimplementowane.
• Oddzielna witryna mobilna jest dość powszechną opcją, szczególnie w przypadku witryn z wieloma stronami, ale wymaga podwójnej konserwacji z całą oddzielną witryną w zestawie.

Bez względu na to, z jaką konfiguracją wybierzesz pracę lub którą już wdrożyłeś, nadal istnieje prawdopodobieństwo, że utracisz 68% ruchu mobilnego, jeśli te rozwiązania mobilne nie zostaną prawidłowo zaimplementowane.

Typowe problemy z witrynami mobilnymi wbudowanymi w HTML

Chcesz ułatwić klientom znalezienie Cię bez względu na to, gdzie się znajdują i z jakiego urządzenia korzystają? Czytaj dalej, aby dowiedzieć się, czy popełniasz jeden z tych głównych grzechów projektowania witryn mobilnych, widzianych oczami naszego głównego analityka SEO, który przeprowadził więcej niż uczciwy udział w recenzjach SEO witryn mobilnych.

Pułapka nr 1: Wadliwe przekierowania

Witryna internetowa powinna prawidłowo wykrywać programy użytkownika i kierować odwiedzającego odpowiednio do żądanej strony witryny komputerowej lub witryny mobilnej. Aby serwer mógł właściwie kierować odwiedzających z różnych urządzeń, witryna mobilna musi mieć odpowiadające im strony dla każdej strony w witrynie na komputery. Ten problem jest czynnikiem zachęcającym do nowej obsługi wyników wyszukiwania przez Google, która przekierowuje użytkowników na stronę główną, jak opisano powyżej.

Pułapka nr 2: Brakująca (lub zła) alternatywa

Ten problem może stanowić problem w przypadku witryn z osobną witryną mobilną. Zgodnie z ogólną zasadą każda strona na komputery powinna wskazywać odpowiednią stronę mobilną. Można to zrobić, umieszczając tag rel="alternate" na stronach na komputery. Co najważniejsze, wskazana strona mobilna musi być stroną, która jest bardzo zbliżona do strony na komputery. Zapewnia to lepsze wrażenia z wyszukiwania dla użytkowników mobilnych. Nie ma nic bardziej rozczarowującego dla użytkowników mobilnych niż kliknięcie pozornie obiecującego wyniku tylko po to, by odkryć, że strona tak naprawdę nie istnieje… przynajmniej dla użytkownika urządzenia mobilnego.

Pułapka nr 3: brakujący (lub nieprawidłowy) kanoniczny

Oto kolejny problem, który może wystąpić podczas korzystania z oddzielnej witryny mobilnej. W przypadku każdej strony mobilnej z odpowiednią stroną na komputery, która na nią wskazuje, właściciele witryn powinni umieścić tag rel="canonical", który wskazuje odpowiednią stronę na komputery. Podczas gdy tag rel=”alternate” na stronach mobilnych poprawia wygodę wyszukiwania mobilnego, tag kanoniczny zapobiega problemom z duplikacją treści i informuje wyszukiwarki, która wersja strony powinna zostać zindeksowana.

Pułapka nr 4: maskowanie w celu zmiany treści w oparciu o klienta użytkownika

Jest to powszechny problem w dynamicznych witrynach mobilnych, a także witrynach korzystających z technologii, z którymi wyszukiwarki mają problem, takich jak Flash i JavaScript. Maskowanie jest bezpośrednim naruszeniem wskazówek Google dla webmasterów i odnosi się do praktyki przedstawiania użytkownikom jednej wersji witryny mobilnej, podczas gdy wyszukiwarki uzyskują zupełnie inną wersję. Najlepszym sposobem rozwiązania tego problemu jest upewnienie się, że wszyscy klienci użytkownika i boty wyszukiwarek otrzymują ten sam kod źródłowy, co użytkownicy mobilni.

Pułapka nr 5: Szybkość witryny mobilnej

Według danych z Google Analytics przeciętna strona internetowa ładuje się na urządzeniu mobilnym w ciągu około 10 sekund, a mimo to większość użytkowników mobilnych ma znacznie krótszy czas uwagi. Google zaleca skrócenie czasu ładowania strony do jednej sekundy lub mniej, aby zapewnić optymalne wrażenia użytkownika mobilnego. Korzystaj z narzędzi, takich jak Google Page Speed ​​Insights lub W3C Mobile Validator, aby przeprowadzać testy szybkości witryny i identyfikować różne sposoby poprawy czasu wczytywania stron w witrynie mobilnej.

Pułapka nr 6: duże rozmiary obrazów i plików

Podobnie jak w przypadku problemu 3 powyżej, strony internetowe z dużą ilością obrazów i dużymi rozmiarami plików są głównymi problemami, które mogą powodować znacznie wolniejsze ładowanie stron internetowych. Im dłużej trwa ładowanie strony, tym bardziej prawdopodobne jest, że stracisz odwiedzających. Długie czasy ładowania strony mogą również skutkować wolniejszymi szybkościami indeksowania, co oznacza mniejszą liczbę indeksowanych stron mobilnych. Rozwiązanie: użyj skompresowanych obrazów i mniejszego rozmiaru pliku, aby skrócić czas renderowania strony przez wyszukiwarki mobilne.

Pułapka nr 7: brak metatagów

Jeśli chodzi o dostarczanie wyników wyszukiwania, Google traktuje telefony komórkowe i komputery stacjonarne zupełnie inaczej, gdy zachowanie i zamiary użytkowników są uwzględniane w wynikach wyszukiwania. Dlatego chcesz zoptymalizować swoją witrynę pod kątem wyszukiwania mobilnego w taki sam sposób, jak w przypadku wyszukiwania na komputerze. Najłatwiejszą naprawą brakujących metatagów na stronach mobilnych jest pobranie ich z odpowiadających im stron na komputery i upewnienie się, że pasują do tego, czego użytkownik mobilny wyszukuje w Google, aby zapewnić bezproblemową obsługę.

Pułapka nr 8: brak mapy witryny mobilnej

Jeśli masz oddzielną witrynę mobilną, potrzebujesz osobnej mapy witryny. Bez mapy witryny dla Twojej witryny mobilnej utrudnisz wyszukiwarkom szybkie rozpoznanie, o co chodzi w Twojej witrynie i stronach. Mapa witryny wskazuje również na dodatkowe strony w Twojej witrynie, które mogły zostać pominięte podczas normalnego procesu indeksowania. Należy utworzyć plik sitemap.xml zawierający wszystkie strony statyczne, które powinny być przeszukiwane i indeksowane przez wyszukiwarki i które powinny znajdować się w katalogu głównym witryny m.domain.

Unikaj najczęstszych pułapek w projektowaniu urządzeń mobilnych, instalując analitykę witryny i weryfikując własność zarówno witryny na komputery, jak i na urządzenia mobilne za pomocą Narzędzi dla webmasterów. Pomoże to zidentyfikować i naprawić błędy, które mogą utrudniać użytkownikom korzystanie z urządzeń mobilnych.

Aby uzyskać informacje o tym, jak zoptymalizować swoje strony pod kątem szybkości i SEO mobilnego, zalecamy rozpoczęcie od tych zasobów:

• Kompleksowa mobilna lista kontrolna SEO i projektowa
• Samouczek SEO: SEO mobilne i optymalizacja UX
• Optymalizacja obrazu: pierwsza rzecz, którą możesz zrobić, aby poprawić UX na urządzeniach mobilnych
• Przewodnik dla webmasterów witryn mobilnych autorstwa Google Developers