Pierwsze indeksowanie mobilne

Cytat:

Nie przetrwa najsilniejszy gatunek, lecz ten, który najlepiej przystosowuje się do zmian.
- Przypisywane Karolowi Darwinowi

Szukasz pomocy w zakresie SEO?

Nazywam się Łukasz Żelezny, jestem założycielem SEO.London. Pracuję w tej branży od 20 lat.
Jako konsultant SEO pomogłem dziesiątkom firm.
Czy chcesz poprawić swoje wyniki w zakresie SEO?
Porozmawiajmy o tym podczas wideorozmowy.

Rozpocznij

Dostosowywanie się do zmieniających się zachowań użytkowników

Internet jest wciąż stosunkowo nowy i wciąż się rozwija. Kiedy ludzie szukają informacji w Internecie, nie siadają już przy komputerach i nie wpisują starannie sformułowanych zapytań. Od 2017 r. około połowa internautów korzysta z urządzeń mobilnych zamiast komputerów do przeszukiwania internetu.

Ponieważ użytkownicy zmieniają sposób przeszukiwania Internetu, wyszukiwarki muszą zmieniać sposoby indeksowania treści, aby wyświetlać jak najbardziej trafne i pomocne wyniki. Oznacza to, że jeśli chcesz osiągnąć wyższą pozycję w wynikach wyszukiwania, musisz stale zmieniać sposób organizacji i prezentacji informacji na swojej stronie internetowej.

Choć różni się to w zależności od regionu, około połowa globalny użytkownicy mają dostęp do Internet za pomocą urządzenia mobilnego - wynika z danych Statista.

This represents a significant wzrost from about 30 percent in 2015. If your website was designed for a desktop computer or you don’t have a mobile-friendly site, you can expect to see your szukaj z czasem wyniki w rankingu silników spadają.

Strony internetowe dla komputerów stacjonarnych i lekkich komputerów stacjonarnych

Witryny internetowe były początkowo tworzone przy założeniu, że ludzie będą uzyskiwać dostęp do Internetu z komputera stacjonarnego. Umożliwiło to firmy to build websites that contain complicated programming logic that’s loaded and processed by a browser on a desktop computer very quickly.

Ponieważ jednak użytkownicy coraz częściej korzystają z telefonów i tabletów, strony te często nie mogą być szybko ładowane i przetwarzane przez przeglądarkę w urządzeniu mobilnym.
W związku z tym niektóre firmy stworzyły "lekkie" wersje swoich witryn, które są ładowane i przetwarzane przez urządzenia mobilne w rozsądnym czasie. Aby stworzyć takie wersje, firmy często muszą zrezygnować z wielu funkcji i możliwości wersji desktopowych.

Gdy użytkownik wchodzi na stronę internetową, witryna określa rodzaj urządzenia, z którego korzysta, i wyświetla inny zestaw stron internetowych użytkownikowi urządzenia mobilnego niż użytkownikowi komputera stacjonarnego.

Wyobraź sobie, że wykonujesz wyszukiwanie Google na telefonie komórkowym telefon i oglądanie wyników wyszukiwania, które są dokładnie co których szukasz. Jednakże, kiedy klikasz na wyniki wyszukiwania, nie otrzymujesz tego, co wskazywały wyniki wyszukiwania. Zamiast tego otrzymujesz rozwodnioną wersję tego, czego oczekiwałeś, ponieważ witryna zaserwowała Ci inny zestaw stron internetowych, gdy ustaliła, że używasz urządzenia mobilnego.

The average user blames Google for this inadequacy because the treść doesn’t match what’s described in the search results.

Strategia Google dotycząca indeksowania mobilnego (Mobile-First Indexing)

Właśnie z tego powodu Google ogłosiło indeks mobile-first strategia w marcu 2018 r. Zamiast indeksowanie desktopowe wersje stron internetowych, Google zaczęło indeksować wersje mobilne. W lipcu 2018 roku Google zaczęło również używać m.in. szybkość strony w rankingach wyszukiwania mobilnego, który means favoring websites that load quickly on mobile devices when ranking search results over those that load more slowly. This doesn’t mean that websites without a mobile version aren’t indexed, but it does mean that fast-loading, mobile-friendly websites are more likely to ranking wyżej w wynikach wyszukiwania Google niż wolniej działające, ciężkie witryny, które wymagają komputera stacjonarnego.

Jak włączyć indeksowanie mobile first:

1. Przeprojektuj swoją witrynę

Czysta strategia Google mobile-first indexing często oznacza kompletną przeprojektować Twojej strony internetowej. Projekt będzie skierowany do urządzeń mobilnych, a następnie dostosowany do innych platform, takich jak komputery stacjonarne. Projekt strony z indeksowaniem mobile-first jest zazwyczaj prosty i zwięzły oraz wykorzystuje geometryczne kształty, jasne kolory, mocną typografię i białą przestrzeń jako elementy projektu.

W projekcie umieszczono elementy wezwania do działania na pierwszym planie oraz zastosowano nowoczesne metody komunikacji, takie jak czat i chatboty. Nie trzeba dodawać, że witryna z indeksem Google mobile-first ładuje się szybko i jest stale monitorowana w celu utrzymania lub poprawy szybkości.

2. Dostosuj swoją witrynę

Jeśli nie jesteś gotowy na pełne przeprojektowanie swojej witryny pod kątem indeksacji mobilnej, możesz dostosować to, co masz obecnie, aby było przyjazne dla urządzeń mobilnych. Ponieważ nadal korzystasz z wersji desktopowej i dostosowujesz ją do urządzeń mobilnych, a nie na odwrót, nie jest to technicznie rzecz biorąc strategia Google mobile-first. Jest to jednak praktyczny krok na drodze do stworzenia strony internetowej indeksowanej jako mobile-first, która pozwoli Ci wyświetlać się jako mobile-first w wyszukiwarkach.

Podczas dostosowywania obecnej witryny do środowiska Google mobile-first celem jest zazwyczaj dostarczenie tej samej treści wszystkim użytkownikom, niezależnie od urządzenia, z którego korzystają.

Jednak sposób formatowania i prezentacji treści jest różny w zależności od wielkości ekranu, na którym jest ona wyświetlana. W okresie przejściowym nadal dopuszczalne jest umieszczanie pewnych dodatkowych funkcji, takich jak opcje menu czy przyciski, które pojawiają się tylko wtedy, gdy witryna jest przeglądana przez komputer. Robi to nawet Google.

Na szczęście istnieją narzędzia, dzięki którym przejście na stronę przyjazną dla urządzeń mobilnych jest łatwiejsze niż kiedykolwiek. Istnieją też narzędzia, które pozwalają zmierzyć sukces i zidentyfikować obszary, które nadal wymagają poprawy.

3. Strony responsywne i indeksowanie Mobile First

Aby przejść na stronę bardziej przyjazną dla urządzeń mobilnych lub stronę Google mobile-first, należy posłużyć się słowem responsywny. Responsive Web Design to podejście, które automatycznie dostosowuje prezentację strony do platformy użytkownika, jego orientacji i rozmiaru ekranu lub okna.

Wyobraź sobie witrynę internetową, która jest otwarta na komputerze stacjonarnym i widoczna na monitorze komputera. Po kliknięciu rogu okna i opór powietrza aby zmniejszyć okno, co się dzieje? Na stronie, która nie jest responsywna, nic się nie dzieje. Po prostu ucinasz wszystko, co wcześniej było na widoku, i teraz musisz przewijać stronę w lewo i w prawo, aby zobaczyć tę zawartość.

W przypadku witryny responsywnej witryna automatycznie zmienia format po osiągnięciu przez okno przeglądarki określonych rozmiarów, tak aby cała zawartość pozostała widoczna w tym oknie. Zamiast wyświetlać treści obok siebie, są one układane pionowo. Choć użytkownik może być zmuszony do przewinięcia strony w dół, aby zobaczyć całą zawartość, to jednak treść, którą widzi, mieści się w oknie przeglądarki i nie musi przewijać strony w lewo i w prawo, aby ją zobaczyć.

4. Systemy zarządzania treścią (np. WordPress)

Jeśli używana jest zawartość zarządzanie system (CMS) jak np. WordPressto powinieneś używać responsywnego motywu. Jeśli Twój obecny motyw nie jest responsywny i jest dostępna nowsza, responsywna wersja, uaktualnij ją do tej wersji. Jeśli nie ma wersji responsywnej, przełącz się na motyw responsywny.

Motyw wykona za Ciebie większość ciężkich zadań. Będziesz musiał przegląd jak strony responsywne wyglądają na różnych urządzeniach mobilnych i określić, czy trzeba zmienić sposób prezentacji niektórych informacji, które nie konwertują się dobrze na strony responsywne.

5. Zestawy narzędzi do tworzenia stron internetowych (np. Bootstrap)

Jeśli nie używasz systemu CMS, zacznij używać zestawu narzędzi, takiego jak Bootstrap. Bootstrap to zestaw narzędzi open-source do tworzenia stron internetowych przy użyciu HTML, CSS i JavaScript. Pomaga on w tworzeniu responsywnych stron internetowych z indeksem Google mobile-first za pomocą systemu siatki, gotowych komponentów front-end i wtyczek.

6. Narzędzia do testowania projektów przyjaznych dla urządzeń mobilnych

Aby sprawdzić swój nowy projekt, przejdź do testu Google Mobile-Friendly i wpisz adres URL swojej strony. Otrzymasz raport that tells you how mobile-friendly your website is, with specific suggestions for how to improve your wynik.

7. Szybko ładujące się strony internetowe

Niezależnie od tego, czy posiadasz stronę desktopową, przyjazną dla urządzeń mobilnych, czy też witrynę typu mobile-first, w dzisiejszych czasach zakłada się, że Twoja witryna będzie ładować się szybko. Omówienie wszystkich czynników wpływających na szybkość ładowania się strony wykracza poza ramy tego artykułu, ale jest kilka elementów projektu, które mogą znacząco spowolnić ładowanie się strony, o których powinieneś wiedzieć.

Na szczęście większość responsywnych motywów i zestawów narzędzi zawiera funkcje, które przynajmniej częściowo adres niektóre z tych obszarów, aby Twoja strona ładowała się szybciej na urządzeniach mobilnych.

8. W jaki sposób przetwarzana jest strona internetowa

Gdy użytkownik odwiedza witrynę internetową, ładuje ona kod przeglądanej strony do pamięci urządzenia przenośnego, a następnie przetwarza ten kod w celu sformatowania i wyświetlenia strony na urządzeniu. Gdy użytkownik klika łącze, aby przejść do następnej strony, odrzuca stronę, na której się znajdował, i ładuje do pamięci następną stronę. Im więcej stron trzeba załadować, tym więcej czasu zajmuje pobranie ich, przesłanie przez Internet i załadowanie do urządzenia.

Im więcej kodu musi on przetworzyć, tym więcej czasu zajmuje mu sformatowanie i zaprezentowanie na ekranie tego, co zostało załadowane. Oznacza to, że jeśli będziesz ładował mniej kodu i mniej go przetwarzał, Twoja strona będzie ładowała się szybciej.

9. Obrazy i indeksowanie Google Mobile First

Pliki obrazów lub zdjęć są często przyczyną powolnego ładowania się witryny. Im wyższa rozdzielczość obrazu, tym większy jest plik i tym dłużej trwa jego ładowanie. Bądź realistą, jeśli chodzi o rozdzielczość, jakiej potrzebujesz dla zdjęcia wyświetlać i zmniejszać obrazy, aby szybciej się ładowały.

W zależności od używanego formatu można zmniejszać obrazy z zachowaniem lub bez zachowania jakości. Obrazy, które tracą na jakości, mają zwykle znacznie mniejsze rozmiary niż te, które zachowują ten sam poziom jakości.

10. Kod i indeksowanie Google Mobile First Indexing

Przeglądarka zacznie formatować stronę internetową po załadowaniu danych. Jednak niektóre kody zmuszają przeglądarkę do przerwania formatowania i oczekiwania na więcej kodu lub nawet na załadowanie całej strony przed wznowieniem zadania formatowania.

Nazywa się to blokowaniem. W miarę możliwości należy zmniejszyć rozmiar wczytywanego kodu i wyeliminować wszelkie blokady. Jednym ze sposobów zmniejszenia rozmiaru kodu jest jego zminifikowanie poprzez usunięcie komentarzy i nadmiaru białej przestrzeni.

Są one ważne dla programistów, aby zrozumieć kod, ale nie są konieczne, aby przeglądarka mogła go przetworzyć. Jeśli nie można zminiaturyzować kodu, niektóre serwery WWW wyślą skompresowaną wersję kodu do przeglądarki, która wczyta mniejszą wersję, a następnie ją zdekompresuje.

11. Ładowanie w tle i Google Mobile First Indexing

Podczas przeglądania strony internetowej użytkownik widzi tylko tę część strony, która znajduje się w jego oknie. Jeśli przeglądarka najpierw wczyta i sformatuje to, co widać w oknie, może kontynuować wczytywanie i formatowanie innych danych w tle aż do ukończenia strony.

Dla użytkownika strona wydaje się ładować szybko i nie musi on zdawać sobie sprawy, że kontynuuje ładowanie i formatowanie zawartości, chyba że musi długo czekać, próbując przewinąć stronę w dół.

12. Narzędzia do pomiaru i poprawy prędkości

Strona w witrynie Google Developers o nazwie Make the Web Faster zawiera wskazówki, porady dotyczące najlepszych praktyk i zasoby, które pomogą Ci sprawić, by Twoja witryna ładowała się szybciej. Podstawowym narzędziem w tym zestawie jest PageSpeed Insights. PageSpeed Insights pokazuje, co dzieje się od momentu rozpoczęcia ładowania witryny do czasu, gdy zostanie ona załadowana, sformatowana i zaprezentowana na urządzeniu mobilnym lub stacjonarnym.

Umożliwia to sprawdzenie, co jest przyczyną wolniejszego ładowania się witryny, dzięki czemu wiadomo, co należy zmienić. Narzędzie często podaje konkretne sugestie, jak poprawić wydajność, a nawet dostarcza zoptymalizowane wersje plików graficznych, które będą ładować się szybciej.

13. Przystosuj się, by przetrwać

Nawet jeśli nie masz teraz możliwości stworzenia prawdziwie mobilnego projektu Google, możesz sprawić, że Twoja witryna będzie sprawiać wrażenie mobilnej, stosując responsywne strony WWW i skracając czas ładowania i wyświetlania witryny. Te dwie strategie mogą nie przynieść wyższej pozycji w wyszukiwarce, ponieważ są obowiązkowe, ale powinny pomóc uniknąć kary za brak podejścia mobile-first.