Opracowanie mobilnej wersji strony to nie tylko możliwa mgiełka dewelopera, dodatkowa pozycja kosztowa (lub zarobki, jeśli mówimy o kontrahentach) i przejaw troski o odwiedzających zasób. Zgodnie z ostatnimi oświadczeniami przedstawicieli Google, witryny, które nie spełniają wymagań adaptacyjnego projektu, będą pesymistyczne w wyszukiwaniu z urządzeń mobilnych. Krajowa wyszukiwarka Yandex opublikowała również zalecenia "Jak ważne jest, aby być mobilnym" i zapewniła, że ​​działanie dla wygody użytkowników mobilnych będzie oznaczać wydanie wersji mobilnych i da pierwszeństwo stronom adaptacyjnym.

Tak, programiści muszą koniecznie dostosować witryny do smartfonów i sprawdzić możliwości serwisowania wyświetlania zasobów. W przeciwnym razie możesz wkrótce spodziewać się znacznej utraty ruchu, a więc potencjalnych klientów, ponieważ nowe algorytmy Google i Yandex już istnieją. Możesz sprawdzić mobilną wersję strony na różne sposoby: zmieniając rozmiar okna przeglądarki, gdy wchodzisz w tryb programisty, z emulatorami urządzeń mobilnych i usług internetowych.

Przyjazna witryna mobilna

Zdolność adaptacyjna do urządzeń mobilnych jest szacowana na podstawie różnych parametrów. Ważne jest, aby sprawdzić wersję mobilną witryny nie tylko pod kątem prawidłowego wyświetlania, ale także innych czynników, które należy wziąć pod uwagę:

brak animacji, "ciężki" projekt i obrazy;

prędkość pobierania zasobu (musi być minimalna);

nie ma potrzeby przewijania w poziomie;

brak wtyczek Silverlight i apletów Java;

łatwa nawigacja na stronie;

w kodzie jest rzutnią metatagów.

Jeżeli powyższe warunki są spełnione, algorytmy najpopularniejszych wyszukiwarek uznają stronę internetową za przyjazna dla urządzeń mobilnych i zwiększają pozycję strony w emisji w stosunku do zasobów nieprzydzielonych.

Prawdziwe testowanie na urządzeniach mobilnych

Najwygodniej jest przetestować mobilną wersję strony na prawdziwych smartfonach. Ta metoda umożliwi testowanie w rzeczywistych warunkach. Idealnie, sprawdzić swoje najlepsze zasoby na wielu urządzeniach, ale jeśli budżet projektu nie obejmuje kosztów zakupu wielu smartfony najbardziej popularnych modeli, czy to wystarczy i urządzeń opartych na systemie Android lub Apple.

Zmiana rozmiaru okna przeglądarki

Najprostszym, ale nie optymalnym pod względem skanowania, jest zmiana rozmiaru okna przeglądarki. Jeśli strona jest wykonana przy użyciu technologii projektowania adaptacyjnego, możesz sprawdzić wersję mobilną witryny. Ale tutaj, w przypadku zastosowania oddzielnego projektu, zasób wymaga wyraźnego wskazania, że ​​użytkownik pochodzi ze smartfona, tabletu lub innego urządzenia mobilnego. Tak, ta metoda pozwala sprawdzić obecność mobilnej wersji witryny. Ale poprawność refleksji (technicznie) do oceny jest mało prawdopodobna.

Przełącz na trybPrzeglądarka deweloper

Bardziej optymalna droga do mobilnej wersji strony (Google lub „Yandex”, podobnie jak inne wyszukiwarki emitują adaptacyjnych na liście najważniejszych czynników wpływających na pozycję) - przełącznik programisty do przeglądarki. Metoda działa w podobny sposób wielu przeglądarek:

Mozilla, przejdź do trybu programisty, wybierając opcję „adaptacyjne projektowanie” w „rozwoju”; Naciskając kombinację Ctrl + Shift + M; Kliknięcie przycisku "Adaptive Design Mode" na pasku narzędzi programistów stron internetowych;

, chrom: przejście do trybu telefonu przez naciśnięcie klawisza funkcyjnego F12, a następnie na ikonę wersji mobilnej (smartphone w lewym górnym narożniku okna, które pojawia się).

W Operze skierowany do dewelopera do przetestowania wersji mobilnej klawiaturze naciskając Ctrl + Shift + I, ale jest inny sposób. Specjalna wersja przeglądarki - Opera Mobile Classic Emulator - pozwala na kompleksową ocenę projektu mobilnego. Istnieją wersje programu dla głównych systemów operacyjnych.

emulatory urządzeń mobilnych: Android Studio, a Apple Xcode

mobilna wersja serwisu ("Yandex" i Google), można użyć emulatory urządzeń mobilnych używanych przez Androida i Apple są zgodne Studio Android lub Apple Xcode. Instrumenty te dokładnie odtworzyć stronę w postaci, w której będzie wyglądać na urządzeniu mobilnym, zainstalowanych programów przeglądarek wspólny sieci dla urządzeń mobilnych. Jednak emulatory nie biorą pod uwagę prędkości pobierania i innych niuansów, które możeszoglądać w rzeczywistych warunkach. Aby przetestować, wystarczy zainstalować jeden z powyższych programów na swoim komputerze i otworzyć stronę z emulatora.

Usługi internetowe do sprawdzania mobilnego projektu

Istnieją również prostsze sposoby sprawdzania mobilnej wersji strony. Na przykład usługa online Responsinator pozwala ocenić poprawność wyświetlania zasobu na urządzeniach mobilnych i przyjazne korzystanie z witryny. Zasób wyświetla witrynę tak, jak by wyglądał na sześciu różnych urządzeniach z systemem Android lub Apple w kilku orientacjach.