Indeksowanie mobile-first oznacza, że wyszukiwarki oceniają Twoją stronę na podstawie wersji mobilnej, a nie komputerowej. Ponad połowa wszystkich wyszukiwań odbywa się na telefonach. Wersja mobilna to teraz Twoja główna strona. Komputerowa jest drugorzędna. Jeśli strona wygląda fatalnie na telefonie albo wolno się na nim ładuje, tracisz pozycje i ruch. Sprawdź, jak zoptymalizować stronę pod telefony, by zajmować pozycje na urządzeniach, na których większość osób szuka.
Większość ruchu pochodzi z urządzeń mobilnych. Wyszukiwarki o tym wiedzą. Stawiają doświadczenie mobilne ponad komputerowym. Strona, która świetnie działa na komputerze, ale fatalnie na telefonie, straci pozycje i ruch.
Optymalizacja mobilna to nie dodanie menu mobilnego. To projektowanie każdego elementu pod to, jak ludzie naprawdę używają telefonów. Małe ekrany. Obsługa dotykiem. Wolne łącza. Zadbaj o te realia, a zwyciężysz w wyszukiwaniu mobilnym.
Indeksowanie mobile-first oznacza, że wersja mobilna jest Twoją główną stroną
Wyszukiwarki skanują najpierw wersję mobilną. Indeksują ją jako wersję główną. Wersja komputerowa jest drugorzędna. Ta zmiana nastąpiła lata temu, ale wiele stron nadal traktuje wersję mobilną po macoszemu.
Jeśli wersja mobilna ma mniej treści niż komputerowa, wyszukiwarki zaindeksują mniej treści. Jeśli wersja mobilna ładuje się wolniej, wyszukiwarki widzą wolniejszą stronę. Jeśli nawigacja mobilna jest zepsuta, wyszukiwarki widzą zepsutą stronę. Doświadczenie mobilne decyduje o pozycjach na wszystkich urządzeniach.
Projekt responsywny dopasowuje się do każdego rozmiaru ekranu
Strona powinna automatycznie dopasowywać się do ekranów komputera, tabletu i telefonu. Projekt responsywny używa elastycznych układów, które zmniejszają się i powiększają zależnie od rozmiaru ekranu. Treść pozostaje czytelna. Obrazy skalują się prawidłowo. Nawigacja działa na wszystkich urządzeniach.
Przetestuj stronę na wielu urządzeniach. Czy dobrze wygląda na ekranie telefonu o szerokości 320 pikseli? Czy działa na 10-calowym tablecie? Czy funkcjonuje na 27-calowym monitorze? Projekt responsywny radzi sobie ze wszystkim bez psucia układu.
Osoby korzystające z telefonów zachowują się inaczej niż osoby przy komputerach
Osoby na telefonach wyszukują inaczej. Używają zapytań „w pobliżu”. Wpisują krótsze zapytania. Chcą szybkich odpowiedzi. Oczekują natychmiastowych wyników. Mają niewiele cierpliwości do wolnego ładowania.
Osoby przy komputerach badają temat. Osoby na telefonach potrzebują czegoś teraz. Zoptymalizuj stronę pod zachowania mobilne. Spraw, by działała szybko. Spraw, by kluczowe informacje były od razu widoczne. Spraw, by przyciski i linki łatwo było dotknąć. Skróć formularze. Osoby na telefonach porzucą wolne, skomplikowane strony w kilka sekund.
Zadbaj o dostatecznie duże elementy dotykowe
Ludzie dotykają ekranu palcami, a nie kursorem myszy. Przyciski powinny mieć co najmniej 48 pikseli szerokości i 48 pikseli wysokości. Linki potrzebują odstępów, by przypadkowe dotknięcie trafiło we właściwy link. Nie ściskaj elementów zbyt blisko siebie.
Przetestuj stronę na prawdziwym telefonie. Dotykaj przycisków. Czy da się je dotknąć, nie trafiając w niewłaściwy? Jeśli Tobie jest trudno, to dla osób z większymi palcami lub słabszym wzrokiem jest to niemożliwe. Spraw, by wszystko dało się łatwo dotknąć.
Zmniejsz wagę strony dla sieci mobilnych
Łącza mobilne są wolniejsze niż szerokopasmowe. Liczy się każdy kilobajt. Kompresuj obrazy. Usuń zbędny kod. Ładuj leniwie obrazy poniżej pierwszego ekranu. Odkładaj niekrytyczny JavaScript.
Strona o wadze 5 MB, która ładuje się na telefonie 10 sekund, jest zbyt ciężka. Osoby na telefonach oczekują zobaczenia treści w 2-3 sekundy. Konsekwentnie optymalizuj rozmiary plików.
Testuj na prawdziwych urządzeniach mobilnych i w prawdziwych sieciach
Emulatory w przeglądarce są przydatne, ale niepełne. Testuj na prawdziwych telefonach. Testuj w wolnych sieciach. Ogranicz łącze do 4G. Zobacz, jak strona naprawdę działa dla prawdziwych osób.
Lighthouse i PageSpeed Insights pomagają. Mierzą jednak warunki laboratoryjne. Prawdziwe osoby w prawdziwych sieciach mają inne doświadczenia. Testuj na obu.
Najczęstsze pytania
Czy optymalizacja mobilna wpływa na pozycje w wersji komputerowej?
Tak. Wyszukiwarki używają wersji mobilnej jako głównej do oceniania wyników mobilnych i komputerowych. Jeśli wersja mobilna ma słabe doświadczenie, cierpią zarówno pozycje mobilne, jak i komputerowe. Optymalizacja mobilna pomaga obu wersjom. Za pomocą kreatora stron WEMASY możesz to ustawić bezpośrednio na swojej stronie.
Jaki rozmiar ekranu mobilnego jest idealny do optymalizacji?
Projektuj na szerokość minimum 320 pikseli, by obsłużyć starsze telefony i małe ekrany. Większość nowoczesnych telefonów ma 375-480 pikseli szerokości. Tablety mają 768 pikseli i więcej. Optymalizuj najpierw pod telefony przy 320 px, a potem skaluj w górę do większych ekranów. Takie podejście mobile-first zapewnia, że strona działa wszędzie.
Osobna strona mobilna czy projekt responsywny?
Użyj projektu responsywnego. Osobne strony mobilne są przestarzałe i sprawiają kłopoty z utrzymaniem. Projekt responsywny pokazuje tę samą treść na wszystkich urządzeniach, automatycznie dopasowuje układ i łatwiej go utrzymać. Wyszukiwarki preferują projekt responsywny.
Jak przetestować optymalizację mobilną?
Użyj testu Google Mobile-Friendly Test, by sprawdzić podstawową zgodność z urządzeniami mobilnymi. Użyj PageSpeed Insights, by zmierzyć wydajność mobilną. Testuj na prawdziwych urządzeniach w rzeczywistych sieciach mobilnych. Ogranicz przeglądarkę do prędkości 4G. Użyj telefonów różnych producentów i w różnym wieku. Testy laboratoryjne są przydatne, ale najważniejsze są prawdziwe testy.
Jakiej wielkości powinny być przyciski na telefonach?
Przyciski powinny mieć co najmniej 48x48 pikseli, by łatwo je dotknąć. Ważne są też odstępy wokół przycisków. Rozmieść je na tyle daleko, by nie dotknąć przypadkiem niewłaściwego. Jeśli interfejs wydaje się ciasny na telefonie, przyciski są za małe.
Czy potrzebuję aplikacji mobilnej dla SEO?
Nie. Strona zoptymalizowana pod telefony zajmuje wyższe pozycje niż aplikacja. Wyszukiwarki nie skanują aplikacji. Skanują strony internetowe. Jeśli chcesz ruchu z wyszukiwarki na telefonach, zoptymalizuj stronę. Aplikacje służą innym celom, ale nie pomagają w SEO.