Wszystko, co musisz wiedzieć o wytycznych Google dotyczących użyteczności urządzeń mobilnych

1. Jakie łożyska mają wytyczne Google na UX Twojej witryny mobilnej i jej wartość SEO?
2. Preferowana przez Google metoda optymalizacji mobilnej…
3. Powody, dla których Google preferuje responsywny projekt:
4. Dobre dla twoich użytkowników?
5. Więcej porad od Google na temat mobilności i SEO
6. Pamiętaj, aby „sygnalizować” Google, gdy strona jest sformatowana dla telefonu komórkowego
7. Możesz indeksować swoje strony
8. Unikaj treści niemożliwych do odtworzenia
9. Uważaj na swoje przekierowania i 404 strony
10. Unikaj umieszczania przycisków, linków i innych elementów dotykowych zbyt blisko siebie
11. Brak reklam pełnoekranowych!
12. Prędkość strony
13. Niektóre zastrzeżenia dotyczące narzędzi do testowania mobilności i szybkości stron Google
14. Przyspieszone strony mobilne
15. Wniosek

Jakie są oficjalne wytyczne Google dotyczące użyteczności urządzeń mobilnych? Jak możesz się ich trzymać? Czy powinieneś się nawet martwić? Czy wpłyną na SEO Twojej witryny?

Powiedzmy, że już zdajesz sobie sprawę z tego, że testowanie użytkowników jest niesamowitym sposobem na zapewnienie użytkownikom jak najlepszego korzystania z witryny mobilnej.

Fajnie, cieszę się, że się zgadzasz. Hej, pewnie dobrze sobie poradzimy!

Załóżmy również, że nie zdajesz sobie sprawy z faktu, że Google ma pewne praktyczne wskazówki dotyczące zapewnienia mobilnej użyteczności, a to wymaga Uwzględnij UX podczas indeksowania stron internetowych na liście wyszukiwania .

Genialny, słyszałeś o SEO! Wiesz, że edytowałem trzecią lub czwartą najpopularniejszą stronę związaną z marketingiem w wyszukiwarkach w (niektórych częściach) EMEA. Hej, prawdopodobnie lepiej by było, niż „całkiem dobrze”!

Ale ta ogólnikowa świadomość budzi bardzo ważne pytanie…

Jakie łożyska mają wytyczne Google na UX Twojej witryny mobilnej i jej wartość SEO?

Zapewniając, że UX Twojej witryny jest wypróbowany, przetestowany i zoptymalizowany w oparciu o prawdziwe ludzkie zachowanie, wystarczy, że Google zajrzy do Twojej witryny i powie: „Tak, jesteś dobry w SEO, siedzieć na tej stronie wyników i cieszyć się niezliczonym ruchem” (teraz ponownie przeczytaj to zdanie na głos swoim najlepszym „boskim” głosem)?

A może musisz się naprawdę zabrudzić faktycznymi technicznymi pozycjami SEO, aby uspokoić wielkiego władcę w kształcie litery G i jego wytyczne?

Chodź ze mną, nowo znaleziony towarzysz, a my wspólnie zbadamy te pytania.

Przewiduję, że wniosek będzie taki: „prawdopodobnie trudno powiedzieć, ale po prostu spraw, aby użytkownicy mobilni byli zadowoleni, a wszystko będzie dobrze”.

¯ \ _ (ツ) _ / ¯

Preferowana przez Google metoda optymalizacji mobilnej…

Minęliśmy już punkt krytyczny, w którym musimy nawet zasugerować, że powinieneś mieć stronę mobilną, aby zapewnić a) użyteczność na każdym ekranie i b) piękne punkty SEO.

Jeśli zadzwonię teraz do mojej babci i zapytam ją, jaka jest najważniejsza rzecz, jakiej potrzebuje strona internetowa, aby była dostępna dla maksymalnej liczby osób, odpowie: „można to zobaczyć na telefonie komórkowym i kogo to obchodzi, życie krótko, może powinieneś wyjść więcej? ”

Słusznie. Ale to, czego ty i moja babcia nie zdajecie sobie sprawy, to stopień, w jakim strona internetowa powinna być zoptymalizowana pod kątem urządzeń mobilnych. I że wychodzę prawie dwa razy w tygodniu, bardzo dziękuję.

Od kwietnia 2015 r. Przyjazność dla urządzeń mobilnych jest czynnikiem rankingowym, a na różne sposoby można być „mobilnym”. Wymieńmy je tutaj:

(Niektóre z tych definicji zostały rozwinięte przez dobrych ludzi w Kraina wyszukiwarek . Zostawię cię, aby zdecydować, które.)

• Elastyczne projektowanie: dzięki responsywnemu projektowaniu stron internetowych strona internetowa zmniejsza się lub rośnie w zależności od komputera stacjonarnego, tabletu i urządzenia mobilnego, zachowując tę ​​samą strukturę HTML i URL.
• Projekt adaptacyjny: znany również jako serwowanie dynamiczne, ta metoda obsługuje różne urządzenia korzystające z tej samej struktury adresu URL, ale wykrywa urządzenie i generuje inną wersję kodu HTML witryny odpowiednią dla tego urządzenia. Oznacza to, że ta sama witryna ma wiele wersji, które są obsługiwane za pośrednictwem zwykłych adresów URL.
• Oddzielna strona mobilna: oznacza to, że masz dwie różne wersje tej samej witryny. Jeden zbudowany na komputer, drugi na telefon komórkowy. Lub, aby być nieco bardziej technicznym, ta konfiguracja dostarcza inny HTML na osobnych adresach URL w zależności od wykrytego urządzenia. Zazwyczaj strona pulpitu znajduje się na subdomenie www, a strony przyjazne dla urządzeń mobilnych znajdują się w subdomenie „m”. Ten wydaje się największą ilością pracy.
• Pizza i kwiaty: czy próbowałeś być miły i po prostu słuchasz telefonu komórkowego, żeby się zmienić? Może mógłbyś zaoferować pomoc przy następnym przeniesieniu domu. Albo po prostu spadaj na miejsce pracy z ulubionymi smakołykami, jeśli mają zły dzień. Może nie ten ostatni, możesz być „zbytnio mobilny”. Być może po prostu przestań być samolubnym palantem cały czas i pracuj stamtąd.

A która z powyższych opcji jest ulubioną przez Google metodą dostarczania użytkownikom przyjaznych dla telefonów komórkowych? Elastyczny projekt .

Tak. W rzadkich przypadkach Google coś przejawia. Oto jest tutaj, we własnym przewodnik dla webmasterów :

Dodali nawet pogrubioną czcionkę, aby podkreślić. Tak jak ja. Nie jesteśmy tacy różni, Google i I. Mają po prostu więcej pieniędzy i mogą przeglądać historię przeglądania, kiedy tylko chcą. Nadal muszę pożyczać pieniądze od rodziców i ukradkiem wpatrywać się w twój telefon, gdy siedzisz sprawdzając Facebooka w autobusie.

Powody, dla których Google preferuje responsywny projekt:

Zgodnie z ich własne wytyczne , Google uwielbia responsywne projektowanie, ponieważ:

• Jeśli istnieje pojedynczy adres URL, ułatwia to użytkownikom dzielenie się treścią i linkowanie do niej
• Pomaga algorytmom Google precyzyjnie przypisywać właściwości indeksowania do strony, zamiast sygnalizować istnienie odpowiednich stron pulpitu / telefonu komórkowego
• Wymaga mniej czasu na konserwację wielu stron dla tej samej zawartości
• Zmniejsza prawdopodobieństwo wystąpienia typowych błędów, które wpływają na witryny mobilne
• Nie wymaga przekierowania, aby użytkownicy mieli widok zoptymalizowany na urządzenie, co skraca czas ładowania
• Oszczędza zasoby, gdy Googlebot indeksuje Twoją witrynę. W przypadku stron z responsywnymi stronami internetowymi pojedynczy Googlebot musi tylko zaindeksować stronę raz, zamiast wielokrotnie indeksować różne Googleboty, aby pobrać wszystkie wersje treści

Powyższe punkty są następujące: „patrz, to po prostu mniej pracy dla nas w porządku? Jeśli mamy mniej pracy do wykonania, możemy zwolnić popołudnie, pójść na plażę, a wtedy będziemy znacznie szczęśliwsi, a może nasz następny algorytm nie opróżni twojej witryny w toalecie. ”

Dobre dla twoich użytkowników?

Elastyczne projektowanie może być preferowane przez Google, ale czy to koniecznie koreluje z preferencjami użytkowników?

Użytkownicy raczej nie będą dbać o to, czy dynamicznie obsługujesz strony lub umieszczasz wszystko na starej subdomenie, pod warunkiem, że będą mogli uzyskać dostęp do treści tak płynnie i szybko, jak to możliwe.

Poza tym, że masz responsywną stronę internetową, nie oznacza to automatycznie, że korzystanie z telefonu komórkowego jest tak samo dobre jak witryny na komputerze. Co zrobić, jeśli jesteś sklepem e-commerce, który zapomina upewnić się, że zdjęcia produktów są dostępne do ściągnięcia i powiększenia po zmniejszeniu do telefonu komórkowego? To nie jest „zoptymalizowane pod kątem urządzeń mobilnych”.

Pamiętaj tylko, że doświadczenie Twoich użytkowników jest pierwsze, przed jakąkolwiek rekomendacją Google.

* Google automatycznie usuwa ten artykuł *

Więcej porad od Google na temat mobilności i SEO

Co jeszcze musisz wiedzieć o mobilnym UX i dbać o rankingi wyszukiwania?

Pamiętaj, aby „sygnalizować” Google, gdy strona jest sformatowana dla telefonu komórkowego

Niezależnie od tego, czy jest to usługa responsywna, adaptacyjna czy umieszczona w witrynie .m, musisz poinformować Google, że jest dostępna przyjazna dla telefonu wersja treści, więc Google może dokładnie wyświetlać odpowiednią treść na odpowiednim rozmiarze ekranu.

W przypadku responsywnej witryny dodaj następujący nagłówek metatelu rzutni do nagłówka dokumentu:

<meta name = ”viewport” content = ”width = szerokość urządzenia, początkowa skala = 1,0 ″>

Jeśli nie dodasz tego metatagu, twoja zawartość będzie domyślnie ustawiona na szerokość ekranu pulpitu. Zwykle oznacza to, że przeglądarka mobilna sztucznie spróbuje poprawić wygląd strony, zwiększając rozmiary czcionek, skalując zawartość w celu dopasowania do ekranu lub pokazując tylko część strony.

Według Google , to znaczy że:

„Rozmiary czcionek mogą być niespójne, a użytkownicy mogą być zmuszeni do dwukrotnego stuknięcia lub zbliżenia, aby móc widzieć i wchodzić w interakcję z treścią. W przypadku Google możemy nie oceniać strony jako przyjaznej dla urządzeń przenośnych, ponieważ wymaga ona tego rodzaju (lub typu) interakcji na urządzeniu mobilnym ”.

Aby uzyskać porady na temat sygnalizowania swojej treści komórkowej do Google na niereagujące strony internetowe, sprawdź serwowanie dynamiczne i oddzielne adresy URL .

Możesz indeksować swoje strony

Google wysyła „pająki” (znane również jako Googlebots, aby uczynić je mniej przerażającymi) do indeksowania (nie powiodło się z tym terminem) żadnych nowych i zaktualizowanych stron internetowych. Informacje z tych miliardów stron są następnie dodawane do indeksu Google, który jest dostępny dla realnych użytkowników. Jeśli chcesz, aby ci poszukiwacze cię znaleźli, uczyń je tak łatwymi, jak to tylko możliwe, aby te pająki przeszły po całej witrynie.

Oznacza to, że należy unikać korzystania z pliku robots.txt w celu zablokowania wyszukiwarekom dostępu do jakichkolwiek plików w witrynie, które pomagają renderować stronę . Obejmuje to również reklamy. Według Google:

„Jeśli Googlebot nie ma dostępu do zasobów strony, takich jak CSS, JavaScript i obrazy, możemy nie wykryć, że jest on zbudowany do wyświetlania i działa dobrze w przeglądarce mobilnej. Innymi słowy, możemy nie wykryć, że strona jest przyjazna dla urządzeń mobilnych, a zatem nie jest obsługiwana przez mobilnych użytkowników ”.

Możesz sprawdzić, czy Google wyświetla twoją stronę internetową i jej różne elementy, używając Pobierz jako Google narzędzie w konsoli wyszukiwania.

Unikaj treści niemożliwych do odtworzenia

Jest to częsty problem, zwłaszcza jeśli masz dużą witrynę z dużą ilością elementów multimedialnych na stronę. Tylko dlatego, że wideo działa poprawnie po kliknięciu przycisku Publikuj, nie oznacza to, że rok będzie nadal w porządku.

Z mojego własnego doświadczenia wynika, że ​​inna strona, którą edytuję, spotkała się z Google, gdy kilka osadzonych w YouTube filmów, które uwzględniliśmy w podsumowaniu, usunięto z platformy i dlatego nasz artykuł stał się bezużyteczny. Nie mieliśmy pojęcia, dopóki wiadomość e-mail od zespołu AdSense nas nie ostrzega.

Opłaca się zachować czujność i kontynuować optymalizację najpopularniejszych treści.

Powinieneś także unikać wszelkich treści, które wymagają odtwarzaczy, które nie są obsługiwane przez telefon komórkowy. Jak Flash.

Google zaleca korzystanie z HTML5, osadzanie wideo, że grasz na wszystkich urządzeniach, nie używanie Flasha i transkrypcji tekstowej wideo, więc przynajmniej jeśli wszystko pójdzie nie tak (HTML5 jest zastąpiony, YouTube jest wyprzedany, Flash dostaje swoją zimnokrwista zemsta) wciąż możesz to przeczytać.

Uważaj na swoje przekierowania i 404 strony

Jeśli skonfigurowałeś przekierowanie ze strony mobilnej, upewnij się, że trafia na inną stronę mobilną. Nie wersja na komputer.

Dzięki uprzejmości Google

Ponadto, jeśli zauważysz, że użytkownik odwiedza stronę komputerową ze swojego telefonu komórkowego, ale faktycznie masz odpowiednią stronę mobilną na innym adresie URL, przekieruj ją do tego adresu URL. Jest to znacznie lepsze niż obsługa strony 404 lub miękkiej 404.

Unikaj umieszczania przycisków, linków i innych elementów dotykowych zbyt blisko siebie

„Palce używane do wybierania są zbyt grube. Aby uzyskać specjalną różdżkę do wybierania numerów, zrób teraz klawiaturę za pomocą dłoni. ”

I jest kilka praktycznych porad tutaj rozmiary elementów gwintowanych .

Brak reklam pełnoekranowych!

Google całkiem słusznie zszedł ciężko na temat wykorzystania reklam pełnoekranowych na początku tego roku, wprowadzając karę dla każdego, kto jest na tyle głupi, aby zrujnować doświadczenie odwiedzającego, serwując im olbrzymią reklamę na pełnym ekranie natychmiast po odwiedzeniu z wyszukiwarki.

Jak te:

Według Google są to typy reklam, które nie powinny być wyświetlane odwiedzającym i mogą skutkować karą:

• Wyskakujące okienka, które obejmują główną treść, natychmiast po przejściu użytkownika na stronę z wyników wyszukiwania lub podczas przeglądania strony.
• Wyświetlanie samodzielnego interstitialu, który użytkownik musi odrzucić przed uzyskaniem dostępu do głównej zawartości.
• Korzystanie z układu, w którym nadszyta część strony wydaje się podobna do samodzielnej śródmiąższowej strony, ale oryginalna treść została wstawiona pod fałdą.

Typy reklam, które zostały uznane za bezpieczne, jeśli są używane odpowiedzialnie, obejmują:

• Obowiązki prawne, takie jak wykorzystanie plików cookie lub weryfikacja wieku.
• Okna logowania w witrynach, w których treść nie jest publicznie indeksowana lub za zaporą.
• Banery, które wykorzystują rozsądną ilość miejsca na ekranie i są łatwo odrzucane.

Prędkość strony

Google uruchomi oddzielny indeks dla telefonów komórkowych ( podobno do 2018 roku ), który będzie bardziej aktualny niż indeks indeksu pulpitu i szybkość ładowania strony BĘDZIE czynnikiem rankingującym. Jednak teraz szybkość stron nie jest obecnie czynnikiem rankingowym dla witryn mobilnych , w taki sam sposób, jak na pulpicie.

Według Post SEM Twoja witryna może zająć 30 sekund, ale nie może zostać przeniesiona przez Google.

Wydaje się to całkowicie dziwaczne i znowu jest świadectwem tego, jak powinieneś wykorzystać użyteczność swojej witryny przed sztywnym przestrzeganiem granic określonych przez Google. Nawet na własnym Google narzędzie do testowania prędkości witryny , śmiało twierdzi, że większość stron traci połowę odwiedzających podczas ładowania.

Jasne jest, że szybkość strony będzie czynnikiem w rankingu w najbliższej przyszłości, i że powinieneś robić wszystko, co możliwe, aby przyspieszyć.

Skorzystaj z narzędzia do testowania prędkości mobilnego Google, ponieważ jest to bardzo przydatny (i darmowy) sposób na uzyskanie praktycznych porad dotyczących przyspieszenia działania witryny, a także dostarczenie porównawczych testów branżowych.

Jednak…

Niektóre zastrzeżenia dotyczące narzędzi do testowania mobilności i szybkości stron Google

Mój ulubiony mobilny ekspert Andy Favell napisał kompleksowy przewodnik do mobilnej użyteczności w ubiegłym roku, w której rozwinął kilka typowych błędnych przekonań na temat przyjaznego dla Google testu i PageSpeed ​​Insights.

• Test Google przyjazny dla urządzeń mobilnych i narzędzie PageSpeed ​​Insights nie przetestuje całej witryny, przetestuje tylko stronę, którą wprowadzisz na pasku wyszukiwania. Nie ma gwarancji, że ze względu na to, że Twoja strona główna przejdzie pomyślnie test, wszystkie inne strony przejdą - i odwrotnie.
• Wynik w 100% przyjazny dla urządzeń przenośnych w oczach Google nie gwarantuje, że Twoja witryna ma „dobrą” mobilną użyteczność dla prawdziwych ludzi odwiedzających Twoją witrynę. Test przyjazny dla urządzeń przenośnych uwzględnia:
  • Zawartość pasuje do ekranu (rzutnia)
  • Tekst jest poprawnie zwymiarowany
  • Przyciski i łącza są prawidłowo zwymiarowane, rozmieszczone i łatwe do dotknięcia
  • Nie ma zawartości Flash
  • Brak reklam pełnoekranowych

Nie sprawdzi jednak problemów wizualnych, nieintuicyjnego projektu, niezrozumiałej nawigacji i uszkodzonych łączy.

Żadne zautomatyzowane narzędzie nie jest alternatywą dla prawidłowego testowania użytkownika.

Przyspieszone strony mobilne

Na koniec trochę o projekcie Google AMP.

Zasadniczo przyśpieszone strony mobilne udostępniają uproszczone wersje treści mobilnych, które są specjalnie zaprojektowane, aby oferować superszybkie, bardzo lekkie strony, które ładują się natychmiast dla osób odwiedzających z wyszukiwarki.

Zobaczysz mały symbol błyskawicy, jeśli w ciągu ostatnich sześciu miesięcy szukałeś czegoś w telefonie komórkowym Google.

Podczas gdy doświadczenie użytkowników AMP jest, jak wspomniano powyżej, superszybkie i super lekkie, a ich implementacja jest prosta i wymaga niewielkiego ciągłego zarządzania - AMP obecnie nie oferuje żadnej wartości SEO. Przynajmniej nie w prosty sposób.

Gary Illyes, analityk trendów webmasterów w Google, stwierdzono w 2016 r że „Obecnie AMP nie jest czynnikiem rankingu mobilnego”. John Mueller również powtórzył to wcześniej w 2017 roku.

Ale oczywiście te pytania zadawane przez szefów Google'a pochodzą ze starego etosu, że SEO polega na poprawkach technicznych, a rzeczywistość jest coraz bardziej wyrafinowana, jeśli chodzi o umieszczenie użytkownika w centrum uwagi. Oczywiście, AMP może nie być ścisłym wskaźnikiem rankingu, ale jeśli te strony oferują najlepsze wrażenia i jeśli ludzie robią wszystko, aby je znaleźć i kliknąć, to jak można to zignorować jako sygnał?

Wniosek

Czy powinniście zwracać uwagę na wytyczne Google dotyczące mobilności?

Prawdopodobnie trudno powiedzieć, ale po prostu spraw, aby użytkownicy mobilni byli zadowoleni, a wszystko będzie dobrze.

TAK! Wygrałem własny zakład!