Jest to dodatkowa uproszczona wersja serwisu, zwykle zlokalizowana na subdomenie z przedrostkiem „m” (np. m.site).
Jak widać na zdjęciu na tabletach wersja na telefony też się otwiera i rozciąga na szerokość, bo tablet to niemal bardzo, bardzo szeroki smartfon 🙂
Zewnętrznie i stylistycznie oczywiście da się to zrobić jako stronę główną (aby nie było wrażenia, że trafiłeś na inną stronę): te same kolory, czcionki, elementy. Ale struktura może być radykalnie inna i najczęściej tak jest. Jest mało prawdopodobne, że ktoś wybierze mieszkanie, sam odbierze samochód przez telefon lub złoży wniosek o kredyt w banku. W końcu jest to niewygodne, ekran jest mały (w porównaniu do laptopa lub komputera). Jednak znalezienie najbliższego bankomatu lub adresu pizzerii jest odwrotne. Dlatego wersje mobilne są bardzo uproszczone, bez skomplikowanych kalkulatorów, ogromnych tabel porównawczych dwóch lub więcej podobnych produktów. Usuń wszystkie najtrudniejsze i uprość dostęp do kontaktów, trybu działania i tak dalej.
Systematycznie rośnie udział użytkowników mobilnych: pod koniec 2014 roku ich liczba w sieci po raz pierwszy przekroczyła liczbę użytkowników komputerów stacjonarnych. Ponad 10 milionów ludzi korzysta z Internetu WYŁĄCZNIE za pomocą urządzeń mobilnych. A to wszystko dzieje się teraz w Rosji.
Nadal masz wątpliwości czy potrzebujesz strony mobilnej? Następnie przejdźmy do rzeczy.
Celem tego artykułu jest zapoznanie Cię z podstawową terminologią z zakresu tworzenia responsywnych stron internetowych i aplikacji mobilnych oraz pomoc w ustaleniu, które metody są dla Ciebie odpowiednie.
Wymieńmy zatem główne sposoby zwiększenia dostępności usług dla odbiorców mobilnych.
Na temat różnic między pojęciami „adaptacyjny” i „responsywny” zepsuto wiele kopii internetowych i można o tym napisać więcej niż jeden artykuł, ale cały zbiór esejów. Ogólnie rzecz biorąc, istota jest taka: obie koncepcje implikują zdolność witryny dostosować się do ekranów różnych urządzeń i wyświetlać równie dobrze na szerokich monitorach, jak i na tabletach czy telefonach komórkowych. Jednakże pojęcie „projektowania responsywnego” jest nieco szersze i obejmuje „projekt responsywny”. Dlatego w dalszej części będziemy odnosić się do takich witryn jak adaptacyjny.
Adaptację osiąga się za pomocą następujących narzędzi:
Przykład możliwości adaptacji można znaleźć na naszej stronie internetowej. Zacznij zawężać okno przeglądarki, a zobaczysz, jak górne menu najpierw się kurczy, dostosowując się do wielkości okna, a następnie całkowicie chowa się w tzw. ikonce hamburgera. Podobny widok zobaczysz, jeśli uzyskasz dostęp do naszej strony internetowej z urządzenia mobilnego.
Stosując więc projektowanie adaptacyjne, otrzymujemy stronę internetową, z której można korzystać równie wygodnie na każdym urządzeniu. Jest to oczywiście idealne rozwiązanie, ponieważ jeśli witryna ma rozbudowaną funkcjonalność, trudno zmieścić ją w ramach małego ekranu mobilnego.
Pomimo tego, że użytkownikowi urządzenia mobilnego może zostać wyświetlona okrojona wersja strony głównej, przeglądarka załaduje stronę w całości: wszystkie teksty, obrazy i skrypty, więc czas ładowania może być dość długi, co jest wadą witryn adaptacyjnych.
Zamiast sprawiać, że Twoja witryna będzie responsywna, możesz stworzyć osobną wersję przeznaczoną na urządzenia mobilne. Przykłady tej metody widziałeś dziesiątki razy. Wygląda to tak - na stronie głównej znajduje się link „Przejdź do mobilnej wersji serwisu”.
Ten link otwiera osobną witrynę z innym adresem URL, na przykład m.vk.com dla Vkontakte. Często zdarza się również, że witryna główna jest skonfigurowana tak, aby automatycznie przekierowywała wszystkich użytkowników mobilnych do witryny mobilnej.
Osobliwością takiej witryny jest to, że jest ona maksymalnie dostosowana do wygody pracy na urządzeniach mobilnych: waga stron jest skompresowana, wszystkie niepotrzebne elementy są usuwane. Dużo wygodniej będzie użytkownikom mobilnym uzyskać potrzebne informacje o Tobie i złożyć zamówienie.
Pamiętaj, że nie musisz uczyć się programowania przez kilka miesięcy, aby zrobić sobie stronę mobilną. Obecnie istnieje wiele usług, które pozwalają stworzyć mobilną wersję witryny w pół godziny. Jeśli na przykład chcesz, aby Twoja witryna z wizytówkami była dostosowana do urządzeń mobilnych, najprawdopodobniej taki kreator witryn mobilnych będzie wszystkim, czego potrzebujesz. Wielu hosterów świadczy również usługę mobilnej wersji konstruktora witryny, aby uzyskać szczegółowe informacje, możesz skontaktować się z obsługą swojego hostingu.
Wadą witryny mobilnej może być to, że w rzeczywistości trzeba utrzymywać dwie witryny i dwukrotnie wprowadzać wszystkie ważne zmiany. Możesz jednak upewnić się, że obie witryny są połączone z tej samej bazy danych, a wszystkie przekształcenia głównej przeprowadzane są w wersji mobilnej, więc opracowując wersję mobilną lub kupując konstruktora, lepiej doprecyzować ten punkt.
Aplikacja mobilna nie jest stroną internetową, lecz programem instalowanym na urządzeniu mobilnym użytkownika. To wyjaśnia główne zalety i wady tego podejścia.
Program instaluje się bezpośrednio na telefonie/tablecie Twojego użytkownika, co sprawia, że będzie on mógł wejść do aplikacji nawet bez dostępu do Internetu, a także korzystać ze znanego interfejsu i wszystkich funkcji swojego urządzenia.
Jednocześnie jest to minus, ponieważ nie każdy użytkownik będzie chciał zainstalować aplikację, aby wykonać jakąkolwiek drobną akcję. Ewentualnie od razu po otrzymaniu niezbędnych informacji Klient może je usunąć.
Tworzenie aplikacji mobilnej jest procesem bardzo czasochłonnym i kosztownym finansowo. Strony internetowe są wieloplatformowe, a aplikacje mobilne trzeba będzie tworzyć osobno dla każdej platformy (iOS, Android, Windows Phone).
Istnieją oczywiście specjalne narzędzia, które upraszczają tworzenie aplikacji i pozwalają przenieść ją na wszystkie główne platformy jednocześnie, np. Phonegap, Ionic, jQuery Mobile. Ale w każdym razie będziesz musiał skontaktować się ze specjalistami w celu opracowania i aktualizacji aplikacji.
Kiedy potrzebujesz aplikacji mobilnej? Najprawdopodobniej wtedy, gdy możesz zaoferować użytkownikowi coś, co będzie dla niego przydatne i zainteresuje go na długi czas. Na przykład, jeśli jesteś psychologiem, możesz stworzyć aplikację o nazwie „Twój kieszonkowy psycholog”, która zawiera artykuły, testy, odpowiedzi na pytania i w której użytkownik spędza produktywnie czas.
Pytanie brzmi, jaki wynik chcesz uzyskać z aplikacji. W przypadku psychologa będzie to raczej wzrost lojalności klientów i łatwiejsze przejście potencjalnych nabywców do prawdziwych; jeśli aplikacja im się spodoba, prawdopodobnie będą mieli większe zaufanie do psychologa i przyjdą do niego na konsultację.
Jeżeli projekt zakłada komunikację użytkowników na żywo, to zarówno wersja mobilna, jak i aplikacja mobilna byłaby dobrym rozwiązaniem, jednak będzie to projekt trudny i kosztowny finansowo.
Jeśli projekt ma charakter informacyjny, na przykład blog lub portal informacyjny, bardziej odpowiedni będzie dla niego zwykły układ adaptacyjny.
Aby podjąć świadomą decyzję, czy Twoja witryna wymaga mobilności i jaką opcję wybrać, powinieneś przynajmniej przestudiować dane analityki internetowej i dowiedzieć się, jaki procent użytkowników zazwyczaj odwiedza Twoją witrynę za pomocą urządzeń mobilnych.
W 95% przypadków wystarczy możliwość adaptacji lub mobilna wersja strony. Tworząc nową witrynę warto postawić na możliwość adaptacji, a mobilizując już istniejącą, często szybciej i łatwiej jest opracować alternatywną opcję mobilną.
Tak poważnego tematu nie da się ująć w jednym artykule, ale staraliśmy się przekazać podstawowe informacje. Zachęcamy do zadawania pytań w komentarzach, odpowiemy na nie szczegółowo.
Jeśli już zdecydowałeś, że Twoja witryna wymaga „zmobilizowania”, napisz do naszego Działu Wsparcia, a my powiemy Ci, która opcja jest dla Ciebie najlepsza i ile to będzie kosztować.
P.S. Zainteresowanych tematem pracy z użytkownikami mobilnymi 16 lipca zapraszamy na zajęcia mistrzowskie”
Koszt promocji w wyszukiwarce i jej wynik zależą od tego, jak dostosujemy witrynę do urządzeń mobilnych.
Do zakładek
Dmitry Mrachkovsky, optymalizator z Ashmanov & Partners, opowiedział, jak wybrać pomiędzy witryną adaptacyjną a mobilną i z jakimi nieoczywistymi problemami się spotkasz.
Trudno jednoznacznie odpowiedzieć na pytanie, która technologia adaptacji na smartfony i tablety jest skuteczniejsza pod względem SEO. Nawet wśród dużych graczy nie zauważyłem przewagi na korzyść jakiejś decyzji. M.Video, DNS, Wildberries, Aviasales korzystają z układu adaptacyjnego, a Lamoda, 220 Volt, Ulmart, Yandex.Market korzystają z witryn mobilnych. Ale przyjrzyjmy się, jakie korzyści uzyskują pierwszy i drugi.
Adaptacyjny układ witryny „M.Video” i mobilna wersja witryny „220 Volt”
Responsywny układ pozwala obejść się bez konieczności tworzenia osobnej wersji mobilnej. Ma to zalety:
Wersja mobilna jest rozwiązaniem droższym i bardziej elastycznym. Można go edytować bez wpływu na stronę główną. Daje to następujące korzyści:
Chcę wspomnieć o jeszcze jednej technologii - RESS. Pokazuje użytkownikowi szablon na komputer lub telefon komórkowy w zależności od urządzenia, ale adres URL strony się nie zmienia. RESS łączy w sobie zalety opisanej powyżej wersji adaptacyjnej i mobilnej. Ale ma też dwie wady: skomplikowaną i kosztowną implementację oraz błędy w identyfikacji rzadkich i niepopularnych modeli telefonów.
Responsywność to ekonomiczne i wygodne rozwiązanie, jednak z punktu widzenia promocji w wyszukiwarkach ma kilka pułapek.
Niektórzy błędnie wdrażają układ adaptacyjny i wyświetlają jednocześnie dwa szablony na jednej stronie w kodzie - komputer i telefon komórkowy. W zależności od urządzenia użytkownika żądana część kodu pozostaje widoczna, reszta jest ukryta za pomocą wyświetlacza: brak. Rodzi to trzy problemy:
Takie wdrożenie jest błędnym podejściem do technologii RESS.
Aby interfejs wersji adaptacyjnej był wygodniejszy, niektórzy pozbywają się części funkcjonalności: rozpraszających bloków, dużych tekstów w kategoriach katalogowych i tak dalej. Wszystko, co zbędne, jest ukrywane za pomocą display: none . Problem polega jednak na tym, że do załadowania strony używany jest cały kod, przez co witryna działa wolno. Ponadto, jak wspomniano powyżej, wyszukiwarki mają kontrowersyjny stosunek do takich treści – istnieje ryzyko, że zostaną objęte sankcjami.
Niektórzy używają JS, aby uniknąć wyświetlania niepotrzebnych bloków na urządzeniach mobilnych. Ale ta metoda nie jest lepsza niż display: none . Istnieje ryzyko, że wyszukiwarki nie zaindeksują przeznaczonych dla nich treści nawet w wersji desktopowej. Wyszukiwarki na ogół nie zawsze poprawnie postrzegają treść AJAX, szczególnie jeśli nie jest spełnionych szereg warunków prawidłowego indeksowania.
Wybór wersji adaptacyjnej wynika zwykle z dwóch głównych zalet: rozwoju tylko jednej wersji witryny i braku problemów z wieloma adresami URL.
To także wygodne rozwiązanie na promocję do kilku regionów. Koncentrujemy wszystkie nasze wysiłki na jednej domenie i uzyskujemy wyniki w wyszukiwaniach na komputerach stacjonarnych i urządzeniach mobilnych. Aby to zrobić, musisz połączyć interesujące regiony z witryną w Yandex.Directory.
A dla Google utwórz stronę z adresami oddziałów, aby wyszukiwarka zrozumiała, w jakich regionach działasz. Układ adaptacyjny z pojedynczą domeną jest z powodzeniem stosowany przez M.Video. Sklep zajmuje wysokie pozycje w wynikach mobilnych i desktopowych zapytań o produkty, kategorie i informacje.
Możesz pójść w drugą stronę - użyj subdomen geograficznych, aby zwiększyć trafność tekstową stron. W tym przypadku subdomenom takim jak spb.site.ru, samara.site.ru, kazan.site.ru przypisywane są regiony za pośrednictwem Yandex.Webmaster, a następnie tytuły i metatagi są przypisywane z toponimem. Kolejną zaletą jest to, że można łatwo skonfigurować oddzielne narzędzia analityczne dla subdomen geograficznych w celu śledzenia wyników według regionu. Tę metodę promocji praktykuje MediaMarkt.
Stosunkowo wysoki koszt rozwoju to nie jedyna wada witryn mobilnych. Oto lista mniej oczywistych problemów, które możesz napotkać przy wyborze tej technologii.
Strona mobilna jest optymalizowana i promowana oddzielnie od strony głównej, a to wymaga większych zasobów niż w przypadku wersji adaptacyjnej. Trzeba zacząć od optymalizacji, aby wersja mobilna była poprawnie zaindeksowana i nie konkurowała z wersją desktopową. Aby to zrobić, połącz je w Yandex.Webmaster i Search Console, ustaw prawidłowe atrybuty rel="alternate", skonfiguruj indeksowanie i generowanie map XML.
Szablony na komputery stacjonarne i urządzenia mobilne w 99% przypadków ładują treść z tej samej bazy danych. Jeżeli korzysta z linków bezwzględnych do strony wewnętrznej witryny desktopowej, ze wskazaniem protokołu i domeny, wówczas zostaną one wyświetlone także na stronie mobilnej. Po kliknięciu łącza nastąpi jeden z dwóch scenariuszy:
W takim przypadku może zostać naruszona waga wewnętrznego linku do witryny. Aby uniknąć tego problemu, użyj w swoich treściach linków względnych. Oznacza to, że dla atrybutu href określ /page/ zamiast https://site.ru/page/ .
Treść i struktura witryn na komputery stacjonarne i urządzenia mobilne mogą się różnić. Dlatego logiczne jest indeksowanie treści obu w wyszukiwaniu, aby uniknąć błędów. Google zaleca w wersji mobilnej wskazanie, że zawartość witryny na komputery stacjonarne jest kanoniczna. Z drugiej strony wyszukiwarka podaje, że treść stron niekanonicznych nie jest brana pod uwagę.
Z Yandexem pod tym względem wszystko jest jasne - osobno indeksuje zawartość stron mobilnych i stacjonarnych. Aby to zrobić, wystarczy ustawić atrybut rel="alternate" z wersji głównej na mobilną, możesz także ustawić przekierowania 301 z wersji desktopowej na mobilną, biorąc pod uwagę agenta użytkownika urządzenia.
Aby przygotować się na przejście na indeks dostosowany do urządzeń mobilnych, logiczne jest wybranie jako strony kanonicznej wersji mobilnej witryny. To prawda, że w zaleceniach dotyczących przede wszystkim urządzeń mobilnych występują pewne niejasności. Przykładowo wytyczne Google mówią, że zawartość wersji mobilnej i desktopowej powinna być podobna, ale nie ujawnia stopnia „podobieństwa”.
Co jednak w sytuacji, gdy ranking w wyszukiwarce desktopowej wymaga określonego bloku treści, który w wersji mobilnej będzie zbędny, a pierwszeństwo będzie miała wersja mobilna?
Fragment przewodnika Google na temat indeksowania witryn mobilnych
Fragment raportu Google na temat wdrożenia indeksu mobile-first
Niektórzy wprowadzają innowacje w wyszukiwarkach na masową skalę, oczekując, że będą miały wpływ na rankingi. Na przykład strony turbo Yandex, które nie zastępują w wyszukiwaniu pełnoprawnych stron mobilnych, zawierają niewielką część funkcjonalności użytkownika i są mniej konwertujące. Jeśli masz witrynę komercyjną i jesteś pewien jakości wersji mobilnej, nie spiesz się z wdrożeniem „turbo” – nawet w przypadku stron z artykułami i recenzjami.
Linki są nadal ważne dla rankingów, zwłaszcza w wyszukiwarce Google. Kiedy mamy subdomenę mobilną, niektórzy użytkownicy zaczynają odwoływać się do niej w sieciach społecznościowych i na forach. Druga część wykorzystuje linki do adresu głównego serwisu. W rezultacie linki mają mniejszą skuteczność w wynikach wyszukiwania na urządzeniach mobilnych i komputerach stacjonarnych, niż gdybyśmy mieli jedną domenę.
Powyżej rozmawialiśmy o dwóch sposobach promowania adaptacyjnego w regionie – przy użyciu pojedynczej domeny i subdomen geograficznych. Rozważ te opcje dla wersji mobilnych.
W pierwszym przypadku promujemy domenę główną i subdomenę mobilną m.site.ru. Każdy z nich musi ustawić regiony za pomocą Yandex.Directory. Problem w tym, że czasami nie ma możliwości samodzielnego powiązania wersji mobilnej serwisu z oddziałem. Będziesz musiał skontaktować się z pomocą techniczną, ale nie gwarantuje to wyniku. Nie można utworzyć osobnej organizacji dla mobilnej wersji witryny. Dlatego też, jeśli istnieje wiele gałęzi, wiązanie może zająć dużo czasu.
Generalnie wykluczamy możliwość korzystania z subdomen takich jak m.spb.site.ru lub spb.m.site.ru. Chociaż na przykład Kholodilnik.ru go używa. Ale w tym przypadku musisz skonfigurować adresowanie między wszystkimi regionami wersji mobilnych i stacjonarnych, aktualizować je, śledzić zmiany i monitorować usługi dla webmasterów. To ogromna praca, która prawdopodobnie się nie opłaci.
Jeśli nie prześlesz zoptymalizowanej wersji swojej witryny do Yandex.Webmaster w celu przetestowania pod kątem zgodności z urządzeniami mobilnymi, może ona nie pojawić się w wynikach wyszukiwania na urządzeniach mobilnych. Problem dotyczy także adaptacji. Nie zawsze tak się dzieje, ale polecam śledzić komunikaty w webmasterze.
Fragment komunikacji z pomocą techniczną Yandex w sprawie przydzielenia regionu do mobilnej wersji serwisu
Do głównych zalet wersji mobilnych należy oczywiście możliwość stworzenia osobnego szablonu oraz duża prędkość pobierania. Poza tym starym stronom łatwiej jest stworzyć osobną wersję mobilną, niż wdrożyć adaptacyjną.
Również wielu specjalistów SEO odnotowało wzrost ruchu w wyszukiwarkach po wprowadzeniu strony mobilnej zamiast adaptacyjnej. Choć nie wykluczam, że powodem wzrostu były błędy w ich adaptacyjnym układzie, które negatywnie wpłynęły na ranking.
Jeśli tworzysz stronę internetową od podstaw lub masz mały projekt, przyjrzyj się bliżej układowi adaptacyjnemu. Jest to rozwiązanie bardziej ekonomiczne i szybsze. Warto jednak od razu zaplanować funkcjonalność, aby nie musieć w przyszłości ukrywać części witryny przed wyświetlaniem jej na urządzeniach mobilnych.
PisaćWraz z nadejściem boomu na urządzenia mobilne programiści stanęli przed wyborem: czy zachować mobilne wersje swoich witryn obok „pełnoprawnych”, czy też witryny powinny stać się responsywne i dostosowywać się do różnych rozmiarów ekranów?
W tej chwili podczas tworzenia mobilnych wersji witryn istnieją 3 główne sposoby ich tworzenia:
@media screen i (max-width: 1600px) ( div.for-example (szerokość: 1500px;) ) @media screen i (max-width: 1280px) ( div.for-example (szerokość: 1100px;) ) @media ekran i (maksymalna szerokość: 1024px) ( div.for-example (szerokość: 980px;) )
Ogólnie rzecz biorąc, tworzenie mobilnych wersji witryn uzasadnia się całkiem dobrze, szczególnie w przypadku dużych projektów. Przykładowo Amazon korzysta ze specjalnej, mobilnej wersji serwisu.
$DS = KATALOG_SEPARATOR; require_once(nazwakatalogu(__FILE__) . $DS . „biblioteki” . $DS . „przeglądarka.php”); $urządzenie = BBrowser::detectDevice(); if($device == DEVICE_TYPE_MPHONE)( $tmpl = "template.m.php"; ) else if($device == DEVICE_TYPE_TABLET)( $tmpl = "template.t.php";) else( $tmpl = "szablon .php"; ) include(nazwakatalogu(__FILE__) . $DS . "szablony" . $DS . $tmpl);
Ogólnie rzecz biorąc, RESS jest najlepszą z trzech proponowanych opcji, wymaga jednak znacznie więcej wysiłku podczas programowania.
Obecnie większość ludzi korzysta z Internetu za pomocą gadżetów mobilnych - tabletów, telefonów, pod tym względem optymalizacja witryny również osiąga nowy poziom. Jeśli użytkownik wejdzie i zobaczy, że witryna nie jest zoptymalizowana pod kątem urządzeń mobilnych: nie można wyświetlić obrazu, przyciski się przesunęły, czcionki są małe i nieczytelne, projekt jest przekrzywiony - w 99 na 100% wyjdzie i zacznij szukać innego, wygodniejszego. A zaznaczy pole, że zasób jest nieistotny, czyli nie pasuje do wyszukiwanego hasła. Dlatego projekt strony musi być dostosowany do różnych urządzeń mobilnych. Co to jest mobilna wersja strony, jak ją zrobić i jak najlepiej ją zastosować? Przeczytaj więcej w tym artykule.
Istnieją zatem cztery kluczowe sposoby dostosowania witryny do wersji mobilnej.
Szablony responsywne zmieniają obraz witryny w zależności od wielkości ekranu. Z reguły są one ustawione na standardowe 1600, 1500, 1280, 1100, 1024 i 980 pikseli. Do implementacji wykorzystywane są zapytania. Samo się nie zmienia.
Zalety tej metody obejmują:
Oczywiście szablony adaptacyjne mają swoje wady, które, nawiasem mówiąc, są czymś więcej niż zaletami. Niemniej jednak wielu programistów stosuje się do tej koncepcji, na przykład Google Corporation, której mobilna wersja witryny ma projekt adaptacyjny. Zatem wady:
Niemniej jednak taka mobilna wersja witryny szybko, bez specjalnych umiejętności i kosztów, pozwala dostosować zasób do dowolnych gadżetów. Jednak biorąc pod uwagę wymienione niedociągnięcia, będzie on pasował do małych, prostych zasobów z minimum informacji i multimediów, bez skomplikowanej nawigacji i animacji. W przypadku złożonej witryny odpowiednie są 2 inne metody.
Ta metoda jest bardzo powszechna i często skutecznie zwiększa czytelność witryny na urządzeniu mobilnym. Jego istotą jest utworzenie osobnej wersji strony, narysowanej dla aplikacji i umieszczonej na osobnym adresie URL lub subdomenie, np. m.vk.com. Jednocześnie zachowana zostaje główna funkcjonalność, projekt strony wygląda po prostu inaczej. Zalety tej metody są oczywiste:
Ale i tutaj nie obyło się bez wad:
Ogólnie rzecz biorąc, osobna witryna mobilna uzasadnia się i jest najczęstszym sposobem dostosowania zasobu do urządzeń mobilnych. Jest popularny w dużych sklepach internetowych, takich jak Amazon.
Wyszukiwarka Google aktywnie wspiera ten kierunek projektowania mobilnego. To najbardziej złożona, kosztowna, ale skuteczna metoda dostosowania witryny do telefonu lub tabletu. Nazywa się to RESS. Polega to na skierowaniu zasobu do aplikacji mobilnej, którą można pobrać osobno dla każdego urządzenia. Dla Androida - z GooglePlay i dla Apple - z iTunes.
Tego typu aplikacje są szybkie, darmowe, wygodne, mają możliwość przechowywania różnego rodzaju informacji, a jednocześnie pamięć telefonu i ruch internetowy nie są pochłaniane tak, jak podczas odwiedzania strony przez przeglądarkę. Można je łatwo odwiedzić, ponieważ link będzie zawsze pod ręką i nie ma konieczności wpisywania skomplikowanej nazwy w pasku adresu przeglądarki.
Oczywiście są tu również wady, takie jak złożoność programowania, wysokie koszty pracy dla dużej liczby programistów i konieczność wykonania kilku opcji układu. Czasami urządzenie mobilne nie jest rozpoznawane przez aplikację. Konieczne jest regularne wsparcie techniczne, korygowanie niedociągnięć. Niemniej jednak ta opcja jest uważana za najlepszą z trzech proponowanych ze względu na jej produktywne, nieprzerwane działanie.
Wszystkie powyższe metody wiążą się, choć nie zawsze z długą i skomplikowaną, ale jednak płatną pracą webmastera. Jeśli nie widzisz pilnej potrzeby takiego rozwoju, będzie Ci odpowiadać prosta i bezpłatna wersja mobilna witryny. Jak to najłatwiej zrobić?
Pobierz specjalne szablony (wtyczki) do projektowania responsywnego. Na przykład WP Mobile Detector, WordPress Mobile Pack, WPSmart Mobile i inne. Pomogą one lepiej wyświetlać stronę na telefonie, a Ty otrzymasz kilka wskazówek, co należy poprawić, aby lepiej dostosować stronę do wersji mobilnej.
Oczywiście ta metoda nie nadaje się do poważnych zasobów. Ta bezpłatna funkcja jest raczej przeznaczona dla małych i prostych witryn, blogów i kanałów informacyjnych. Nie zapominaj, że wyszukiwarka Google, podobnie jak Yandex, stawia dziś poważne wymagania wersjom mobilnym, dlatego istnieje ogromna szansa na obniżenie pozycji za pomocą tej metody.
Dzięki tej metodzie najprawdopodobniej reklamy i wyskakujące banery zostaną obcięte, ale strona będzie ładować się szybko i bez „opóźnień”.
Nie ma znaczenia, czy mobilna wersja serwisu została stworzona bezpłatnie, czy przy pomocy kadry webmasterów, została wykonana w systemie RESS, czy przy użyciu szablonu adaptacyjnego. Co najważniejsze, dla jego skutecznego działania wymagane jest przestrzeganie kilku niezwykle ważnych zasad. Jaka zatem powinna być mobilna wersja witryny? Jak sprawić, by był produktywny, wydajny i produktywny?
Minimalizm jest tym, do czego powinien dążyć twórca mobilnej wersji serwisu. Wyobraź sobie, jak trudno jest dostrzec informację, która jest pełna kolorów, przycisków, banerów i którą trzeba bez końca przewijać w poszukiwaniu odpowiedniego materiału. Projekt mobilny powinien być prosty i przejrzysty. Wybierz 2-3 kolory, aby podzielić przestrzeń (na przykład markową). Lepiej, jeśli jeden z nich jest biały. Podziel przestrzeń małego ekranu na zrozumiałe i czytelne strefy. Wirtualne klucze powinny być widoczne, aby użytkownik wyraźnie wiedział, gdzie nacisnąć i widział – tu jest produkt, tu jest formularz do uzupełnienia danych, tu jest informacja o dostawie i płatności.
Wszystkie dodatkowe opcje, które przydałyby się w wersji desktopowej i ułatwiłyby życie użytkownikowi, tutaj będą tylko utrudniać. Zostaw tylko najważniejsze elementy. Animacje, banery reklamowe, multimedia najprawdopodobniej tylko spowolnią działanie witryny lub aplikacji i odwrócą uwagę od najważniejszego.
Kwestia wyrównania jest nie mniej dotkliwa, ponieważ jeśli zostanie wykonana nieprawidłowo, użytkownik otrzyma tylko końcówki ważnych słów. Ogólnie akceptowane jest wyrównanie do lewej i w pionie. Wyobraź sobie, że przewijasz kanał wiadomości na swoim telefonie. Robisz to od góry do dołu, ale nie w lewo ani w prawo.
Gdy nie ma możliwości długiego łańcucha przejść, spróbuj połączyć kilka kroków w jeden. Na przykład witryna wymaga wprowadzania danych w kilku etapach - nazwy, następnie adresu, gdzie każda komórka zawiera osobny dom, ulicę, mieszkanie itp. Aby nie zmuszać użytkownika do prób trafienia w wiele małych komórek, zapytaj mu wypełnić tylko 2 - imię i nazwisko oraz adres.
Czasami wręcz przeciwnie, konieczne jest oddzielenie zbyt dużej ilości informacji. Przykładowo w rozwijanym menu masz listę ponad 80 miast, w których realizowana jest dostawa. Pogrupuj je według regionów, aby użytkownik nie musiał przewijać tej ogromnej listy. Kiedy najedzie kursorem na centrum regionalne lub region, kolejna lista miast zostanie usunięta.
Nawiasem mówiąc, o listach. Są dwa z nich - ustalone w kolejności alfabetycznej lub innej oraz z podstawieniem. Ich wybór zależy od tego, co zostanie wymienione.
Naprawiono jest przydatne, jeśli użytkownik dokładnie wie, czego szuka. Na przykład miasto, numer lub data. Druga opcja jest odpowiednia w przypadku długich, skomplikowanych nazw lub w przypadkach, gdy istnieje wiele odmian tej samej nazwy, a każda z nich przybliża użytkownika o krok do celu. Opcja automatycznej podmiany jest częściej wykorzystywana, gdy odwiedzający potrzebuje pomocy. Na przykład witryna dziewiarska oferuje zakup drutów. Użytkownik wprowadza zapytanie „Druty metalowe”, a w podpowiedzi widzi „Druty 5 mm”, „Druty 4,5 mm” itp.
Ten punkt jest szczególnie prawdziwy w przypadku witryn, w których coś jest sprzedawane online i trzeba wypełnić standardowe formy płatności, dostawy itp. Jeśli dana osoba dokonuje zakupu za pomocą telefonu, najprawdopodobniej nie ma czasu, aby dostać się do sklepu komputerze, co oznacza, że proces zakupów powinien odbywać się możliwie szybko i wygodnie.
Aby to zrobić, formularze mogą zawierać już wypełnione dane, możesz skorzystać z najpopularniejszych odpowiedzi. Na przykład wstaw dzisiejszą datę, metodę płatności gotówką, miasto, jeśli pracujesz w tym samym regionie. Można je zmieniać, ale jeśli trafisz w cel, czas użytkownika zostanie zapisany.
Tworząc projekt mobilnej wersji serwisu, pamiętaj, że telefony każdego z nas są inne, podobnie jak ich wzrok. Być może Twoja witryna będzie oglądana z małego ekranu, więc czcionki powinny być proste i czytelne, przyciski powinny być na tyle duże, aby można było w nie kliknąć bez przenoszenia na inną stronę, a obrazy powinny otwierać się osobno, duże, zwłaszcza gdy trafia do Internetu -sklep.
Mówiąc o dostosowaniu serwisu do urządzeń mobilnych, nie sposób nie sięgnąć do statystyk, aby zrozumieć, jak ważny jest to proces dla promocji w Internecie.
Liczby są następujące. Obecnie z gadżetów korzysta 87% populacji, z wyjątkiem najmniejszych dzieci i niektórych osób starszych. Ekonomiści przewidują, że handel mobilny wzrośnie 100-krotnie w ciągu najbliższych 5 lat. Jednocześnie zaledwie 21% witryn jest przystosowanych do pracy z urządzeniami mobilnymi. Oznacza to, że ruch internetowy i rynek e-commerce zajmuje jedynie niewielka, piąta część.
Pomyśl o tych liczbach. Czy ma sens dostosowywanie zasobów? Oczywiście, że tak. Co więcej, choć wolnego miejsca na tym rynku jest tak dużo, można wydzielić na nim własny segment.
Korzystanie z wersji mobilnej ma sens w przypadku każdej platformy, której celem jest uzyskanie wysokiego rankingu. Przecież to bezpośrednie oddziaływanie na użytkownika, stworzenie mu komfortowych warunków przebywania na Twojej stronie.
Bez wersji mobilnej nie może istnieć:
Obecnie technologie mobilne znajdują się w fazie aktywnego wzrostu i rozwoju, dlatego dążąc do pozycji lidera na rynku, każda firma musi zadbać o to, aby jej zasoby internetowe spełniały wymagania. Ze względu na rosnące wymagania użytkowników strony muszą być stale unowocześniane i dostosowywane do różnych urządzeń. Oczywiste jest, że jeśli przebywanie w określonym zasobie jest dla danej osoby niewygodne, nie może uzyskać tam informacji o produkcie lub cenie, złożyć zamówienia, dowiedzieć się o dostawie, a następnie znajdzie stronę, na której wszystko to stanie się możliwe . Dlatego, aby wygrać konkurencję, ważne jest, aby posiadać elastyczny, wygodny, funkcjonalny i ciekawy zasób.
Pomoże w tym mobilna wersja witryny na Androida lub iOS. W tym celu należy wybrać jedną z powyższych metod przeprojektowania - szablon adaptacyjny, utworzenie nowej witryny w subdomenie i przejście do niej poprzez przekierowanie, skorzystanie z bezpłatnych szablonów lub utworzenie aplikacji mobilnej, za pomocą której użytkownik będzie mógł uzyskać dostęp i być na stronie wygodniej.