Pierwsze indeksowanie mobilne

Cytat:

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

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.

W zależności od regionu, około połowa użytkowników na świecie są dostęp do Internetu przy użyciu mobilna urządzenia, według danych firmy Statista.

Stanowi to znaczący wzrost z około 30 procent w 2015. Jeśli Twoja witryna została zaprojektowana dla komputerów stacjonarnych lub nie jest przyjazna dla urządzeń mobilnych, możesz spodziewać się, że wyszukiwarki internetowe nie będą w stanie sprostać Twoim wymaganiom. ranking wyniki z czasem się pogarszają.

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 do tworzenia witryn zawierających skomplikowaną logikę programistyczną, która jest bardzo szybko ładowana i przetwarzana przez przeglądarkę na komputerze stacjonarnym.

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 w Google na telefonie komórkowym i widzisz wyniki wyszukiwania, które są dokładnie co których szukasz. Jednak po kliknięciu na wyniki wyszukiwania użytkownik nie otrzymuje tego, co wskazywały wyniki wyszukiwania. Zamiast tego użytkownik otrzymuje okrojoną wersję tego, czego oczekiwał, ponieważ witryna wyświetliła inny zestaw stron internetowych, gdy ustaliła, że użytkownik korzysta z urządzenia mobilnego.

Przeciętny użytkownik obwinia Google za tę nieadekwatność, ponieważ treść nie odpowiada temu, co jest opisane w wynikach wyszukiwania.

Właśnie z tego powodu w marcu 2018 roku Google ogłosiło strategię mobile-first index. Zamiast indeksować wersje desktopowe stron internetowych, Google zaczęło indeksować wersje mobilne. W lipcu 2018 r. firma Google zaczęła również wykorzystywać szybkość strony w rankingach wyszukiwania mobilnego, co oznacza faworyzowanie stron, które szybko ładują się na urządzeniach mobilnych, przy ustalaniu rankingu wyników wyszukiwania w stosunku do tych, które ładują się wolniej. Nie oznacza to, że strony internetowe bez wersji mobilnej nie są indeksowane, ale oznacza to, że szybko ładujące się, przyjazne dla urządzeń mobilnych strony internetowe mają większe szanse na wyższą pozycję w wynikach wyszukiwania Google niż wolniej działające, ciężkie strony internetowe, które wymagają komputera stacjonarnego.

Czysta strategia Google mobile-first indexing często oznacza całkowite przeprojektowanie witryny. Projekt będzie skierowany do urządzeń mobilnych, a następnie dostosowany do innych platform, takich jak komputery stacjonarne. Projekt uwzględniający indeksowanie 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.

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.

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 wygląd strony internetowej do platformy użytkownika, jego orientacji i rozmiaru ekranu lub okna.

Wyobraź sobie witrynę internetową otwartą na komputerze stacjonarnym i widoczną na monitorze komputera. Gdy klikniesz róg okna i przeciągniesz go, aby zmniejszyć okno, co się stanie? Na stronie, która nie jest responsywna, nic się nie dzieje. Po prostu odcinasz wszystko, co wcześniej było widoczne, i teraz musisz przewijać 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ć.

Jeśli używasz systemu zarządzania treścią (CMS), takiego jak WordPress, powinieneś używać motywu responsywnego. Jeśli Twój obecny motyw nie jest responsywny, a dostępna jest nowsza wersja responsywna, zaktualizuj ją do tej wersji. Jeśli nie ma wersji responsywnej, zmień motyw na responsywny.

Większość ciężkiej pracy zostanie wykonana za Ciebie przez motyw. Będziesz musiał sprawdzić, jak strony responsywne wyglądają na różnych urządzeniach mobilnych i określić, czy musisz zmienić sposób prezentacji niektórych informacji, które nie konwertują się dobrze na strony responsywne.

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.

Aby sprawdzić swój nowy projekt, przejdź do Testu Google Mobile-Friendly i wpisz adres URL swojej witryny. Otrzymasz raport mówiący o tym, jak przyjazna dla urządzeń przenośnych jest Twoja witryna, oraz konkretne sugestie, jak poprawić wynik.

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 rozwiązują niektóre z tych problemów, aby Twoja strona ładowała się szybciej na urządzeniach mobilnych.

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.

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 wyświetlanych obrazów, i zmniejszaj je, aby ładowały się szybciej.

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.

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.

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 niekoniecznie zdaje on sobie sprawę, że kontynuuje ładowanie i formatowanie zawartości, chyba że musi długo czekać, próbując przewinąć stronę w dół.

Strona w witrynie Google Developers o nazwie Make the Web Faster zawiera następujące informacje porady, najlepsze-Praktyczne porady i zasoby, które pomogą Ci przyspieszyć ładowanie witryny. Podstawowym narzędziem w tym zestawie narzędzi jest PageSpeed Insights. PageSpeed Insights pokazuje, co dzieje się od momentu rozpoczęcia ładowania witryny do czasu jej załadowania, sformatowania i wyświetlenia 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.

Nawet jeśli nie możesz zrobić Jeśli nie masz już teraz prawdziwego projektu Google mobile-first, możesz sprawić, że Twoja witryna będzie wyglądała na mobilną, używając responsywnych stron WWW i skracając czas ładowania i wyświetlania witryny. Te dwie strategie mogą nie skutkować wyższą pozycją w wyszukiwarce, ponieważ są obowiązkowe, ale powinny pomóc Ci uniknąć bycia ukarany za nieprzyjęcie podejścia mobile-first.