Jak zoptymalizować witrynę pod kątem mobilnego SEO

1. Czym różni się mobilne SEO od „normalnego” SEO?
2. Jak zoptymalizować swoją stronę pod kątem telefonu komórkowego?
3. Typowe błędy w witrynach przyjaznych dla telefonów komórkowych
4. Co to są przyspieszone strony mobilne i dlaczego warto się nimi przejmować?
5. Dlaczego warto dbać o AMP?
6. Co to są strony AMP?
7. AMP dla WordPress
8. Wniosek

Posiadanie mobilnej strony internetowej jest absolutną koniecznością przez ostatnie kilka lat. Google wprowadził przyjazność dla telefonów komórkowych jako sygnał rankingowy w kwietniu 2015 r. I od tego czasu wszystko w sieci dotyczy telefonów komórkowych.

Wyszukiwania w Google z telefonów komórkowych to coś więcej niż desktop, Amazon więcej sprzedaży z telefonu komórkowego w 2015 r. Facebook jest częściej używany na urządzeniach mobilnych niż tabletach lub komputerach stacjonarnych.

Co mówią nam te liczby? Podkreślają znaczenie posiadania przyjaznej stronie mobilnej, a jako webmaster lub właściciel małej firmy musisz wziąć pod uwagę ten trend i upewnić się, że zyskujesz swój udział w ruchu mobilnym.

Spójrz na poniższy zrzut ekranu, który pokazuje procent ruchu mobilnego na jednej z moich stron internetowych w ciągu ostatnich miesięcy.

Jestem pewien, że jeśli sprawdzisz swoje raporty z analityki mobilnej , trend będzie podobny.

Strony internetowe, które nie są mobilne, nie mogą osiągnąć tego rodzaju wyników, ponieważ algorytm rankingu Google jest na tyle sprytny, aby zrozumieć, czy witryna jest przyjazna dla urządzeń mobilnych, czy nie.

Czym różni się mobilne SEO od „normalnego” SEO?

Przy obliczaniu rankingu strony internetowej dla wyszukiwania mobilnego, Google poza tym najbardziej wspólne czynniki rankingowe (treść, tytuły, opisy, linki) bierze również pod uwagę wiele innych rzeczy:

Układ strony - Google sprawdza, czy strona może być poprawnie renderowana na telefonie komórkowym bez lewego i prawego paska przewijania.

Dostępność - przyciski, tekst i obrazy powinny być wystarczająco duże i łatwo dostępne bez konieczności powiększania i pomniejszania.

PEŁNY KURS SEO Kurs krok po kroku, w jaki sposób zwiększyć ruch w ciągu 60 dni lub krócej. Dowiedz się, jak praktycznie zbudować skuteczną witrynę lub blog. TYLKO Kurs SEO, który będziesz kiedykolwiek musiał przeczytać!

Szybkość - szybkość jest czynnikiem rankingowym dla komputerów stacjonarnych i bardzo ważnym czynnikiem użyteczności dla urządzeń mobilnych. Google bardzo poważnie podchodzi do czasów ładowania stron na urządzeniach mobilnych i dlatego wprowadzili i naciskają na wdrożenie przyspieszonych stron mobilnych (więcej na ten temat poniżej).

Lokalizacja - podczas wyszukiwania w telefonie komórkowym istnieje ogromna różnica w stosunku do komputerów stacjonarnych: Google wie dokładnie, gdzie jesteś, a wyniki, które uzyskasz, są dostosowane do Twojej fizycznej lokalizacji. Ważne jest, aby wiedzieć, czy celem jest doprowadzenie ludzi do fizycznego sklepu; lokalny SEO jest kluczowym czynnikiem w tym procesie.

Umieszczenie reklam: ludzie nie lubią wyświetlać strony pełnej reklam w telefonie komórkowym, a Google nie. Jeśli używasz adsense na platformach mobilnych lub innych platformach reklamowych upewnij się, że nie naruszasz żadnych wytycznych Google umieszczenie reklamy .

Uwaga: ocena mobilna odbywa się na zasadzie strona po stronie, a nie na całej stronie, więc nie ma znaczenia, czy nie wszystkie strony są przyjazne dla urządzeń mobilnych.

Biorąc pod uwagę powyższe różnice, w jaki sposób zoptymalizować witrynę pod kątem telefonów komórkowych?

Jak zoptymalizować swoją stronę pod kątem telefonu komórkowego?

Pierwszą rzeczą, którą musisz sprawdzić, jest to, czy Twoja witryna pomyślnie przejdzie przyjazny test mobilny.

Google ma ładne narzędzie do testowania, jeśli Twoja witryna ma projekt przyjazny dla urządzeń mobilnych. Wszystko, co musisz zrobić, to wprowadzić adres URL i kliknąć przycisk ANALIZUJ. Narzędzie wyświetli listę rzeczy do ulepszenia na wypadek, gdyby strona nie przeszła testu.

Jeśli zdałeś test, to świetnie! Możesz teraz skoncentrować się na poprawie ogólnego doświadczenia użytkownika na komórce, unikając błędów, które omówimy poniżej. Jeśli nie, musisz rozważyć jedną z poniższych opcji.

Opcja 1: Napraw problemy.

Zwykle problemy związane z przyjaznością dla telefonu komórkowego można rozwiązać, zmieniając HTML i CSS motywu. Nie jest to coś, co może zrobić każdy, dlatego może być konieczne rozważenie zatrudnienia programisty, aby dokonać niezbędnych zmian, dopóki witryna nie przejdzie testu przyjaznego dla urządzeń przenośnych.

Opcja 2: Zmień motyw.

Czasami próba stworzenia motywu, który nie jest przyjazny dla urządzeń przenośnych, kompatybilnego z urządzeniami mobilnymi, jest trudniejszy niż przejście na motyw, który jest już przyjazny dla urządzeń mobilnych. Istnieje wiele gotowych motywów w telefonie komórkowym Katalog WordPress za darmo i są też ładne, płatne.

W zmianę tematu zaangażowanych jest wiele pracy, ale w tym przypadku korzyści z ruchu mobilnego są znacznie większe i na pewno warte pieniędzy i czasu.

Uważaj, aby nie uszkodzić swojego SEO, przeczytaj mój post jak przeprojektować stronę bez utraty SEO za wszystkie szczegóły.

Opcja 3: Przyjęcie elastycznego projektu.

W rzeczywistości nie jest to trzecia opcja, ale bardziej strategiczna decyzja związana z podejściem, które podejmiesz w telefonii komórkowej. Strona responsywna korzysta z tych samych stron zarówno dla komputerów stacjonarnych, jak i mobilnych, a w zależności od urządzenia użytkownika projekt dostosowuje się idealnie do ekranu bez pasków przewijania i bez konieczności powiększania lub pomniejszania w celu wyświetlenia zawartości.

Jest to podejście zalecane przez Google i używane przez większość stron internetowych. Ma dużo Zalety , jednym z nich jest to, że nie będziesz musiał utrzymywać innego zestawu stron dla komputerów i urządzeń mobilnych. Oznacza to również, że każda praca SEO, którą wykonujesz dla swojej wersji na komputer, dotyczy również mobilnego SEO.

Jeśli więc Twoja witryna nie jest przyjazna dla urządzeń przenośnych, możesz ją naprawić (jeśli zmiany nie są zbyt duże) lub zmienić motyw na mobilny.

Nie zapominaj, że oprócz testu przyjaznego dla telefonów komórkowych, innym sposobem na przetestowanie swojej witryny na różnych urządzeniach mobilnych jest użycie wbudowanego w Google Chrome emulatora urządzenia mobilnego.

Otwórz nowe okno chrome i przejdź do witryny, aby przetestować. Kliknij prawym przyciskiem myszy w dowolnym miejscu na stronie i wybierz INSPECT z rozwijanego menu. Kliknij ikonę telefonu komórkowego (na dole po lewej stronie - jak pokazano poniżej) i wybierz urządzenie z listy rozwijanej znajdującej się na górze strony.

Typowe błędy w witrynach przyjaznych dla telefonów komórkowych

Pomogliśmy wielu klientom przenieść swoje strony internetowe na responsywny (lub przejść na temat responsywny) w ciągu ostatnich kilku lat i zidentyfikowaliśmy kilka typowych błędów, które popełniają ludzie, gdy myślą o telefonie komórkowym.

Blokowanie zasobów wymaganych przez bota Google: Google może zobaczyć stronę internetową jak zwykły użytkownik, więc Google nie powinien blokować żadnych zasobów (plików JavaScript lub CSS). Odnosi się to również do komputerów stacjonarnych, ale ważniejsze dla urządzeń mobilnych, ponieważ szybkość reakcji witryny jest uzyskiwana dzięki JavaScript i CSS.

Upewnij się, że Google może uzyskać dostęp do wszystkich wymaganych zasobów. Możesz użyć opcji FETCH AS GOOGLE w konsoli wyszukiwania Google i odpowiednio dostosować plik robots.txt (sprawdź mój post: Podstawowe SEO WordPress po więcej szczegółów).

Odpowiedni projekt w dobrym stanie, ale może nadal potrzebować trochę pracy: chociaż przyjęcie responsywnego projektu to droga, nie oznacza to, że skończysz, gdy zastosujesz responsywny motyw.

Musisz dokładnie przetestować swoją witrynę na telefonie komórkowym i spróbować poprawić jakość obsługi. Jedną z rzeczy, które możesz rozważyć, jest ukrycie pewnych części witryny przed użytkownikami mobilnymi.

Na przykład pasek boczny w większości responsywnych motywów pojawia się poniżej głównej treści w telefonie komórkowym. Musisz zastanowić się, czy użytkownicy „muszą” zobaczyć zawartość paska bocznego, czy może jest to dla nich zbyt duże przewijanie w pionie i dodaje tylko więcej elementów na stronie bez żadnej rzeczywistej wartości.

Brak optymalizacji konwersji: przekazanie przyjaznego testu mobilnego i szybka instalacja responsywnej strony internetowej to świetny pierwszy krok, ale nie gwarantuje to, że otrzymasz również konwersje z telefonu komórkowego. Podobnie jak w przypadku mojego komentarza powyżej, musisz przejrzeć swoje strony na telefon komórkowy i przeanalizować obszary „wezwania do działania”.

Jeśli Twój projekt popycha twoje przyciski, oferty produktów lub inne ważne obszary Twojej strony w dół strony, musisz dokonać zmian, aby były one bliżej góry i widoczne dla użytkownika bez konieczności przewijania za dużo.

Musisz także ułatwić użytkownikom wykonywanie akcji. Na przykład, jeśli sprzedajesz produkty, zapewnij im jednorazową kasę, jeśli otrzymujesz ich dane, ułatwiaj wprowadzanie danych (duże pola tekstowe, wstępnie załadowane z rozwijanymi wartościami itd.).

Ogólnie rzecz biorąc, staraj się eliminować dodatkowe ekrany, jeśli możesz podać informacje, które są mniej ekranów i kliknięć. Spójrz na to miłe studium przypadku https://www.conversioner.com/mobile-optimization i jak udało im się poprawić współczynniki konwersji, upraszczając strony mobilne.

Zapominając o „kliknij, aby zadzwonić”: użytkownicy w telefonie mają telefon w rękach, nie zapominaj o tym. Gdy masz numer telefonu komórkowego na swojej stronie internetowej, powinien on być klikalny. Wiele osób zapomina o tym, podczas gdy jest to bardzo łatwe do zrobienia.

Korzystanie z wyskakujących okienek: wyskakujące okienka są przydatne na pulpicie, gdy nie przeszkadzają użytkownikowi. Lubię używać „wyskakujących okienek” w moich witrynach, ponieważ są one bardzo skuteczne i są wyświetlane tylko wtedy, gdy użytkownik próbuje opuścić witrynę. W przypadku urządzeń przenośnych wyskakujące okienka nie są dobre i należy ich unikać.

Co to są przyspieszone strony mobilne i dlaczego warto się nimi przejmować?

Przyspieszone strony mobilne (AMP) to inicjatywa Google mająca na celu przyspieszenie mobilnej sieci.

Google ogłosił AMP w październiku 2015 r. jako nowy standard (AMP HTML) do tworzenia stron mobilnych, które będą działać lepiej i szybciej dla wszystkich.

Aby było bardziej ostro dla webmasterów, Google celowo pozwala ludziom zakładać, że tak daj wzrost rankingu dla stron internetowych obsługujących AMP.

Wielcy wydawcy, wiodące sieci społecznościowe (twitter, linkedin, itd.) Już zaczęli eksperymentować z przyspieszonymi stronami mobilnymi i istnieje ogólna tendencja w branży, że coraz więcej stron internetowych będzie przeskakiwać w pierwszej połowie 2016 roku.

Google Analytics, Adsense, Doubleclick będzie również obsługiwać strony AMP.

Dlaczego warto dbać o AMP?

Szybsze jest dobre dla SEO i użytkowników: ponieważ AMP polega na szybszym tworzeniu stron mobilnych, jest to dobre dla rankingów mobilnych (zwłaszcza, jeśli staje się częścią algorytmu rankingu Google) i jest również dobre dla użytkownika. Użytkownicy będą spędzać więcej czasu na swojej mobilnej stronie internetowej, czytać więcej stron i bardziej współdziałać z treściami i ofertami.

To nowy trend, który musisz podążać: Google naciska na to bardzo mocno i jeśli twoi konkurenci zdecydują się na AMP, to powinieneś zrobić to samo. Z drugiej strony, jeśli zrobisz to przed swoimi konkurentami, zyskasz przewagę.

Co to są strony AMP?

Wiem, że może to być mylące, więc mówiąc prostymi słowami, dla każdej strony na twojej stronie będziesz miał wersję, która będzie miała niezbędne tagi AMP. Jest to podobne do normalnego HTML, ale ma bardziej specyficzną strukturę, jak w poniższym przykładzie:

Więc jeśli masz stronę z tym adresem URL: http://www.example.com/my-artykul, będziesz mieć również stronę AMP: http://www.example.com/amp/my-artyk.

Strona AMP będzie zawierać niezbędne informacje o tagach, aby wyszukiwarki mogły wiedzieć, że jest odpowiednikiem strony głównej AMP.

Aby pójść o krok dalej, przyjrzyj się bliżej schemat artykułów , zauważysz, że istnieje cały nowy zestaw strukturalnych znaczników danych potrzebnych do stron AMP.

AMP dla WordPress

WordPress był jedną z pierwszych platform wspierających inicjatywę AMP i obiecali ułatwić właścicielom witryn WordPress migrację do AMP.

W tym celu pracują nad podłącz dzięki temu proces będzie przejrzysty i łatwy do wdrożenia. Obecnie wtyczka jest na wczesnym etapie rozwoju, ale może działać poprawnie na prostych stronach WordPress.

Jeśli masz dużą witrynę z wieloma niestandardowymi zmianami, być może będziesz musiał zatrudnić programistę, który pomoże Ci wdrożyć AMP na swojej stronie.

Wniosek

Mobilne SEO jest bardzo ważne. Liczba użytkowników poruszających się po sieci z telefonów komórkowych rośnie i oczekuje się, że wzrośnie ona przez kolejne kilka lat.

Twoim pierwszym zmartwieniem jest upewnienie się, że Twoja witryna jest przyjazna dla urządzeń mobilnych, biorąc udział w teście mobilnym Google. Następnie sprawdź, czy Twoje strony mobilne obsługują Twoje cele konwersji, a jeśli nie, dokonaj zmian w projekcie, aby telefon komórkowy nie tylko zapewniał ruch, ale także konwersje.

Na koniec warto zwrócić uwagę na rozwój Accelerated Mobile Pages, ponieważ może to być kolejna wielka rzecz, jeśli chodzi o mobilne SEO i rankingi.