Jak korzystać z oficjalnej wtyczki Google AMP WordPress?

Często zdarza się, że witryny internetowe są wolniejsze na urządzeniu mobilnym niż w przeglądarce, a im bardziej bogata w treść strona, tym dłużej może trwać ładowanie. Nawet jeśli próbowałeś kilku rzeczy, aby przyspieszyć działanie swojej witryny, Google AMP i wtyczka WordPress AMP mogą dać Ci impuls, którego szukasz.

Gdy strona ładuje się zbyt długo, może podnieść współczynnik odrzuceń. Z drugiej strony, gdy strona internetowa pojawia się niemal natychmiast, poprawia się wrażenia użytkownika (UX) i ruch może wzrosnąć. Oto, jak działa Google AMP i jak z niego korzystać w swojej witrynie.

Przegląd Google AMP

Google AMP to projekt typu open source, który został uruchomiony w październiku 2015 r. AMP oznacza „przyspieszone strony mobilne”, ale Google AMP nie ogranicza się już do urządzeń mobilnych; dziś działa również na stronach na komputery. (Jednak ze względu na ten artykuł będę mówił głównie o stronach mobilnych, ponieważ tam właśnie AMP jest najbardziej przydatny). Celem Google AMP jest szybsze ładowanie treści internetowych. Wtyczka WordPress AMP to prosty sposób na konwersję stron do wersji AMP.

Działa to tak, że AMP przyspiesza strony internetowe dzięki ograniczonemu CSS, HTML i JavaScript. Zasadniczo jest to sposób na budowanie wyjątkowo lekkich stron internetowych, co skraca czas ładowania. Pamięć podręczna Google AMP przechowuje treść, a wersja w pamięci podręcznej jest tym, co Google wysyła do użytkowników, umożliwiając im natychmiastowe wyświetlenie strony internetowej. Duże firmy technologiczne, takie jak Google, LinkedIn, Reddit i Twitter, obsługują Google AMP, a AMP są widoczne we wszystkich aplikacjach, przeglądarkach i przeglądarkach internetowych.

Plusy i minusy Google AMP

Chociaż większość stron internetowych skorzysta z Google AMP, jest też kilka wad. Oto zalety i wady Google AMP, które pomogą Ci zdecydować, czy wtyczka WordPress AMP jest dla Ciebie odpowiednia.

Plusy

• Jeśli generujesz duży ruch z wyszukiwań mobilnych, AMP może poprawić UX i pomóc Ci uzyskać wyższą pozycję w rankingu.
• Użytkownicy mobilni, którzy utknęli z wolnym połączeniem internetowym, mogą wejść w interakcję z Twoją witryną.
• Google buforuje wszystkie witryny korzystające ze struktury AMP, co może pomóc poprawić ranking Google.
• Krótsze czasy ładowania prowadzą do lepszego zaangażowania, co często prowadzi do większych przychodów.

Cons

• Ponieważ AMP używa ograniczonego CSS, HTML i JavaScript, projektanci witryn muszą tworzyć strony okrojone. Niektóre funkcje i widżety, takie jak animacje, pola „podobne” w mediach społecznościowych i inteligentne formularze zgody, muszą zostać usunięte, aby zmniejszyć rozdęcie.
• Google AMP obsługuje Google Analytics, ale poza tym nie obsługuje większości innych platform analitycznych.
• Nie ma też wielu opcji reklamowych obsługiwanych przez Google AMP. Dzięki dodatkowym wtyczkom możesz jednak dodać opcje reklamowe – więcej o tym później.
• Jest to miękkie oszustwo, ale jeśli Twoje strony mobilne są już lekkie i zoptymalizowane, mogą nie być zauważalnie szybsze przy użyciu AMP, więc konfiguracja może być stratą czasu.

Wtyczka WordPress AMP

Wtyczka Google AMP dla WordPressa automatycznie tworzy wersje AMP wszystkich Twoich postów. Następnie wyszukiwarki oraz aplikacje i usługi obsługujące AMP wiedzą, gdzie szukać wersji AMP strony dzięki „amphtml” w kodzie źródłowym. Wtyczka działa bezproblemowo z WordPressem, niezależnie od tego, czy używasz klasycznego kreatora, czy Gutenberga.

Wtyczka nie tworzy osobnego motywu mobilnego i nie kieruje urządzeń mobilnych do wersji AMP Twojej witryny. Jeśli jednak użytkownik mobilny znajdzie Twoje treści na platformie takiej jak Google, Pinterest lub Twitter, zobaczy wersję AMP.

Jeśli nie można renderować strony w wersji AMP, wtyczka zapewnia wczytanie wersji innej niż AMP. Oznacza to, że jak największa część witryny będzie zoptymalizowana pod kątem stron AMP, a te części witryny, które nie mogą być, będą nadal wyświetlane i działać tak, jak tego potrzebujesz.

Funkcje wtyczki WordPress AMP

• Zgodność i walidacja: jeśli automatyczna konwersja na AMP nie jest możliwa, otrzymasz szczegółowe błędy walidacji, dzięki którym możesz znaleźć nieprawidłowe znaczniki. Możesz zdecydować się na usunięcie lub zachowanie znaczników.
• Obsługa podstawowych motywów: AMP jest kompatybilny ze wszystkimi podstawowymi motywami WordPress. (Jest również zgodny z wieloma motywami spoza podstawowego zestawu).
• Potrząsanie drzewem CSS: Automatycznie usuń nieużywane CSS, aby uzyskać sumę mieszczącą się w limicie AMP 50 KB.
• AMP Stories: AMP ma narzędzie do tworzenia historii, które pozwala tworzyć pełnoekranowe reklamy i treści dla odwiedzających.

Źródło: AMP

Jak skonfigurować i korzystać z wtyczki WordPress AMP

1. Zainstaluj i aktywuj wtyczkę. Pobierz wtyczkę tutaj.

2. Przejdź do Wygląd i wybierz AMP. Zobaczysz, jak wygląda Twoja witryna na urządzeniu mobilnym, a także możesz wyświetlić komputerową wersję AMP. Jeśli strona główna nie może korzystać z AMP, otrzymasz to powiadomienie:

Kiedy strona internetowa konwertuje się na AMP, jest to w zasadzie okrojona wersja oryginału. Poniżej możecie porównać oryginalną wersję mojego bloga z wersją AMP – logo (moje imię w stylizowanej czcionce), kolory i czcionki są inne.

3. Kliknij „Projekt”, aby zaktualizować kolor tekstu nagłówka, tło nagłówka i kolor linku oraz schemat kolorów (jasny lub ciemny). Możesz także zdecydować się na wyświetlanie linku, aby umożliwić odwiedzającym wyjście z trybu czytnika.

4. Możesz przejść do adresu URL dowolnego posta w swojej witrynie i dodać /amp/ na jego końcu, aby zobaczyć wersję AMP posta. Jeśli podczas próby wyświetlenia wersji AMP pojawi się błąd 404, przejdź do Ustawień, a następnie Permalinków i kliknij „Zapisz zmiany” w lewym dolnym rogu. W rzeczywistości nie musisz wprowadzać żadnych zmian, ale klikając przycisk Zapisz, struktura linku bezpośredniego zostanie odświeżona, co może sprawić, że te strony AMP się pojawią.

Wybierz tryb strony internetowej

Wtyczka AMP WordPress ma do wyboru trzy tryby witryny, do których można przejść, przechodząc do AMP na lewym pasku bocznym, a następnie klikając Ogólne:

1. Standard: AMP to struktura Twojej witryny. Nie potrzebujesz osobnych wersji innych niż AMP i AMP.
2. Przejściowe Każda strona ma kanoniczny adres URL i adres URL AMP.
3. Czytnik: każda strona ma kanoniczny adres URL i adres URL AMP. W trybie czytnika AMP jest używany tylko w pojedynczych postach, stronach i innych typach postów; pozostałe dwa tryby witryny są używane w całej witrynie.

Domyślnie wybrany zostanie tryb czytnika. Jeśli zmienisz na jedną z dwóch pozostałych opcji, nie będziesz już mieć dostępu do tej sekcji „Projekt” poprzez Wygląd.

Wybrany tryb strony internetowej wpłynie na dodatkowe dostępne opcje. Jeśli wybierzesz opcję standardową lub przejściową, opcje pokazane na zrzucie ekranu poniżej. Jeśli wybierzesz czytnik, będziesz mógł wybrać tylko jeden z trzech typów zawartości.

Dostosuj swoje AMP za pomocą dodatkowych wtyczek

Ponieważ wtyczka WordPress AMP nie ma wielu opcji dostosowywania, możesz użyć innych wtyczek, aby jeszcze bardziej spersonalizować swoje strony. Na przykład AMP WP obsługuje ikony społecznościowe i ma konfigurowalny schemat kolorów (wśród wielu innych funkcji), a Ads for WP ma zaawansowaną obsługę reklam dla AMP.

Ponadto, jeśli obecnie korzystasz z Yoast SEO, możesz użyć wtyczki Glue for Yoast SEO i AMP, aby Twoje strony AMP miały odpowiednie metadane Yoast SEO. Po zainstalowaniu i aktywacji wtyczki, jak zwykle ustawisz opcje Yoast SEO. Wtyczka będzie działać w tle.

Po skonfigurowaniu dodatkowych wtyczek związanych z AMP pamiętaj o ponownej weryfikacji stron AMP. Spowoduje to sprawdzenie wszelkich nowych błędów walidacji, których wcześniej nie było.

Końcowe przemyślenia

Konfigurowanie przyspieszonych stron mobilnych to tylko jedna z wielu technik, dzięki którym strony internetowe ładują się szybciej. Dzięki wtyczce WordPress nie musisz rozumieć tajników działania AMP, aby wiedzieć, że jest to korzystne dla Twojej witryny. A dzięki tak prostemu procesowi konfiguracji, w którym wszystko jest zrobione za Ciebie, możesz zainstalować go w ciągu popołudnia i przekonwertować całe archiwum w ciągu kilku dni.

Jeszcze jedno: jeśli korzystasz z Google Search Console, nie martw się, jeśli nie zobaczysz od razu wyników dla swoich stron AMP. Google może nie spieszyć się z indeksowaniem Twoich stron AMP i wyświetlaniem danych.

Chcesz jeszcze lepiej wykorzystać swoją witrynę mobilną? Sprawdź nasz przewodnik dotyczący optymalizacji paska bocznego na urządzeniach mobilnych za pomocą kreatora motywów Divi.

Polecane zdjęcie za pośrednictwem Fouaddesigns / shutterstock.com