Mobilne SEO sklepu nie oznacza tylko dopasowania szerokości strony do ekranu. Klient musi znaleźć produkt, porównać warianty, zrozumieć koszt dostawy i ukończyć zakup bez walki z interfejsem. Równocześnie mobilna wersja powinna zawierać informacje oraz oznaczenia potrzebne wyszukiwarce.
Google używa mobilnej wersji treści do indeksowania i ustalania pozycji. Ukrycie ważnego opisu, linków albo danych produktu tylko na telefonie może więc wpływać nie tylko na sprzedaż, ale również na zrozumienie strony.
Najpierw sprawdź zgodność wersji mobilnej
Responsywny serwis zwykle korzysta z tego samego HTML-a, ale elementy mogą być usuwane przez CSS, JavaScript albo osobne ustawienia szablonu. Porównaj wersję mobilną i desktopową pod kątem:
- tytułów, opisów, zdjęć i filmów,
- linków do kategorii, produktów i wariantów,
- canonicali oraz dyrektyw indeksowania,
- danych produktu, ceny, dostępności i opinii,
- tekstów alternatywnych oraz nazw nagłówków,
- komunikatów o dostawie, zwrocie i płatności.
Google opisuje wymagania w dokumentacji mobile-first indexing. Najważniejsza treść nie powinna być ładowana dopiero po gestach, których robot nie wykona.
Nawigacja musi prowadzić do całego asortymentu
Na małym ekranie menu często zostaje skrócone tak mocno, że produkty są dostępne tylko przez wewnętrzną wyszukiwarkę. To problem dla użytkownika i robota. Kategorie, podkategorie oraz ważne produkty powinny być osiągalne przez zwykłe linki.
Nie pokazuj naraz całej struktury. Ułóż ją według sposobu wyboru produktów i pozwól użytkownikowi wrócić do wyższego poziomu. Sprawdź, czy wysunięte menu da się zamknąć, obsłużyć klawiaturą i czy nie zasłania komunikatów.
Filtry mają pomagać wybrać, a nie tworzyć chaos adresów
Filtry są szczególnie ważne na telefonie, ale mogą generować wiele kombinacji URL-i. Nie każda z nich zasługuje na indeksowanie. Wartościową stroną może być stabilna kombinacja odpowiadająca na odrębny popyt i posiadająca wystarczającą ofertę. Pozostałe warianty służą użytkownikowi, lecz nie muszą stać się osobnymi stronami SEO.
Po zastosowaniu filtra pokaż wybrane warunki, liczbę produktów i łatwą możliwość cofnięcia. Nie zeruj ustawień po przejściu do produktu i powrocie do listy.
Karta produktu musi odpowiadać przed przyciskiem zakupu
Najważniejsze informacje powinny być czytelne bez powiększania i nadmiernego przewijania. Cena, wariant, dostępność, dostawa oraz główne wezwanie do działania nie mogą się wzajemnie zasłaniać.
Rozbudowany opis może być podzielony na sekcje, ale nie usuwaj go z mobilnego HTML-a. Zdjęcia powinny pokazywać produkt i jego istotne cechy. Dla wariantów kontroluj zgodność wybranego zdjęcia, ceny, dostępności i adresu.
Wydajność oceniaj na reprezentatywnych szablonach
Strona główna nie reprezentuje całego sklepu. Zbadaj kategorię, listę z filtrami, produkt prosty, produkt wariantowy, koszyk i rozpoczęcie płatności. W danych rzeczywistych obserwuj LCP, INP i CLS.
Google wyjaśnia, że Core Web Vitals są wykorzystywane przez systemy rankingowe, ale dobry wynik nie gwarantuje wysokiej pozycji. Szczegóły opisuje dokumentacja Core Web Vitals w wynikach Google.
Najczęstsze źródła problemów w sklepie to ciężkie zdjęcie główne, opóźnione skrypty, widżety marketingowe, zmieniające wysokość komunikaty i rozbudowane aplikacje zewnętrzne. Naprawiaj przyczynę na poziomie szablonu, a nie pojedynczego produktu.
Lazy loading nie może ukryć podstawowej treści
Leniwe ładowanie pomaga ograniczyć początkowy transfer, ale nie powinno obejmować obrazu lub treści potrzebnej na pierwszym ekranie. Nie uzależniaj dostępu do głównych produktów od przewijania, kliknięcia albo gestu, którego robot może nie wykonać.
Dalsze elementy galerii i produkty poniżej pierwszego widoku mogą być ładowane później, jeśli użytkownik oraz wyszukiwarka nadal mają do nich poprawny dostęp.
Koszyk i płatność wpływają na wynik biznesowy
Widoczność nie ma wartości, jeśli zakup kończy się błędem. Sprawdź formularze z klawiaturą ekranową, automatyczne uzupełnianie, komunikaty walidacji, wybór dostawy, płatność oraz powrót po przerwaniu procesu.
Nie wymagaj zakładania konta bez potrzeby. Przed finalnym potwierdzeniem pokaż pełny koszt i zawartość zamówienia. Kliknięcie „kup” nie powinno przesuwać się pod palcem po doładowaniu bannera.
Jak mierzyć mobilny ruch i sprzedaż?
Segmentuj wyniki według urządzenia, ale nie zakładaj, że telefon zawsze kończy zakup. Użytkownik może rozpocząć poszukiwanie mobilnie, a kupić później na komputerze. Połącz:
- zapytania i strony z Search Console,
- rzeczywiste Core Web Vitals,
- wyświetlenia produktów, koszyk, checkout i zakup,
- błędy formularzy i płatności,
- wartość zamówień, marżę, zwroty oraz dostępność.
Techniczne problemy dużych katalogów opisuję również w poradniku o SEO technicznym dużego sklepu.
Kolejność wdrożenia
- Napraw awarie zakupu, płatności i pomiaru.
- Zapewnij zgodność treści, danych i dyrektyw mobilnych.
- Przywróć pełną drogę nawigacji do produktów.
- Uporządkuj filtry, warianty i indeksowane adresy.
- Popraw szablony o największym ruchu i wartości.
- Testuj na rzeczywistych telefonach oraz danych terenowych.
Chcesz sprawdzić, gdzie mobilny sklep traci widoczność albo sprzedaż? Napisz na czesc@seomariusz.pl lub zadzwoń: 665 015 610. Połączę crawl, dane wyszukiwarki, wydajność i ścieżkę zakupu.
You must be logged in to post a comment.