Projektowanie mobilne a responsywne: gdzie jesteśmy dzisiaj?

W lipcu 2019 r. Google ogłosił, że domyślnie rozpocznie indeksowanie mobilnych wersji wszystkich nowych stron internetowych. To ogłoszenie oznaczało, że Google jest naprawdę zorientowany na urządzenia mobilne: będzie indeksować i indeksować strony za pomocą agenta na smartfony i może w ogóle nie indeksować komputerowej wersji Twojej witryny. Teraz, gdy minął rok, jak radzisz sobie z mobilnym geddonem?

Indeksowanie zoptymalizowane pod kątem urządzeń mobilnych oznacza, że ​​coraz większą wagę przywiązuje się do projektowania zoptymalizowanego pod kątem urządzeń mobilnych. Te ramy projektowe wyznaczają inne podejście do technologii cyfrowej niż fala responsywnych projektów z ostatnich kilku lat. Na Found Conference Michelle Dupler, Content Strategist w SEO Nerd, mówiła o ważnych różnicach między tymi dwiema metodologiami projektowania.

Co to jest indeksowanie zoptymalizowane pod kątem urządzeń mobilnych?

„Najpierw mobilne” odnosi się do sposobu, w jaki Google przemierza i indeksuje sieć. Google ogłosił swoją inicjatywę mobile-first w 2015 roku i od tego czasu powoli wprowadza ją na rynek. W dzisiejszej iteracji wyszukiwania Google przemierza i indeksuje na podstawie wersji Twojej strony renderowanej na urządzeniach mobilnych. Zamiast patrzeć na komputerową wersję strony, Google patrzy na wersję mobilną. Według Search Engine Land ponad połowa stron wyświetlanych w wynikach wyszukiwania na całym świecie została zaindeksowana w ramach procedury Google Mobile First do 2018 r. Liczba ta stale rośnie, gdy Google indeksuje nowe strony i treści.

Strony są ponownie indeksowane po ich zmianie lub utworzeniu. Jeśli przenosisz swoją witrynę do nowej domeny, przełączasz się z http na https, odświeżasz witrynę, zmieniasz markę części witryny lub zmieniasz nazwę firmy — a tym samym uzyskujesz nową wersję swojej strony zindeksowaną przez Google — Twoja wersja na komputer może zniknąć z wyszukiwania.

Co oznacza mobile-first dla projektowania?

Wiele organizacji ma pewność, że dzięki dynamice swojej witryny są gotowe na obsługę urządzeń mobilnych. Może tak nie być! Prawdopodobnie już projektujesz na urządzenia mobilne, więc jaka jest różnica między projektowaniem responsywnym a projektowaniem z myślą o urządzeniach mobilnych?

Kluczowa różnica: responsywny projekt może nadal myśleć o komputerach stacjonarnych. Projektanci często najpierw planują i projektują ekrany pulpitu i nawigację, a następnie dzielą ten projekt i nawigację na mniejsze urządzenia. Dzięki temu możemy oferować te fajne, interaktywne projekty pulpitów z dużą ilością dynamicznej zawartości. Ale jeśli poświęciłeś dużo czasu na zaprojektowanie naprawdę fajnej, interaktywnej strony na komputery – i nie wyświetla się ona na urządzeniach mobilnych – Google ignoruje tę treść.

Prawdziwe projektowanie zorientowane na urządzenia mobilne oznacza najpierw planowanie i projektowanie wszystkich elementów środowiska mobilnego, a następnie skalowanie do komputerów stacjonarnych. Pomyśl najpierw o nawigacji mobilnej i skaluj na komputery. Robienie mobile-first jest nie tylko lepsze dla SEO, ale także dla wygody użytkownika. Odwracając nasz sposób myślenia o witrynach z ramkami, zwracamy większą uwagę na użytkowników mobilnych — którzy stanowią coraz większą część odwiedzających Twoją witrynę.

Dynamiczne projektowanie niekoniecznie oznacza, że ​​oddajesz ducha projektowania z myślą o urządzeniach mobilnych.

Projekt oparty na technologii mobile-first jest ważny, ponieważ według niektórych ekspertów ponad połowa wszystkich użytkowników Internetu uzyskuje dostęp do Internetu tylko za pośrednictwem telefonu komórkowego — do 2025 roku może to być 75 procent światowej populacji.

Doświadczenie mobilne jest jednym z najważniejszych sygnałów w rankingu SEO — obok dobrego doświadczenia użytkownika i wysokiej jakości treści. Jak więc projektujesz treści dla użytkowników mobilnych?

Projektowanie dla rankingu mobile-first

Nikt nie chce widzieć na swoim telefonie ogromnej ściany tekstu, ale to nie znaczy, że w Internecie nie ma miejsca na długie treści. Michelle podzieliła się kilkoma użytecznymi pomysłami:

• Nie ukrywaj swoich treści.

  Nie twórz niewidocznej treści tylko po to, by ją zindeksować. Biały tekst na białym tle, mnóstwo danych w metadanych i inne stare sztuczki nie przejdą przez współczesne roboty Google. Zamiast tego stosuj sprawdzone metody pisania na stronach internetowych i twórz treści, które warto czytać na urządzeniach mobilnych.

• Upewnij się, że korzystasz z tej samej zawartości na urządzeniach mobilnych i na komputerach .

  W przeszłości SEO ukrywali treści na mobilnych wersjach stron, zakładając, że użytkownicy mobilni chcieliby czytać mniej treści. Jednak utrzymywanie treści w komputerowej wersji strony i poza wersją mobilną oznacza, że ​​ta treść nie będzie indeksowana – i stracisz wartość tej treści dla rankingów wyszukiwania.

• Pokaż te same metadane na urządzeniach mobilnych i stacjonarnych.
  

  Cała zawartość, którą planujesz na komputery, powinna być również w wersji mobilnej. Upewnij się, że tagi, zwłaszcza noindex lub nofollow , pojawiają się na tych samych stronach zarówno dla robotów indeksujących na komputery, jak i komórki. Sprawdź też, czy tagi zdjęć i filmów są wyświetlane w mobilnej wersji Twojej witryny.

• Pomyśl o czytelności.

  Wyświetlaj swoje treści w krótkich seriach. Spraw, aby Twoja kopia była możliwa do zeskanowania za pomocą punktorów i list numerowanych, a także używaj zwięzłych nagłówków, aby ułatwić czytelnikowi poruszanie się po treści.

• Dowiedz się, jak ukryć zawartość — bez ukrywania jej przed użytkownikami lub botami.

  Jeśli masz leniwe ładowanie treści, upewnij się, że problemy z JavaScriptem lub inne wybory projektowe nie blokują tej treści przed robotami indeksującymi. Google twierdzi, że nie skanuje treści, które wymagają interakcji użytkownika (takich jak klikanie lub pisanie), aby się załadować. Można zwinąć długie treści w akordeony lub znaczniki „czytaj więcej”. Dowiedz się, które taktyki projektowania są odpowiednie dla użytkownika, aby poprowadzić użytkowników przez zawartość.

Projekt zorientowany na urządzenia mobilne traktuje priorytetowo użytkowników mobilnych.

Czy możemy całkowicie zapomnieć o projektowaniu na komputery stacjonarne?

Eksperci SEO powiedzą, że projektowanie z myślą o urządzeniach mobilnych to jedyny sposób na projektowanie w dzisiejszym cyfrowym ekosystemie. Bezwzględnie musisz upewnić się, że masz mobilną wersję swojej witryny, która obsługuje odpowiednią zawartość — i zawartość odpowiadającą interfejsowi na komputery. Jednak wciąż jest miejsce na responsywne projektowanie — a nawet na projektowanie z myślą o komputerach stacjonarnych.

Niektóre branże nie osiągnęły punktu krytycznego dla urządzeń mobilnych. W środowiskach B2B, organizacjach ze starszą bazą klientów, firmach takich jak bankowość lub finanse lub branżach intensywnie zajmujących się badaniami, nadal możesz widzieć więcej użytkowników w witrynie na komputery. Sprawdź swoje statystyki, zobacz, gdzie istnieje większość Twoich użytkowników i tam ich poznaj! Jeśli Twoi użytkownicy szukają interaktywnych grafik Tableau, warto je obsłużyć. Jeśli chcą prostych zakupów na telefonie lub tablecie, rozsądniej jest zapewnić takie doświadczenie.

Zagłęb się w swoje analizy i zbuduj prawdziwe poczucie tego, czego chcą Twoi użytkownicy. Zespoły interdyscyplinarne mogą pomóc w opracowaniu właściwego podejścia, więc współpracuj z projektantami, osobami zajmującymi się treścią, badaczami i programistami, aby podejmować decyzje dotyczące treści i projektu. I znowu, myślenie, że komputer jest na pierwszym miejscu, nie jest wymówką do luzowania się na urządzeniach mobilnych: pamiętaj, że Google indeksuje nowe witryny oczami użytkownika mobilnego, a słaba jakość korzystania z urządzeń mobilnych obniży Twoje rankingi.

Konkluzja? Google klasyfikuje witryny oferujące świetne treści i wrażenia, jakich oczekują użytkownicy.