Wraz z nadchodzącym zbliżającym się przejściem Google do indeksowania na urządzeniach mobilnych w połowie roku, nadszedł czas, aby rozwinąć działalność dzięki stworzeniu witryny przyjaznej dla urządzeń przenośnych. Rozważ następujące cztery wskazówki dotyczące optymalizacji witryny internetowej na dowolnym urządzeniu w czasie, zanim przejdziesz na wersję mobilną.
Zapoznaj się z przełączeniem na mobilny pierwszy indeks
Google wykorzystuje zawartość Twojej witryny, aby określić ranking witryny zarówno na komputery, jak i na urządzenia mobilne, co oznacza, że Twoje rankingi zależą teraz od tego, jak Twoja zawartość pojawia się na komputerze, a nie na urządzeniach mobilnych. Ale ponieważ coraz więcej osób korzysta z internetu na urządzeniach mobilnych niż z komputerów stacjonarnych, Google oficjalnie zdecydowało się na ranking stron internetowych na podstawie treści na telefony komórkowe. Jeśli Twoja witryna nie ma responsywnego layoutu, ma niską prędkość ładowania lub kiepsko zaprojektowaną nawigację i zawartość, ranking może się zmniejszyć, jeśli nie zmienisz swojej strony na komórkę przed zmianą.
$config[code] not foundTestuj i przyspiesz prędkość ładowania
Ostatnie badania wskazują, że 47% konsumentów chce, aby strona ładowała się w dwie sekundy lub krócej, a 40% użytkowników opuszcza witrynę, jeśli proces ładowania trwa trzy sekundy lub dłużej. Statystyki te, wraz z ogłoszeniem przez Google, że prędkość wczytywania strony mobilnej będzie kluczowym czynnikiem przy ustalaniu rankingów po zmianie, powinny być wystarczające, aby każdy właściciel firmy dwukrotnie sprawdzał czas ładowania w witrynie mobilnej. Określ prędkość ładowania każdej ze stron witryny za pomocą Google Tools Chrome User i Page Speed Insights.
Jeśli chcesz przyspieszyć szybkość ładowania, następujące metody należą do najbardziej zalecanych:
- AMP: projekt Accelerated Mobile Pages - AMP jest przedsiębiorstwem typu open-source, które stosuje uproszczony kod HTML, aby szybciej ładować strony witryny niż standardowy HTML. W połączeniu z przechowywaniem przez Google zawartości w jej pamięci buforowej pomaga zwiększyć czas ładowania witryny.
- Progresywne aplikacje internetowe - PWA to opcje dla tych, którzy nie chcą przejść do projektu AMP. PWA szybko reagują na komunikaty użytkownika i ładują się szybko, dzięki czemu są realną alternatywą dla AMP.
- PWAMP - PWAMP to mieszanka PWA opracowana na AMP, JS, CSS i HTML, ale witryny używające PWAMP mogą nie potwierdzać tak szybko, jak robią to strony AMP. Jednak strony PWAMP są nadal szybkie i oferują te same zalety co PWA.
Przełóż uwagę na User Experience
Typowy błąd popełniany przez firmy polega na dostosowywaniu ich witryn internetowych do urządzeń mobilnych, zachowując się tak, jakby mobilny był po prostu dodatkiem do strony na komputery. Aby osiągnąć wysoką pozycję w rankingu po zmianie, firmy muszą nadać priorytet urządzeniom mobilnym, dostosowując je przede wszystkim na podstawie doświadczeń użytkowników mobilnych. Zadaj sobie następujące pytania dotyczące użytkowników mobilnej witryny:
- Nawigacja - jak wygląda i jak łatwo manewruje? Czy wystarczy, aby użytkownicy powrócili do miejsca, w którym właśnie byli?
- Klarowność - jak łatwo jest znaleźć ważne informacje? Czy moje strony tytułowe są jasne? Czy moje dane kontaktowe są łatwo dostępne?
- Rozważ pop-upy - czy łatwo jest zamknąć wyskakujące okienka? Czy powinienem w ogóle zmniejszyć pop-upy?
- Czcionka - jak duży jest mój rozmiar czcionki? Jak duży powinien być?
Mając na uwadze powyższe rozważania, jesteś gotowy, aby przejść do końcowego etapu przygotowywania witryny pod kątem urządzeń przenośnych.
Zoptymalizuj swój projekt i zawartość
Po dokładnym przeanalizowaniu witryny w oparciu o powyższe pytania zoptymalizuj i zaprojektuj treści na urządzenia mobilne, koncentrując się na stworzeniu jak najlepszego wrażenia użytkownika mobilnego. Jest wiele rzeczy, które możesz chcieć zreorganizować na temat swojego projektu i treści, ale oto niektóre z najbardziej podstawowych zmian:
- Responsywne projektowanie stron internetowych - Google zaleca elastyczne projektowanie stron internetowych, które jest podejściem projektowym, którego celem jest optymalizacja wyglądu i funkcjonalności witryny w asortymencie różnych urządzeń i rozmiarów ekranu.
- Użyj rozwijanych menu - Google oświadczyło, że nie będzie karać stron internetowych za ochronę zawartości za menu rozwijanymi, jeśli zawartość ładuje się w tym samym czasie co strona, więc możesz swobodnie uwzględniać menu rozwijane podczas konstruowania witryny mobilnej.
- Nie używaj Flasha - Większość użytkowników mobilnych nie widzi zawartości Flash, więc unikaj jej całkowicie i zamiast tego użyj języka Java lub HTML, aby dodać te angażujące komponenty do swojej witryny.
- Upewnij się, że treść jest łatwa do odczytania - Uczyń treść łatwą do czytania na małych ekranach; podaj kilka linków w dłuższych częściach tekstu, aby użytkownicy mogli łatwo dotrzeć tam, dokąd chcą, i użyć nagłówków, aby podzielić treści i sprawić, że strony będą wyglądać lepiej.
- Dostosuj rozmiar tekstu i zdolności ekranu dotykowego - Upewnij się, że twoja strona jest "łatwa w obsłudze", ustawiając punkty zaczepów we właściwym rozmiarze i pozostawiając wystarczającą ilość miejsca między klikalnymi komponentami
Zdjęcie za pośrednictwem Shutterstock
1 komentarz ▼
