Jak sprawdzić mobilną wersję strony? Sposoby testowania witryn mobilnych

Rozwój mobilnej wersji strony to nie tylkomożliwe kaprysy programistów, dodatkowa pozycja wydatków (lub zarobków, jeśli mówimy o kontrahentach) i troska odwiedzających o zasoby. Według ostatnich wypowiedzi przez Google Inc., witryn, które nie spełniają wymagań elastycznego projektowania będzie pessimizirovany poszukiwania, prowadzone z urządzenia mobilnego. Krajowy wyszukiwarka Yandex wydała również porady „Jak ważne jest, aby być mobilny” i zapewnił, że działając w trosce o wygodę użytkowników urządzeń mobilnych będą oznaczone w wynikach wyszukiwania i wersji mobilnych faworyzować adaptacyjne stron.

Deweloperzy są więc obowiązkowiKonieczne jest dostosowanie witryn do smartfonów i sprawdzenie możliwości serwisowania wyświetlacza zasobów. W przeciwnym razie wkrótce możesz spodziewać się znacznej utraty ruchu, a tym samym potencjalnych klientów, ponieważ nowe algorytmy działają od Google, a "Yandex" już działają. Możesz sprawdzić mobilną wersję strony na różne sposoby: zmieniając rozmiar okna przeglądarki po przejściu na tryb programisty, używając emulatorów urządzeń przenośnych lub usług internetowych.

Strona jest przyjazna dla urządzeń mobilnych

Adaptacyjność do urządzeń mobilnych szacowana jest na podstawie różnych parametrów. Ważne jest, aby sprawdzić mobilną wersję strony nie tylko pod kątem prawidłowego wyświetlania, warto rozważyć inne czynniki:

• brak animacji, "ciężki" projekt i zdjęcia;
• szybkość ładowania zasobów (powinna być minimalna);
• nie ma potrzeby przewijania w poziomie;
• brak wtyczek Silverlight i apletów Java;
• prosta nawigacja po witrynie;
• rzutnia metatagów jest zarejestrowany w kodzie.

Jeśli powyższe warunki są spełnione, algorytmynajczęstsze wyszukiwarki uznają stronę internetową za przyjazną dla urządzeń mobilnych i zwiększają ekspozycję witryny na zasoby, które nie są dostosowane.

Prawdziwe testy na urządzeniach mobilnych

Najwygodniejszy sposób testowania wersji mobilnejstrona na prawdziwych smartfonach. Ta metoda pozwoli na przeprowadzanie testów w warunkach rzeczywistych. Najlepiej sprawdzić zasób internetowy lepiej na wielu urządzeniach, ale jeśli budżet projektu nie ponosi kosztów na zakup kilku najbardziej popularnych modeli smartfonów, to wystarczy i urządzeń na Androida czy Apple oparte.

Zmiana rozmiaru okna przeglądarki

Najprostszy, ale nie optymalny pod względemzaznacz to zmienić rozmiar okna przeglądarki. Jeśli strona jest wykonana przy użyciu technologii projektowania adaptacyjnego, możesz sprawdzić wersję mobilną witryny w ten sposób. Ale w tych przypadkach, gdy stosuje się oddzielny projekt, zasób musi jasno wskazywać, że użytkownik pochodzi ze smartfona, tabletu lub innego urządzenia mobilnego. Tak więc ta metoda pozwala sprawdzić, czy istnieje mobilna wersja strony. Ale prawidłowość mapowania (pod względem technologii) raczej nie będzie oceniona.

Przejdź do trybu programisty w przeglądarce

Lepszy sposób na testowanie urządzeń mobilnychWersja strony (Google lub Yandex, a także inne wyszukiwarki, podkreślają zdolność do adaptacji na liście najważniejszych czynników wpływających na ranking) to przejście do trybu deweloperskiego w przeglądarce. Metoda działa w podobny sposób w przypadku kilku przeglądarek:

• Mozilla: Możesz przejść do trybu programisty, wybierając opcję "Adaptive design" w menu "Development"; naciskając kombinację Ctrl + Shift + M; klikając przycisk "Adaptive design mode" na pasku narzędzi programistów stron internetowych;
• Chrome: przejdź do trybu mobilnego, naciskając klawisz funkcyjny F12, a następnie wybierz ikonę wersji mobilnej (smartfon w lewym górnym rogu okna, które się pojawi).

W przeglądarce Opera przejdź do trybu programisty w celu weryfikacjiWersja mobilna polega na naciśnięciu kombinacji Ctrl + Shift + I, ale jest inny sposób. Specjalna wersja przeglądarki - Opera Mobile Classic Emulator - pozwala rozróżnić projekt mobilny. Wersje programu istnieją dla głównych systemów operacyjnych.

Emulatory dla urządzeń mobilnych: Android Studio i Apple Xcode

Możesz sprawdzić wersję mobilną strony ("Yandex" i Google) za pomocą emulatorów urządzeń mobilnych, które dla Androida i Apple to odpowiednio Android Studio lub Apple Xcode.

Podobne narzędzia odtwarzają się dość dokładniestrona w formie, w jakiej będzie wyglądać na urządzeniach mobilnych: programy preinstalują najpopularniejsze wersje przeglądarek na urządzenia mobilne. Emulatory nie uwzględniają jednak prędkości pobierania i innych niuansów, które można zaobserwować w rzeczywistych warunkach.

Aby to sprawdzić wystarczy zainstalować jeden z powyższych programów na komputerze i otworzyć stronę z emulatora.

Testowanie usług sieciowych Projektowanie mobilne

Istnieją również prostsze sposoby sprawdzaniamobilna wersja strony. Na przykład usługa online Responsinator pozwala ocenić poprawność wyświetlania zasobów na urządzeniach mobilnych i wygodę korzystania ze strony od strony użytkownika. Zasób wyświetla witrynę tak, jakby była wyświetlana na sześciu różnych urządzeniach z systemem Android lub Apple oraz w kilku orientacjach.

Weryfikacja optymalizacji strony na urządzenia mobilne

Inne zasoby do weryfikacji telefonu komórkowegoWersja strony, dodatkowo oceniają możliwości adaptacyjne, a nie tylko pokazują, jak strona będzie wyglądać na różnych urządzeniach. Najbardziej wiarygodne usługi: Google Mobile Friendly i "Yandex WebMaster" (sprawdzanie stron internetowych). Ocena optymalizacji strony pod kątem urządzeń mobilnych jest również sposobem na sprawdzenie Bing lub na przykład Mobile Checker od W3C.

Wszystko, co jest wymagane od webmastera podczas ocenianiawersje witryny dla urządzeń mobilnych korzystających z usług online, dlatego podaj adres zasobu i poczekaj na zakończenie analizy. Większość z powyższych usług sprawdza optymalizację ustawień przyjazności dla urządzeń mobilnych, które zostały wymienione powyżej.

Tak więc, aby ocenić zdolność adaptacyjną zasobu sieciowego, możeszna kilka sposobów: z badań przeprowadzonych na prawdziwych smartfonów, tabletów i innych urządzeń mobilnych lub zmiany rozmiaru okna przeglądarki internetowej, kontroli lub w trybie deweloper emulatory przeglądarek internetowych, a kończąc na korzystanie z usług „Yandex” i „Google”. Sprawdzenie wersji mobilnej witryny jest bardzo proste, co pozwoli wprowadzić niezbędne zmiany i poprawić pozycję strony w wynikach wyszukiwania.