Mobile-First Indexing: Przewodnik po tworzeniu stron przyjaznych dla urządzeń mobilnych

Wprowadzenie

Mobile-first indexing nie jest nowym tematem w świecie optymalizacji pod kątem wyszukiwarek (SEO) i tworzenia stron internetowych. W rzeczywistości Exploding Topics donosi, że ponad 55% ruchu na całym świecie pochodzi z urządzeń mobilnych.

Jeśli Twoja firma nie ma witryny przyjaznej dla urządzeń mobilnych, potencjalni klienci prawdopodobnie opuszczą ją w ciągu kilku sekund.

Najlepszym sposobem na pojawienie się witryny na stronach wyników wyszukiwania Google (SERP) jest zastosowanie indeksowania mobile-first.

Jest to metoda Google do rankingowania stron internetowych w oparciu o mobilne wersje ich zawartości.

Aby pomóc Ci skierować się na właściwą ścieżkę, niniejszy przewodnik wyjaśni, jak włączyć indeksowanie mobilne poprzez stworzenie responsywnego projektu strony internetowej.

Sprawdź, czy Twoja witryna jest przyjazna dla urządzeń mobilnych

W przypadku indeksowania mobile-first wyszukiwarki będą indeksować i wyświetlać mobilną wersję witryny przede wszystkim. Jeśli witryna nie jest przyjazna dla urządzeń mobilnych, jej wersja na komputery stacjonarne będzie domyślnie wyświetlana na urządzeniach mobilnych.

A użytkownicy mobilni mogą skończyć ze zbyt dużą i trudną w użyciu prezentacją strony internetowej na swoim smartfonie lub tablecie. Nie jest to co najmniej idealna sytuacja. Brakuje Ci responsywnego projektu. Twoja witryna nie dostosowuje się do różnych rozmiarów ekranu.

Możesz uniknąć tego scenariusza, sprawdzając, czy Twoja witryna jest już przyjazna dla urządzeń mobilnych. Najlepszym sposobem jest skorzystanie z narzędzia Google PageSpeed Insights.

(Źródło obrazu)

Wystarczy wpisać adres URL witryny w pasku wyszukiwania, aby wyświetlić dane w czasie rzeczywistym na temat jej wydajności na urządzeniach mobilnych:

(Źródło obrazu)

Jak widać, kluczowe znaczenie ma utrzymanie wyniku witryny przyjaznej dla urządzeń mobilnych w przedziale 90-100. Jeśli odkryjesz, że Twoja witryna nie jest przyjazna dla urządzeń mobilnych, nadszedł czas, aby udać się do Google Search Console.

(Źródło obrazu)

Można tam znaleźć wszelkie problemy z indeksowaniem, problemy z szybkością witryny i inne błędy, które mogą utrudniać korzystanie z urządzeń mobilnych.

Jednak najczęstsze problemy związane z przyjaznością dla urządzeń mobilnych, które można znaleźć w artykułach Google Search Console, to:

• Problemy z wprowadzaniem dotykowym (łącza i przyciski) dla użytkowników mobilnych
• Nieresponsywny projekt strony internetowej, szablon lub motyw
• Wyskakujące okienka nieprzyjazne dla urządzeń mobilnych
• Niewygodna nawigacja w witrynie
• Trudne do odczytania czcionki

Niezależnie od tego, czy Twoja witryna została zbudowana od podstaw, czy też korzystasz z systemu zarządzania treścią (CMS), takiego jak WordPress, nie powinieneś zakładać, że Twoja witryna jest już przyjazna dla urządzeń mobilnych.

PageSpeed Insights i Google Search Console zapewniają przegląd wydajności mobilnej witryny, dzięki czemu można wprowadzić wszelkie niezbędne ulepszenia dla ekranów mobilnych.

Upewnij się, że Twoja witryna zapewnia takie same wrażenia na komputerach stacjonarnych i urządzeniach mobilnych.

Często zdarza się, że SEO i programiści wycinają niektóre funkcje internetowe z witryny mobilnej, aby promować dobre wrażenia użytkownika (UX).

W końcu posiadanie niezgrabnej strony mobilnej pełnej bezużytecznych elementów nigdy nie jest dobrym pomysłem. Jednak wyeliminowanie zbyt wielu z tych funkcji może mieć wpływ na indeksowanie witryny pod kątem urządzeń mobilnych.

Google chce mieć pewność, że programiści zapewniają takie same wrażenia zarówno użytkownikom komputerów stacjonarnych, jak i urządzeń mobilnych. Oto, co konkretnie mieli do powiedzenia w tej sprawie:

"Jeśli witryna mobilna zawiera mniej treści niż witryna na komputery stacjonarne, rozważ aktualizację witryny mobilnej, aby jej podstawowa zawartość była równoważna z witryną na komputery stacjonarne. Prawie całe indeksowanie witryny pochodzi z witryny mobilnej".

To całkiem proste.

Jeśli wersja mobilna witryny zawiera mniej treści, nie będzie ona osiągać dobrych wyników w SERP-ach.

Wyszukiwarki cenią treść, ponieważ jest to jedyny sposób, w jaki mogą określić, o czym jest Twoja witryna. Aby zachować tę samą wersję witryny na komputery stacjonarne i urządzenia mobilne, oto kilka kluczowych zaleceń, których należy przestrzegać:

• Współpracuj z zespołami UX, SEO i programistów, aby wyświetlać treści w sposób przyjazny dla urządzeń mobilnych, zamiast usuwać kluczowe elementy witryny.
• Obrazy, filmy i inne duże pliki treści muszą być poprawnie zoptymalizowane pod kątem różnych urządzeń mobilnych, takich jak tablety, smartfony i inne inteligentne urządzenia.
• Zachowaj wszystkie dane strukturalne, metatagi robotów i techniczne dane witryny uniwersalne na wszystkich urządzeniach IoT.

Pamiętaj, że indeksowanie mobile-first oznacza, że wyszukiwarki będą indeksować przede wszystkim wersję mobilną Twojej witryny. Jeśli Twoja witryna mobilna jest głodna treści, nie ma znaczenia, jak zoptymalizowana jest witryna na komputery stacjonarne.

Żadna z nich nie wygeneruje wyników SEO, których szukasz.

Poznaj różnicę między użytecznością mobilną a indeksowaniem mobile-first.

Mobile-first indexing i mobile usability są często używane zamiennie. Prawda jest jednak taka, że terminy te nie są tożsame.

Użyteczność mobilna wyjaśnia wydajność witryny na urządzeniach mobilnych. Jak wyjaśniliśmy wcześniej, indeksowanie mobile-first to preferencja Google do indeksowania wersji mobilnych witryn zamiast wersji na komputery stacjonarne.

Jest jednak pewne zastrzeżenie.

Jeśli Twoja witryna nie jest przyjazna dla urządzeń mobilnych i ma mnóstwo problemów z użytecznością mobilną, może i nadal będzie indeksowana przez Google. Załóżmy na przykład, że prowadzisz restaurację, a jedna ze stron menu to plik PDF.

Oczywiście pliki PDF są trudne do odczytania i nawigacji na urządzeniach mobilnych. Jednak Google nadal może indeksować informacje za pomocą indeksowania mobilnego, jeśli jest ich wystarczająco dużo.

Ostatecznie Googlebot na smartfonie automatycznie zaindeksuje Twoją witrynę, jeśli ma ona wystarczającą ilość treści do indeksowania mobilnego. W pierwszej kolejności należy jednak rozwiązać problemy związane z użytecznością mobilną witryny.

Przyspieszenie działania witryny

Średni czas spędzony przez użytkownika na dowolnej stronie internetowej wynosi 54 sekundy.

Nikt nie ma całego dnia, aby czekać na załadowanie strony. W końcu istnieją miliardy innych witryn, do których można uzyskać dostęp w ciągu zaledwie kilku sekund.

Dlatego poprawa szybkości witryny jest niezbędna nie tylko dla użytkowników mobilnych, ale także dla celów SEO.

Powolny czas ładowania witryny wpływa zarówno na czas przebywania na stronie, jak i współczynnik odrzuceń. Są to wskaźniki, które szacują, jak długo ludzie pozostają na Twojej stronie lub opuszczają ją bez wykonywania żadnych czynności.

Jeśli dzieje się tak z powodu niskiej prędkości witryny, Google zauważy to i zdegraduje witrynę w SERP. Aby tego uniknąć, możesz sprawdzić i monitorować szybkość swojej witryny, przeprowadzając audyt witryny.

Możesz użyć Ranktracker do przeprowadzenia kompleksowego audytu strony internetowej, aby ocenić szybkość witryny na urządzeniach mobilnych.

Optymalizacja witryny pod kątem leniwego ładowania treści

Leniwe ładowanie treści jest powszechne na większości nowoczesnych stron internetowych. Publikacje informacyjne używają tego typu treści, aby stale wypełniać więcej historii podczas przewijania w dół ich witryn.

Wydawca wiadomości sportowych, ClutchPoints, pozwala użytkownikom kliknąć przycisk "Więcej historii", jeśli chcą przeczytać więcej artykułów w poszczególnych kategoriach sportowych:

(Źródło obrazu)

Zasada leniwego ładowania treści polega na wyświetlaniu treści tylko wtedy, gdy użytkownik jej zażąda. Zwiększa to szybkość witryny, redukując niepotrzebne wiersze kodu do indeksowania przez Google.

Dodaje to również miłego akcentu UX, aby strony witryny były mniej obciążone treścią dla użytkowników mobilnych. Problem polega jednak na tym, że leniwe ładowanie treści może być trudne do zindeksowania przez wyszukiwarki.

Wróćmy na przykład do ClutchPoints.

Oczywiście Google nie będzie w stanie indeksować historii, które można wyświetlić, klikając przycisk "Więcej historii", jeśli jeszcze ich tam nie ma.

Możesz rozwiązać ten problem, upewniając się, że Twoja witryna umożliwia ładowanie stronicowane. Pozwala to wyszukiwarkom takim jak Google na odnotowanie całej zawartości witryny, nawet jeśli korzysta ona z nieskończonego przewijania, jak ClutchPoints.

Uważaj na niewłaściwe rozmieszczenie reklam

Jeśli korzystasz z Google Adsense, ważne jest, aby uważać na sposób wyświetlania reklam w mobilnej wersji witryny.

Urządzenia mobilne wyświetlają responsywne reklamy displayowe (RDA) zamiast bardziej typowych reklam wyświetlanych na komputerach stacjonarnych.

Na przykład, oto typowe reklamy na komputery stacjonarne:

(Źródło obrazu)

A oto jak wyglądałyby one na urządzeniu mobilnym:

(Źródło obrazu)

Nie można uciec od zmiany przeznaczenia reklam desktopowych na urządzenia mobilne. Oto kilka najlepszych praktyk, których należy przestrzegać podczas tworzenia mobilnych RDA:

• Poinstruuj swój zespół SEO i programistów, aby używali znaczników CSS i HTML do dostosowywania reklam w oparciu o różne rozmiary prezentacji.
• Nagłówek i tekst powinny być jasne i zwięzłe
• Staraj się unikać dodawania tekstu nad obrazami
• Tworzenie obrazów reklamowych o różnych rozmiarach

Upewnij się, że Twoja witryna jest zgodna z ADA

61 milionów ludzi w Stanach Zjednoczonych żyje z niepełnosprawnością. Posiadanie dostępnej strony internetowej oznacza dostosowanie się do użytkowników niepełnosprawnych, którzy mogą być niedosłyszący, niewidzący lub mieć do czynienia z inną niewidoczną niepełnosprawnością.

Im więcej osób może wejść w interakcję z Twoją witryną, tym większe prawdopodobieństwo, że pozostaną i dokonają konwersji. Koncepcja ta ma ogromne znaczenie dla indeksowania mobilnego.

Zapewnienie dostępności witryny przynosi korzyści wszystkim użytkownikom, nie tylko tym niepełnosprawnym. Lepsze doświadczenia klientów zapewniają przyjazne dla urządzeń mobilnych strony internetowe, które są proste w użyciu, mają przejrzystą strukturę treści i zapewniają alternatywny tekst dla obrazów, a także inne funkcje dostępności.

Dążenie do zapewnienia dostępności stron internetowych jest również mądrą decyzją handlową, a także decyzją etyczną. Niezbędne jest rozpoznanie prawnych implikacji zapewnienia dostępności. Na przykład przepisy takie jak Americans with Disabilities Act (ADA) mają wpływ na amerykańskie firmy i nakazują, aby ich strony internetowe, odzwierciedlające ich fizyczne siedziby, zapewniały kompleksowe wrażenia wszystkim odwiedzającym.

Możesz skorzystać z bezpłatnego narzędzia do sprawdzania dostępności witryny, takiego jak accessiBe, które dokładnie ocenia aktualny status dostępności witryny w celu ustalenia, czy jest ona zgodna z obowiązującymi przepisami.

Źródło obrazu

Inne sposoby na zwiększenie dostępności witryny to:

• Używanie spójnych kolorów w witrynie. Należy unikać używania bardzo jasnych, neonowych kolorów, które są trudne do odczytania.
• Dodawanie alternatywnego tekstu do obrazów w celu dostosowania do potrzeb osób niepełnosprawnych korzystających z czytników ekranu.
• Zastosowanie przejrzystej struktury treści, aby użytkownicy mogli szybko i łatwo znaleźć ważne informacje.

Po zastosowaniu niektórych z tych najlepszych praktyk sprawdź zgodność swojej witryny z ustawą o niepełnosprawnych Amerykanach (ADA). Jeśli Twoja strona uzyska pozytywny wynik, możesz zaczynać.

(Źródło obrazu)

Stworzenie dostępnej strony internetowej gwarantuje, że wszyscy ludzie są zaangażowani, poinformowani i gotowi do konwersji.

Kluczowe wnioski

Ogólnie rzecz biorąc, indeksowanie mobile-first ustanowiło wyższy standard tego, jak strony internetowe powinny wyglądać i działać w Internecie. Wyszukiwarki są teraz przede wszystkim zainteresowane tym, jak witryna obsługuje użytkowników mobilnych.

Postępowanie zgodnie z tym przewodnikiem powinno dać jaśniejszy obraz tego, jak zarządzać witryną przyjazną dla urządzeń mobilnych i dostosować ją do większej liczby użytkowników mobilnych.