Jak projektowanie stron mobilnych wpływa na wyszukiwanie lokalne (i co z tym zrobić)
Opublikowany: 2022-03-10Ponieważ mobile-first zajmuje centralne miejsce w większości artykułów, które piszę w dzisiejszych czasach, wielu projektantów i programistów pytało, dlaczego tak jest. Jasne, Google zrobił na to duży nacisk, więc mądrze jest robić to, co mówi Google. Jednak w przypadku niektórych witryn większość ruchu nie pochodzi od użytkowników mobilnych.
W tej chwili niektóre strony internetowe otrzymują większy ruch mobilny niż inne, a wiele z nich sprowadza się do lokalizacji. Jak wyjaśnia Google:
„Poszukiwanie czegoś w pobliżu — kawiarni, restauracji z makaronem, sklepu obuwniczego — to jedno z najczęstszych wyszukiwań, jakie wykonujemy. W rzeczywistości prawie jedna trzecia wszystkich wyszukiwań mobilnych jest związana z lokalizacją”.
Logicznie rzecz biorąc, ma to sens. Jeśli użytkownik ma dostęp do komputera stacjonarnego lub laptopa w domu lub w pracy, jest bardziej prawdopodobne, że użyje go do zainicjowania wyszukiwania. Niezależnie od tego, czy pracują wielozadaniowo (np. koordynując kolację ze znajomym przez Skype), spacerują po mieście, czy decydują się zamówić kolację, ale nie chcą ruszać się z kanapy, urządzenie mobilne jest szybkim sposobem na uzyskanie tych informacji .
W tym artykule skupię się wyraźnie na tego rodzaju konsumentach i stronach internetowych, które do nich przemawiają. Innymi słowy, jeśli projektujesz witryny internetowe dla firm działających lokalnie, czytaj dalej, aby dowiedzieć się, jak korzystać z projektowania witryn mobilnych w celu poprawy ich lokalnego rankingu wyszukiwania.
Siedem strategii projektowania witryn mobilnych do wykorzystania w wyszukiwaniu lokalnym
W zeszłorocznym badaniu Local Consumer Review firma Bright Local ujawniła, że w pewnym momencie 2017 r. 97% konsumentów korzystało z Internetu do wyszukiwania lokalnych firm. Dla niektórych użytkowników Internet był często wykorzystywany jako zasób, a 12% szukało nowych firmy codziennie, a 29% robi to przynajmniej raz w tygodniu.

Raport autorstwa hitwise pokazuje, że większość wyszukiwań online rozpoczyna się na urządzeniach mobilnych:

Zwróć uwagę na trend w rodzajach firm, których użytkownicy najczęściej rozpoczynają wyszukiwanie na urządzeniach mobilnych (tj. są to głównie firmy lokalne).
Co więcej, wydaje się, że tego rodzaju wyszukiwania są przeprowadzane w celu wyszukiwania informacji na początku podróży kupującego. Jeśli projektanci stron internetowych i programiści zdołają dotrzeć do umysłów swoich docelowych użytkowników i zadać pytania, jakie mogą zadawać, lub jakich funkcji mogą szukać, mogą skuteczniej budować odpowiednie wrażenia mobilne za pośrednictwem swoich witryn.
Ci z Was, którzy specjalizują się w tworzeniu stron internetowych dla klientów z lokalną bazą użytkowników, powinni zastosować strategie projektowania mobilnego, które poprawiają lokalne wyniki wyszukiwania. Chociaż niektóre z twoich wysiłków poza witryną mogą w tym pomóc (takie jak tworzenie strony Google Moja Firma i odpowiadanie na recenzje na Yelp), możesz wiele zrobić ze swoim projektem, aby w dużym stopniu się do tego przyczynić.
Strategia 1: „Zaprojektuj” swoje metadane dla urządzeń mobilnych
Copywriterzy i twórcy stron internetowych zdają sobie już sprawę z kluczowej roli metadanych w działaniach marketingowych witryny w wyszukiwarkach. Za pomocą zaledwie kilku zwięzłych ciągów tekstu możesz wiele powiedzieć wyszukiwarkom i odbiorcom o swojej witrynie i każdej z jej stron internetowych. Jest to szczególnie przydatne w wyszukiwaniu lokalnym, ponieważ użytkownicy szukają wyników odpowiadających na pytanie „[wypełnij puste miejsce] w pobliżu”.
Ale to nie jest strategia, o której tutaj mówię. Zamiast tego chcę skupić się na tym, jak „zaprojektować” swoje metadane, aby były bardziej atrakcyjne dla użytkowników mobilnych, gdy Twoja witryna rzeczywiście pojawi się w lokalnych wynikach wyszukiwania.
Można to zrobić na kilka sposobów:
Pierwszym z nich jest stworzenie zwięzłych ciągów metadanych dla każdej strony internetowej. Weźmy na przykład stronę Liquid Surf Shop:

Pierwszy wynik wyszukiwania wygląda ładnie, prawda? Nazwa strony internetowej i adres URL mieszczą się w jednym wierszu. Opis dokładnie opisuje, co robi sklep (i wskazuje, gdzie się znajduje!), a jednocześnie mieści się w przydzielonym miejscu na opisy w wyszukiwarce mobilnej.
Teraz przyjrzyj się bliżej sklepowi Liquid Surf Shop w porównaniu z bezpośrednimi konkurentami w wyszukiwarce mobilnej:

Jeśli spojrzysz na powyższe wpisy dotyczące East of Maui i Dewey Beach Surf Shop, zwróć uwagę, że ich opisy kończą się niepełnym zdaniem. Następnie spójrz na poniższy sklep Bethany Surf Shop. Tytuł meta jest zbyt długi w stosunku do podanego miejsca. Ten brak uwagi na metadane może kosztować odwiedzających te witryny, gdy zostaną umieszczeni wokół dobrze napisanej aukcji, takiej jak ta w Liquid Surf Shop.
Inną rzeczą, którą możesz zrobić, aby poprawić wygląd listy wyszukiwania lokalnego (oraz jego wysoką pozycję na stronie), jest użycie znaczników schematu w kodzie projektu.
Schema.org stworzyła solidny zestaw uporządkowanych danych, które firmy mogą wykorzystać do poprawy zrozumienia wyszukiwarek, a co za tym idzie, wyników. Zwłaszcza lokalne firmy uznałyby znaczniki schematów za szczególnie przydatne, ponieważ pozwalają im „otagować” różne elementy, których konsumenci zwykle używają w procesie podejmowania decyzji.
Oto przykład dobrze wykonanych znaczników schematu dla lokalnej firmy: Henlopen City Oyster House:

Jak widać, deweloper oznaczył stronę główną różnymi ustrukturyzowanymi danymi. W szczególności powiązali go z trzema „typami”: lokalną firmą, restauracją i usługą. Każdy z tych typów schematów został omówiony jeszcze bardziej szczegółowo, pod kątem lokalizacji, kontaktu z restauracją, rodzaju kuchni i tak dalej. To świetnie nadaje się do łączenia użytkowników mobilnych z poszukiwanymi przez nich lokalnymi firmami.
Strategia 2: Skróć stronę internetową
W przypadku niektórych witryn mobilnych można poprosić użytkowników o cztero- lub pięciokrotne przewinięcie strony, zanim dotrą do końca strony. Lub zagłębić się w dwie lub trzy strony, aby dotrzeć do pożądanego punktu końcowego.
To powiedziawszy, ten rodzaj rozszerzonego doświadczenia na miejscu prawdopodobnie nie jest idealny dla lokalnych użytkowników mobilnych. Chociaż Google zwraca uwagę na takie czynniki, jak czas spędzony w witrynie i odwiedzane strony, należy bardziej martwić się o wysokie współczynniki odrzuceń i brak zaangażowania lub konwersji.
Aby stworzyć tę idealną sytuację dla użytkowników, a jednocześnie przebłagać bogów wyszukiwania, podczas projektowania strony internetowej i jej nawigacji skupiasz się na tym, aby była krótka i rzeczowa.
W tym przykładzie użyję strony Bad Hair Day:

Nagłówek strony zawiera wszystkie informacje, których ktoś może realnie potrzebować, jeśli chce skontaktować się z salonem fryzjerskim i spa. Znajduje się tam adres wraz z numerem telefonu (który ma funkcję „kliknij, aby zadzwonić”) i ikonami mediów społecznościowych.
Inne rodzaje stron internetowych również przydadzą się, aby umieścić tutaj informacje specyficzne dla firmy i wezwania do działania. Na przykład:
- Wyszukiwanie lokalizacji
- Godziny operacji
- Umów się na spotkanie lub rezerwację
- Zobacz menu (dla jedzenia)
…i tak dalej.

Przewiń trochę stronę w dół, aby otworzyć menu hamburgerów. Jak widać, ta nawigacja ma prostą strukturę i utrzymuje wszystkie niezbędne elementy na najwyższym poziomie, aby ułatwić odkrycie.

Strona główna tej witryny mobilnej wymaga tylko trzech pełnych przesunięć, zanim dojdziesz do jej końca, co jest naprawdę miłym akcentem. Zamiast tworzyć nadmiernie rozbudowaną stronę główną z sekcjami podsumowania każdej strony, które zmuszają użytkowników do przewijania i przewijania, Bad Hair Day zapewnia prostotę.
Oferując tak przyjazny dla użytkownika układ i strukturę, Bad Hair Day stworzył naprawdę niesamowite pierwsze wrażenie. Ponadto, zachowując prostotę, serwis nie jest obciążony nadmierną ilością obrazów, animacji, skryptów i tak dalej. Z tego powodu witryna mobilna szybko się ładuje.
Strategia 3: Lokalizacja treści wizualnych
Jeśli Twoje witryny składają się głównie z dużych próbek kolorów i zdjęć stockowych, ta opcja nie będzie miała zastosowania. Jeśli jednak tworzone projekty zawierają niestandardowe zdjęcia i filmy, istnieje wyjątkowa okazja, aby wykorzystać te treści wizualne do rankingu w wyszukiwaniu lokalnym.
Jeśli ma to sens, dołącz zdjęcia, które mocno przemawiają do lokalnych mieszkańców. Rozpoznawalne obrazy lokalnego krajobrazu lub pejzażu miejskiego dadzą odwiedzającym powód do poczucia silniejszego związku z biznesem. To trochę jak nawiązanie więzi z lokalną drużyną sportową podczas rozmowy konsultacyjnej lub pierwszego spotkania. Tylko, że możesz nawiązać z nimi to połączenie poprzez wybór obrazów.
Ale tak właśnie odwołujesz się do lokalnych powiązań odwiedzających na stronie. Co powiesz na wyszukiwanie?
W tym celu użyj tekstu alternatywnego na obrazach i filmach. Jest to zwykle zalecane ze względu na ułatwienia dostępu (tj. pomaganie osobom niepełnosprawnym w korzystaniu z Twoich treści, nawet jeśli ich nie widzą lub nie słyszą). Jednak tekst alternatywny jest również czytelny dla botów Google. Jeśli użyjesz w tekście alternatywnym obrazu odpowiednich rodzajów słów kluczowych związanych z lokalizacją, ta treść wizualna może uzyskać wyższą pozycję w lokalnych wyszukiwaniach grafiki. Pamiętaj tylko, że nie chcesz poświęcać dostępności na rzecz lokalnego SEO. Postaraj się, aby tekst alternatywny był opisowy, jednocześnie znajdując sposoby na dodanie do niego lokalnych słów kluczowych.

Jednym z lokalnych rodzajów działalności, który moim zdaniem jest szczególnie przydatny, jest agencja nieruchomości. Jak Jack Lingo Realty. Oto lista Jack Lingo zamieszczona na swojej stronie internetowej dla domu w Rehoboth Beach:

Na górze strony znajduje się seria pięknych zdjęć domu znajdującego się przy 17 West Side Drive, Rehoboth Beach, Delaware.
Teraz otwórz źródło strony i zobacz, co mówi tekst alternatywny pierwszego obrazu:

Tekst alternatywny zawiera na początku unikalny identyfikator (prawdopodobnie w celu odróżnienia go od innych obrazów w galerii), ale po nim następuje adres właściwości. W przypadku potencjalnych właścicieli domów, którzy szukają za pośrednictwem Google nieruchomości w tej konkretnej okolicy i społeczności, zgadnij, co znajdą, gdy wyszukują je w Google?

Zdjęcia nieruchomości Jacka Lingo zajmują czołowe miejsca. Dość imponujące, prawda? Dlatego następnym razem, gdy będziesz projektować stronę internetową dla klienta, którego działalność polega na eksponowaniu produktu lub usługi, zastanów się, jak możesz ją zoptymalizować pod kątem lokalnych wyników graficznych.
Strategia 4: Dodaj recenzje i oceny, gdy to możliwe
Zawsze lubię odwoływać się do agregacji recenzji i ocen na własnej stronie internetowej jako sposobu na kontrolowanie rozmowy o Twojej marce. To ma sens, prawda? Kiedy klienci zostaną bez podium, z którego mogą mówić, zrobią własne… na Yelp, Google, Facebooku, TripAdvisor i gdziekolwiek będą mieli na to ochotę. Chociaż nie da się tego całkowicie uniknąć, udostępnienie miejsca na recenzje i oceny w witrynie może pomóc w kontrolowaniu przepływu opinii.
Może również poprawić wygląd wyników wyszukiwania lokalnego.
Przykładem, którego zamierzam użyć, jest Fairfield Inn & Suites Rehoboth Beach:

Jak możesz sobie wyobrazić, duży obiekt hotelowy należący do Marriotta otrzyma już wiele recenzji z sieci.

Jednak dodając recenzje i oceny do swojej własnej witryny, Marriott realizuje kilka rzeczy, które pomogą jej z lokalnymi użytkownikami wyszukiwania. Na początek jest czynnik przejrzystości. Marriott aktywnie zabiegał o opinie klientów na temat ich pobytu w hotelu i publikował te recenzje, aby wszyscy mogli je zobaczyć. Lokalni użytkownicy bardzo lubią recenzje online, a 73% twierdzi, że pozytywne recenzje zwiększają ich zaufanie do lokalnej firmy.

Ponadto włączenie przez Marriott systemu ocen na swojej stronie internetowej jest korzystne również w przypadku lokalnych wyników wyszukiwania.
Jak widać na liście wyników dla „Rehoboth beach de accommodation”, Marriott jest jedynym, który zawiera ocenę – i to imponującą. Jeśli użytkownicy mobilni szybko przewijają wyniki wyszukiwania w poszukiwaniu najbardziej odpowiedniej i atrakcyjnej firmy dla swoich potrzeb, pozytywna recenzja może wystarczyć, aby zatrzymać ich w martwym punkcie.
Strategia 5: Twórz dedykowane strony lokalizacji
Projektując strony internetowe z wieloma lokalizacjami, pamiętaj o utworzeniu dedykowanej strony dla każdej lokalizacji. Istnieją korzyści na stronie, o których warto pomyśleć, a także te związane z wyszukiwaniem.
Po pierwsze, poszczególne strony lokalizacji zmniejszają ilość pracy, którą muszą wykonać odwiedzający po wejściu na stronę. Prawdopodobnie widziałeś już wcześniej te strony „Lokalizacja”, które są zaśmiecone kilkunastoma lokalizacjami, z których każda zawiera informacje związane z adresem, numerem telefonu, adresem e-mail, witryną internetową i tak dalej. Dając każdej lokalizacji osobną stronę, nie musisz się jednak martwić o pogorszenie czytelności lub skupienia.
Witryna Tanger Outlets dobrze to pokazuje, ponieważ za pomocą kilku kliknięć odwiedzający mogą szybko dowiedzieć się więcej o swojej osobistej lokalizacji bez bałaganu i rozpraszania wszystkich innych.

Menu nawigacyjne Tanger Outlets umieszcza stronę „Lokalizacje” na samym szczycie. Jest to prawdopodobnie pierwsza rzecz, której szukają odwiedzający, którzy chcą dowiedzieć się więcej o lokalnym centrum handlowym oraz ofercie sklepów i marek.

Strona „Lokalizacja” witryny Tanger Outlets wyświetla następnie interaktywną mapę. Użytkownicy mogą przeciągać mapę i samodzielnie próbować znaleźć swoją lokalizację lub wpisać szczegóły poniżej w krótkiej formie.

Po znalezieniu swojej lokalizacji użytkownicy otrzymują ogólny przegląd lokalizacji, numeru telefonu i godzin pracy dla pobliskich sklepów Tanger. Istnieją dodatkowe strony, które mogą odwiedzić, aby dowiedzieć się więcej o sklepach i ofertach w tym konkretnym centrum handlowym.
Tworząc dedykowane strony lokalizacji w swojej witrynie, dajesz jej również dodatkową szansę na uzyskanie pozycji w lokalnych wynikach wyszukiwania.
Strategia 6: Umieść swoje CTA z przodu i na środku
Jak mogłeś zauważyć, w tych strategiach przewijają się wspólne motywy: prostota i prostota. Im szybciej możesz dostarczyć informacje odwiedzającym za pomocą technik inteligentnego projektowania, tym większe prawdopodobieństwo, że zaangażują się i/lub dokonają konwersji.
Jeśli chodzi o te kluczowe punkty kontrolne, oczywiście wiesz, co zrobić z projektowaniem przycisków wezwania do działania na urządzenia mobilne: spraw, aby były duże, kolorowe, klikalne i w strefie kciuka. Ale co z umieszczeniem? Niektórzy twierdzą, że wezwanie do działania powinno być zawsze umieszczane w najbardziej logicznej lokalizacji. W wielu przypadkach jest to bezpośrednio po opisowej sekcji tekstu, która „sprzedaje” odwiedzającym powód kliknięcia.
Na urządzeniach mobilnych naprawdę nie masz czasu do stracenia. A jeśli przeprowadzają wyszukiwanie, wyraźnie szukając lokalnej firmy, która zajmuje się X, Y lub Z, dobrze byłoby umieścić CTA na pierwszym miejscu.
Ocean Atlantycki jest skrajnym przykładem tego, jak to zrobić, ale uważam, że mimo wszystko jest zrobione dobrze:

Na samej górze strony internetowej Atlantyku znajduje się widoczny przycisk „Zarezerwuj teraz”. To prawda, że niektórzy użytkownicy mogą nie być gotowi do pociągnięcia spustu rezerwacji hotelowej w chwili, gdy wejdą na stronę, ale nadal dobrze jest mieć tam przycisk. Przypominamy, że proces rezerwacji będzie jak najbardziej bezbolesny.

Dla odwiedzających, którzy nie są gotowi do natychmiastowej rezerwacji, witryna zawiera to samo wezwanie do działania w całej pozostałej części witryny. Jest konsekwentnie zaprojektowany i sformułowany, aby odwiedzający zawsze wiedzieli, gdzie go znaleźć.

Jest jeszcze jedna instancja CTA, która moim zdaniem jest dość dobrze umieszczona i jest to ta, która istnieje w nawigacji. Możesz zobaczyć, że wszystkie ważne szczegóły dotyczące pobytu gościa są prezentowane jako pierwsze, ale potem „Zarezerwuj teraz” i numer telefonu do firmy znajdują się na dole listy, więc użytkownicy nie muszą przeszukiwać stron, aby znaleźć te informacje.
Jeśli chcesz ułatwić konwersje użytkownikom mobilnym, nie chowaj swoich wezwań do działania.
Strategia 7: Uwzględnij funkcje kierowania geograficznego
Ostatnia sugerowana przeze mnie strategia dotyczy mniej projektowania, a bardziej funkcji, które można zastosować w witrynie, aby zapewnić odwiedzającym spersonalizowane wrażenia.
Usługi geotargetowania i geolokalizacji (takie jak technologia beaconów) były naprawdę gorącymi tematami kilka lat temu. Przypomnij sobie, kiedy Pokemon Go było wszystkim, o czym można było rozmawiać. Użytkownicy mobilni chętnie dawali aplikacjom swoje dane o lokalizacji w zamian za to, co uważali za cenne doświadczenie. Uważam, że powinieneś zrobić to samo, projektując witryny mobilne dla lokalnych użytkowników wyszukiwania.
Dzięki funkcjom kierowania geograficznego masz możliwość zwiększenia komfortu odwiedzających w sposób, w jaki nie jest to możliwe w przypadku witryny obsługującej globalnie.
WSFS Bank jest przykładem firmy, która dobrze wykorzystuje tę funkcję. Najpierw prosi o pozwolenie na korzystanie z bieżącej lokalizacji określonej przez urządzenie mobilne użytkownika:

Po przyznaniu dostępu do strony mobilnej, użytkownikowi na górze prezentowana jest informacja o najbliższej lokalizacji WSFS Banku:

Istnieją inne przypadki użycia kierowania geograficznego, które również mogą być przydatne dla użytkowników. Możesz na przykład oferować ukierunkowane rabaty, uwzględniać kontrolę dostępności w sklepie i przeliczać ceny na ich lokalną walutę (jeśli nie taką samą jak Twoja). Ostatecznie Twój dostęp do ich lokalizacji powinien być wykorzystany do poprawy ich doświadczenia i zmuszenia ich do konwersji online lub odwiedzenia lokalizacji stacjonarnej.
Zawijanie
Projektowanie z myślą o urządzeniach mobilnych nie jest obecnie zbyt trudne, ponieważ mieliśmy czas, aby się do tego przystosować. To powiedziawszy, projektowanie witryn mobilnych dla lokalnych użytkowników wyszukiwania to inna historia. Nie chodzi o to, że nie doceniają responsywnego projektu lub krótszych formularzy kontaktowych, jak wszyscy inni. Po prostu ich motywacja i cele nie zawsze są takie same jak wszystkich innych.
Dlatego oprócz projektowania witryn pod kątem indeksowania zoptymalizowanego pod kątem urządzeń mobilnych, zwróć uwagę na to, jak projekt wpływa na wygląd witryny w wynikach wyszukiwania, a także na sposób jej odbioru przez lokalnych użytkowników wyszukiwania.