Jak prawidłowo skonfigurować Google AMP na swojej stronie WordPress

Na przestrzeni lat widzieliśmy niezliczonych właścicieli witryn WordPress ekscytujących się Google AMP, myśląc, że to sekret błyskawicznie szybkich stron mobilnych i lepszych rankingów wyszukiwania.

Chociaż technologia ta ma niewątpliwie swoje zalety, dowiedzieliśmy się, że pośpieszne wdrażanie AMP bez zrozumienia jego konsekwencji może faktycznie zaszkodzić wydajności Twojej witryny.

Krajobraz znacząco się zmienił od wczesnych dni AMP. Google kładzie teraz nacisk na sygnały dotyczące doświadczenia strony i Core Web Vitals zamiast implementacji AMP, co oznacza, że optymalizacja istniejących stron często przynosi lepszy zwrot z inwestycji niż tworzenie oddzielnych wersji AMP.

Niemniej jednak istnieją scenariusze, w których AMP może być wartościowy dla niektórych typów witryn WordPress.

Jeśli zdecydowałeś, że AMP jest odpowiednie dla Twojej strony WordPress, ten przewodnik pokaże Ci, jak poprawnie je wdrożyć od początku do końca. Przeprowadzimy Cię przez cały proces konfiguracji i pomożemy uniknąć typowych pułapek, które mogą wpłynąć na wydajność i doświadczenie użytkownika Twojej witryny.

Czym jest Google AMP?

Google AMP (Accelerated Mobile Pages) to otwarte oprogramowanie uruchomione przez Google w październiku 2015 r. w celu rozwiązania problemu powolnego ładowania stron internetowych na urządzeniach mobilnych. Technologia ta tworzy uproszczone wersje stron internetowych, które ładują się niemal natychmiast na urządzeniach mobilnych.

Oto jak to działa: AMP wykorzystuje uproszczoną wersję HTML (zwaną AMP HTML), ogranicza użycie JavaScript i przechowuje Twoje treści w globalnej sieci cache Google.

Kiedy ktoś kliknie Twój link AMP z wyników wyszukiwania, Google wyświetli buforowaną wersję bezpośrednio ze swoich serwerów, eliminując typowe opóźnienia w ładowaniu.

Pomyśl o tym jak o Facebook Instant Articles, ale z szerszym zasięgiem. Podczas gdy Instant Articles działają tylko w aplikacji mobilnej Facebooka, strony AMP mogą być dostępne z każdej przeglądarki lub platformy obsługującej tę technologię.

Rzeczywistość dzisiaj: Adopcja AMP znacznie spadła od szczytu popularności. Główne platformy, takie jak Twitter, LinkedIn i Reddit, wszystkie zaprzestały implementacji AMP.

Co ważniejsze, Google nie daje już stronom AMP preferencyjnego traktowania w rankingach wyszukiwania, co było jednym z głównych powodów, dla których strony internetowe je pierwotnie przyjęły.

Bazując na naszym doświadczeniu w prowadzeniu WPBeginner, nigdy nie wdrożyliśmy AMP na naszej własnej stronie. Zamiast tego, zalecamy skupienie wysiłków optymalizacyjnych na poprawie Core Web Vitals, co przynosi lepsze długoterminowe rezultaty zarówno dla doświadczenia użytkownika, jak i wydajności wyszukiwania.

Niemniej jednak, jeśli zdecydowałeś, że AMP pasuje do Twoich celów biznesowych i wymagań technicznych, oficjalna wtyczka AMP pozostaje dostępna i funkcjonalna. Ten przewodnik przeprowadzi Cię przez cały proces konfiguracji, abyś mógł ją poprawnie wdrożyć.

Konfiguracja przyspieszonych stron mobilnych (AMP) w WordPress

Pierwszą rzeczą, którą musisz zrobić, jest zainstalowanie i aktywowanie wtyczki AMP. Więcej szczegółów znajdziesz w naszym przewodniku krok po kroku, jak zainstalować wtyczkę WordPress.

Po aktywacji otwierasz kreatora konfiguracji wtyczki, klikając link u góry strony Wtyczki.

Pierwsza strona przedstawia przegląd tego, co robi wtyczka. Po jej przeczytaniu możesz kliknąć przycisk „Dalej”, aby kontynuować.

Druga strona kreatora pozwala wybrać Twoje tło techniczne.

Zaawansowani użytkownicy, którzy rozumieją kod PHP, JavaScript, HTML i CSS, mogą wybrać pierwszą opcję. Jednak większość użytkowników zalecamy wybór drugiej, „nietechnicznej” opcji, ponieważ znacznie ułatwia ona konfigurację Google AMP.

Po wybraniu tła technicznego kliknij przycisk „Dalej”, aby kontynuować.

Wtyczka przeskanuje teraz Twoją witrynę pod kątem problemów z kompatybilnością z Twoim aktywnym motywem i wtyczkami. Po zakończeniu skanowania zostaniesz powiadomiony o wszelkich problemach.

W następnym kroku kreatora konfiguracji musisz wybrać tryb szablonów. Jeśli podczas skanowania witryny nie znaleziono żadnych problemów, powinieneś wybrać opcję Standardowa.

W przeciwnym razie należy przeczytać tekst w sekcjach Przejściowe i Czytelnik i wybrać zalecaną opcję.

Gratulacje, po kliknięciu przycisku „Dalej” kreator zostanie zakończony, a zobaczysz kilka mobilnych podglądów AMP swojej strony internetowej.

Upewnij się, że klikniesz przycisk „Zakończ”, aby zapisać swoje ustawienia.

Możesz teraz odwiedzić dowolny post na swojej stronie internetowej i dodać /amp/ na końcu adresu URL, aby zobaczyć uproszczoną wersję posta w formacie AMP.

http://example.com/my-blog-post/amp/

Zostanie to automatycznie wyświetlone na urządzeniach mobilnych.

Uzyskiwanie dokładnych analiz na stronach AMP

Jednym z głównych problemów z AMP jest to, że może on zniekształcać dane Google Analytics. Odwiedzający Twoje strony AMP nie są śledzeni dokładnie i mogą być nawet zliczane dwukrotnie.

Aby uzyskać najdokładniejsze analizy, zalecamy użycie MonsterInsights. Jest to najlepsza wtyczka Google Analytics dla WordPress.

Dodatek MonsterInsights AMP automatycznie naprawi Twoje śledzenie, dzięki czemu uzyskasz rzeczywiste statystyki odwiedzających.

Możesz dowiedzieć się, jak skonfigurować MonsterInsights w naszym przewodniku dla początkujących na temat jak zainstalować Google Analytics w WordPress.

Eksperckie poradniki dotyczące wydajności WordPress

Google AMP to jeden ze sposobów na poprawę wydajności strony internetowej na urządzeniach mobilnych. Możesz zapoznać się z artykułami na temat naszych preferowanych metod przyspieszania Twojej strony WordPress.

• Kompleksowy przewodnik po zwiększaniu szybkości i wydajności WordPress
• Jak przyspieszyć swoją witrynę eCommerce (sprawdzone wskazówki)
• Dlaczego potrzebujesz CDN dla swojego bloga WordPress? [Infografika]
• Jak zoptymalizować Core Web Vitals dla WordPress (kompletny przewodnik)
• Czym jest wskaźnik INP Google i jak go poprawić w WordPress
• Jak zoptymalizować obrazy pod kątem wydajności sieci bez utraty jakości
• Jak używać wtyczki GTmetrix do poprawy wydajności witryny WordPress
• Jak przyspieszyliśmy ładowanie stron w WPBeginner
• Jak prawidłowo przeprowadzić test szybkości strony internetowej (najlepsze narzędzia)

Mamy nadzieję, że ten artykuł pomógł Ci dowiedzieć się, jak skonfigurować Accelerated Mobile Pages (AMP) w WordPress. Możesz również zapoznać się z naszym przewodnikiem na temat jak poprawić kondycję witryny WordPress lub naszymi rekomendacjami dotyczącymi najszybszego hostingu WordPress.

Jeśli podobał Ci się ten artykuł, zasubskrybuj nasz kanał YouTube po samouczki wideo WordPress. Możesz nas również znaleźć na Twitterze i Facebooku.