Sprawdź wersję mobilną w Yandex. Kontroler optymalizacji mobilnej. Konsola wyszukiwania Google. Elementy interaktywne są zbyt blisko

Jest coś takiego, Google wkrótce (według plotek - od 21 kwietnia 2015 r.) zacznie bardzo słabo oceniać witryny, które nie przeszły kontroli w Google Webmasters pod kątem łatwości przeglądania na urządzenia mobilne Oh.

Nie jest do końca jasne, czy strona będzie miała problemy tylko wtedy, gdy zostanie pokazana użytkownikom mobilnym, a nawet tym, którzy zalogowali się z komputera, czyli będzie osobny problem?

Zasadniczo nie zmienia się to prawie w przypadku witryn, które mają połowę lub znaczną część ruchu mobilnego. Dlatego lepiej zdać test tak szybko, jak to możliwe.

Powiem ci, jak to zrobić:

Zanim	Później

Pierwszy kawałek, co pomogło rozwiązać problem bez dodatkowych gestów.

W robots.txt dodaj linię:
Zezwól: /wp-content/themes/ Nazwa_szablonu/style.css

(Jeśli plik ze stylami znajduje się pod innym adresem, to go rejestrujemy. Jeśli jest kilka plików ze stylami, wstawiamy wiersze dla każdego pliku.)

Druga chwila jeśli zobaczymy komunikat „Elementy interaktywne są zbyt blisko siebie”. Wyświetlane na google.com/webmasters/tools/mobile-friendly.
Po prostu w stylach wymagana klasa określa więcej wcięć dla linków i przycisków. Chwyta margines lub dopełnienie 5px lub więcej.
Czasami blok Adsense może stworzyć taki problem. Być może musisz wstawić większy blok lub większą czcionkę.

PS Początkowo spodziewam się, że podstawowa została wykonana przez Ciebie.

Wersje strony to nie tylko ewentualna fanaberia deweloperów, dodatkowa pozycja wydatków (lub zarobków, jeśli mówimy o wykonawcach) i przejaw troski o odwiedzających zasób. Według najnowszych wypowiedzi przedstawicieli Google, strony, które nie spełniają wymagań projektowania responsywnego, będą pesymizowane w wyszukiwarkach mobilnych. Wyszukiwarka krajowa Yandex wydała również rekomendacje „Jak ważne jest bycie mobilnym” i zapewniła, że działając dla wygody użytkowników urządzeń mobilnych, będzie zaznaczać wersje mobilne w wynikach wyszukiwania i preferować strony adaptacyjne.

Dlatego programiści muszą koniecznie dostosować witryny do smartfonów i sprawdzić przydatność wyświetlania zasobów. W przeciwnym razie w niedalekiej przyszłości można spodziewać się utraty znacznej części ruchu, a co za tym idzie potencjalnych klientów, bo nowe algorytmy pracy od Google i Yandex już działają. Możesz sprawdzić mobilną wersję strony różne sposoby: Zmieniając przeglądarkę podczas przełączania do trybu programisty, korzystając z emulatorów urządzeń mobilnych lub usług internetowych.

Przyjazność strony internetowej dla urządzeń mobilnych

Możliwość dostosowania do urządzeń mobilnych oceniana jest według różnych parametrów. Ważne jest, aby sprawdzić mobilną wersję strony nie tylko pod kątem prawidłowego wyświetlania, warto wziąć pod uwagę inne czynniki:

brak animacji, "ciężki" design i zdjęcia;
szybkość ładowania zasobów (powinna być minimalna);
brak konieczności przewijania w poziomie;
brak wtyczek Silverlight i apletów Java;
prosta nawigacja w witrynie;
kod zawiera metatag viewport.

Jeżeli powyższe warunki są spełnione, algorytmy najpopularniejszych wyszukiwarek rozpoznają stronę internetową jako odpowiednią dla urządzeń mobilnych i zwiększają pozycję strony w wynikach wyszukiwania w stosunku do zasobów, które nie są przystosowane.

Prawdziwe testowanie na urządzeniach mobilnych

Najwygodniejszym sposobem jest przetestowanie mobilnej wersji serwisu na prawdziwych smartfonach. Ta metoda pozwoli na testowanie w rzeczywistych warunkach. Najlepiej byłoby sprawdzić zasób sieciowy na kilku urządzeniach, ale jeśli budżet projektu nie uwzględnia kosztów zakupu kilku smartfonów najpopularniejszych modeli, wystarczy urządzenie z Androidem lub Apple.

Zmiana rozmiaru okna przeglądarki

Najprostszym, ale nie optymalnym pod względem walidacji, jest zmiana rozmiaru okna przeglądarki. Jeśli strona jest wykonana przy użyciu technologii, w ten sposób możesz sprawdzić mobilną wersję serwisu. Jednak w przypadkach, w których zastosowano oddzielny projekt, zasób wymaga wyraźnego wskazania, że użytkownik pochodzi ze smartfona, tabletu lub innego urządzenia mobilnego. Więc, tą drogą umożliwia sprawdzenie dostępności mobilnej wersji serwisu. Ale poprawność wyświetlania (pod względem technicznym) raczej nie zostanie oceniona.

Przełączanie w tryb programisty w przeglądarce

Bardziej optymalny sposób na sprawdzenie mobilnej wersji strony (Google czy Yandex i inne) Wyszukiwarki wyróżnij adaptacyjność na liście najważniejszych czynników wpływających na ranking) - jest to przełączenie w tryb programisty w przeglądarce. Metoda działa w podobny sposób w wielu przeglądarkach:

Mozilla: Możesz przejść do trybu programisty, wybierając opcję „Responsive Design” z menu „Develop”; pilny kombinacja Ctrl+ przesunięcie + M; klikając przycisk „Tryb projektowania responsywnego” na pasku narzędzi programisty;
Chrome: przejdź do trybu mobilnego, naciskając F12, a następnie wybierz ikonę wersji mobilnej (smartfon w lewym górnym rogu wyświetlonego okna).

W Operze możesz przejść do trybu programisty, aby sprawdzić wersję mobilną, naciskając Ctrl + Shift + i, ale jest inny sposób. Specjalna wersja przeglądarki - Opera Mobile Classic Emulator - pozwala na wielostronną ocenę projektu mobilnego. Wersje programu istnieją dla głównych systemów operacyjnych.

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

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

Takie narzędzia dość dokładnie odwzorowują stronę tak, jak będzie wyglądała na urządzeniach mobilnych: programy są preinstalowane z najpopularniejszymi wersjami przeglądarek dla urządzeń mobilnych. Emulatory nie uwzględniają jednak szybkości pobierania i kilku innych niuansów, które można zaobserwować w rzeczywistych warunkach.

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

Usługi internetowe do walidacji projektów mobilnych

Jest więcej proste sposoby sprawdź mobilną wersję strony. Przykładowo usługa internetowa Responsinator pozwala ocenić poprawność wyświetlania zasobu na urządzeniach mobilnych oraz wygodę korzystania z serwisu po stronie użytkownika. Zasób wyświetla witrynę tak, jak wyglądałaby w szóstym różne urządzenia oparty na systemie Android lub Apple i w wielu orientacjach.

Sprawdzanie optymalizacji stron internetowych dla urządzeń mobilnych

Inne zasoby, które pozwalają sprawdzić mobilną wersję strony dodatkowo oceniają możliwości adaptacyjne, a nie tylko pokazują jak strona będzie wyglądać na różnych urządzeniach. Najbardziej renomowanymi usługami są Google Mobile Friendly i Yandex WebMaster (sprawdzanie stron internetowych). Kontroler Binga, czyli Mobile Checker W3C, również ocenia optymalizację witryny pod kątem urządzeń mobilnych.

Jedyne, co jest wymagane od webmastera przy ocenie wersji serwisu dla urządzeń mobilnych korzystających z usług online, to wpisanie adresu zasobu i poczekanie na zakończenie analizy. Większość z powyższych usług testuje optymalizacje pod kątem parametrów przyjazności dla urządzeń mobilnych wymienionych powyżej.

Można więc oceniać adaptacyjność zasobu internetowego na kilka sposobów: od testowania na prawdziwych smartfonach, tabletach lub innych urządzeniach mobilnych lub zmiany rozmiaru okna przeglądarki internetowej, sprawdzania w emulatorach lub w trybie programisty przeglądarki, a kończąc na użyciu usługi Yandex i Google. Bardzo łatwo jest kompleksowo sprawdzić mobilną wersję strony, a to pozwoli na dokonanie niezbędnych zmian i poprawienie pozycji strony w wynikach wyszukiwania.

Pozdrowienia, drodzy przyjaciele!

Gadżety mobilne podbiły świat. Dziś nawet po chleb nie idą bez telefonu.

W dzisiejszych czasach Internet rozwija się bardzo dynamicznie. Szybki wzrost rynku Internet mobilny wymusza na twórcach zasobów internetowych dostosowanie swoich witryn do tego typu urządzeń.

Chodzi mi o to, że jeśli chcesz, aby Twoja witryna odniosła sukces i była popularna, powinieneś pomyśleć o tym, jak ułatwić jej wyświetlanie na wszelkiego rodzaju gadżetach.

W tym artykule opowiem Ci, jak sprawdzić witrynę na urządzeniach mobilnych za pomocą specjalnych usług. Z grubsza podzieliłem je na dwie grupy: darmową i płatną.

Wszystkie działają na prawie tej samej zasadzie:

przejdź do strony internetowej dewelopera tej lub innej usługi
pobierz potrzebne oprogramowanie
uruchom aplikację
a po chwili mobilna wersja Twojej strony jest przed Tobą!

Istnieją usługi, które mogą przetestować Twoją witrynę online.

Wybór, jak zawsze, należy do Ciebie!

Darmo

Przyjazny dla urządzeń mobilnych... Ta aplikacja została stworzona przez Google specjalnie w celu sprawdzenia, czy zasób sieciowy jest zoptymalizowany pod kątem smartfonów i innych gadżetów.

Responsinator... Dzięki tej aplikacji możesz łatwo zobaczyć jak wygląda strona na Kindle, iPadzie, Androidzie, iPhonie.

Zajrzyj na iPada... Jeden z najpopularniejszych darmowe narzędzia testowe, dzięki którym można zobaczyć wyświetlanie własnej strony internetowej na iPhonie i iPadzie.

Minisymulator Opery... Emulator Opery zawiera bardzo dużą bazę danych gadżety mobilne... Jego jedyną wadą jest brak trybu online, to znaczy, aby przetestować swój zasób, będziesz musiał pobrać i zainstalować niezbędne oprogramowanie.

Gomez... Ocenia kompatybilność Twojego zasobu z urządzeniami mobilnymi według 30 parametrów, co pozwala uzyskać najpełniejszą ocenę. Aby korzystać bezpłatnie, musisz podać swoje dane kontaktowe.

MobiReady... Świetne narzędzie testowe, które mierzy responsywność projektu. Weryfikacja opiera się na najlepszych standardach W3C (World Wide Web Consortium).

Emulator telefonu komórkowego i Screenfly... Podobne usługi, które umożliwiają również przeglądanie stanu zasobu internetowego na ekranach dowolnych gadżetów.

Płatny

Testowanie w różnych przeglądarkach... Sprawdza się w 130 różnych przeglądarkach i 25 systemach operacyjnych, w tym: Blackberry, Android, iPad, iPhone. Aby z niego skorzystać, będziesz musiał płacić 29,95 USD miesięcznie.

Stos przeglądarki... Zapewnia szybki dostęp do ogromnej bazy danych. Kosztuje do 19 dolarów za miesiąc, ale jest też darmowa wersja.

Przeglądanie... Przeznaczony do usuwania z Androida, iPada, iPhone'a. Za pięć zrzutów ekranu będziesz musiał zapłacić 1 USD.

Idealna komórka... Daje dostęp do bazy danych tabletów i telefony komórkowe, który pozwala zobaczyć, jak dobrze optymalizacja jest na każdym typie urządzenia. Za jego użycie trzeba zapłacić do 15 USD dziennie.

Przeglądarka wielu przeglądarek... Aplikacja cross-browser zawierająca emulatory mobilne i przeglądarki do testowania w dowolnym formacie. Kosztuje do 140 dolarów, a jest też darmowa wersja demo.

Urządzenie w dowolnym miejscu... Doskonałe narzędzie, które umożliwia punktowe sprawdzanie treści internetowych poprzez testowanie zasobu w czasie rzeczywistym. Może być płatny (100 USD miesięcznie) lub bezpłatny.

Jak widać, programów i usług jest wiele, wybierz najwygodniejszą opcję i wykorzystaj ją dla swojego zdrowia.

Wersja mobilna dla wyszukiwarek

Czasami witryna wyświetla się dobrze na wszystkich urządzeniach mobilnych, ale wyszukiwarki google a Yandex nie uznaje jego przenośności. Tyle, że Yandex i google mają dodatkowe wymagania dotyczące wersji mobilnej.

Adaptację wersji mobilnej dla Google możesz sprawdzić korzystając z usługi Mobile Friendly. Wspomniałem już o tym na liście darmowych narzędzi.

A dla Yandex jest podobne narzędzie w aktualnie testowanej wersji biura webmastera (https://beta.webmaster.yandex.ru/).

Zapisz się na aktualności na blogu, a dowiesz się wielu ciekawych i przydatnych rzeczy. W międzyczasie żegnam się z Wami, do zobaczenia w nowym artykule!

Z poważaniem! Abdullin Rusłan

W bieżącym artykule porozmawiamy o tym, jak sprawdzana jest mobilna wersja strony, jej wygodzie, czytelności i prawidłowym wyświetlaniu.

Możesz sprawdzić swoją witrynę pod kątem użyteczności mobilnej za pomocą różnych usług internetowych. W szczególności, ten serwis od Google umożliwia odpowiednią ocenę umiejętności korzystania z układu mobilnego.

Google ogłosił niedawno, że witryny, które nie spełniają wymagań dotyczących układu mobilnego, będą pesymizować wyszukiwania mobilne. Algorytm ten już działa, a niektóre witryny, które nie zadały sobie trudu, aby wyświetlić się na platformach mobilnych, rzeczywiście zostały usunięte z SERP dla urządzeń mobilnych.

Jeśli Twoja witryna jest trzykrotnie wygodna dla platform stacjonarnych, musisz sprawdzić jakość układu mobilnego, w przeciwnym razie stracisz imponującą część ruchu (udział platform mobilnych w wyszukiwaniu rośnie z roku na rok), co oznacza, że stracisz swoich klientów. Dlatego musisz dostosować swoje strony pod urządzenia mobilne i sprawdzić poprawność wyświetlania stron w przeglądarkach mobilnych.

Sprawdzanie jakości układu mobilnego za pomocą Google Chrome

Dla programistów Google ma świetne narzędzie do symulacji urządzeń mobilnych. To narzędzie jest wbudowane w przeglądarkę Google Chrome... Aby uzyskać do niego dostęp, musisz kliknąć F12 w przeglądarce (przejdź do trybu programisty) i kliknij ikonę smartfona:

Strona jest konwertowana do trybu przełączania urządzeń, w którym można wybrać jedno z popularnych urządzeń mobilnych, typ sieci (GPRS, 2G, 3G, 4G itp.), określić ścisłe parametry wyświetlania. Pozwala to na symulację działania serwisu na konkretnych urządzeniach mobilnych. Wśród dostępne urządzenia zawiera różne wersje iPada, iPada Mini, iPhone, BlackBerry, Google Nexus, HTC, LG, Nokia, Samsung Galaxy i kilka innych popularnych urządzeń.

Wybierając konkretne urządzenie, możesz sprawdzić stronę na urządzeniu mobilnym. Na przykład wyświetlanie strona główna witryna „Nubex” na iPadzie 3:

A na Samsungu Galaxy S4:

Tutaj możesz nie tylko zobaczyć wyświetlanie witryny na konkretnym urządzeniu, ale także w pełni pracować z witryną, tak jakby niezbędny gadżet znajdował się przed tobą. Niewątpliwie narzędzie to jest po prostu niezastąpione przy tworzeniu mobilnej wersji serwisu, ale jak Twoja strona będzie się wyświetlać na rzeczywistych urządzeniach - musisz sprawdzić na prawdziwych urządzeniach. Jest to szczególnie ważne, jeśli chcesz sprawdzić wyświetlanie strony w „natywnych” przeglądarkach (Safari – dla iPad/iPhone, IE – dla telefon Windows itp.).

Dzień dobry przyjaciele. Dzisiaj odejdę trochę od narzędzi reklamowych i zacznę nową rubrykę na blogu. Nazywa się „Webmastering” i będzie zawierać przydatne materiały dotyczące poprawy wydajności i jakości witryny, stron docelowych. Zacznę od przeglądu fajnego narzędzia do sprawdzania witryny pod kątem mobilności.

Sprawdzanie szybkości witryny za pomocą Google

Google oferuje do tego 2 narzędzia.

# 1 PageSpeed Insights

Myślę, że dobrze go znasz. Wstaw link do swojej strony, naciśnij przycisk "Analizuj" i uzyskaj wynik w postaci dwóch zakładek.

Zakładka „Na komórkę” zawiera raport o szybkości ładowania strony na urządzenia mobilne i – ważne! - ocena wygody strona dla smartfonów. Zakładka „Dla komputerów”, odpowiednio, ta sama analiza dla pulpitu.

Najlepsze jest to, że usługa umożliwia pobieranie zoptymalizowany obrazy, CSS i skrypty do wykorzystania w Twojej witrynie. Oto takie bezpłatna pomoc z google.

Jak widać na zrzucie ekranu, mam poważne problemy z wersją mobilną. Jak się masz?

#2 Testmysite.Withgoogle

W rzeczywistości jest to to samo narzędzie, ma po prostu piękne opakowanie. Niedawno odkryłem tę usługę i zostałem przekupiony przez formularz zgłoszeniowy.

Gdy wstawisz link do witryny i klikniesz „Sprawdź”, usługa zaoferuje wynik w postaci pełnoprawnego dynamicznego landinga, na którym zwięźle i przekonująco powie Ci, jak się sprawy mają z witryną i zaproponuje pobierz pełny raport.

Oczywiście poprosiłem o pełny raport i otrzymałem go pocztą w ciągu kilku minut. Wygląda rozsądnie, kilka ekranów przydatnych instrukcji z linkami do konkretnych materiałów:

Warto zauważyć, że jeśli przeanalizujesz tę samą witrynę, liczby dla tych narzędzi będą się nieznacznie różnić. Pracują jednak na tej samej technologii.

W ten sposób w ciągu zaledwie kilku sekund możesz nie tylko sprawdzić witrynę pod kątem mobilności i sprawdzić szybkość ładowania - ale także pobrać pełnoprawny raport ze zoptymalizowaną treścią. Jest wolny. Z google

Jak sobie radzisz z mobilnością?