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

Każdy chce szybszej strony internetowej, aby wyżej pozycjonować się w wynikach wyszukiwania. Jednak Google AMP nie zawsze jest magicznym rozwiązaniem, jakiego ludzie myślą, że jest.

Przetestowaliśmy niezliczone strategie wydajności w WPBeginner. Z naszego doświadczenia wynika, że pośpieszne wdrażanie AMP bez planu może faktycznie zepsuć projekt Twojej witryny.

Jeśli zdecydujesz, że ta technologia jest dla Ciebie odpowiednia, możemy pomóc Ci bezpiecznie zacząć.

W tym przewodniku pokażemy Ci, jak prawidłowo skonfigurować Google AMP na Twojej stronie WordPress.

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.

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 po prostu kliknij link u góry strony Wtyczki, aby otworzyć kreatora konfiguracji.

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 szablonu. Zalecamy wybranie opcji Przejściowy.

To ustawienie zapewnia, że Twoja strona na komputerze zachowa oryginalny projekt i branding, jednocześnie tworząc osobną, szybko ładującą się wersję AMP specjalnie dla użytkowników mobilnych.

Następnie kliknij przycisk „Dalej”. Zobaczysz teraz podgląd tego, jak Twoja strona wygląda w formacie AMP.

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

Jeśli wybrałeś tryb Przejściowy lub Czytelnik, możesz odwiedzić dowolny post na swojej stronie internetowej i dodać /amp/ na końcu adresu URL, aby zobaczyć wersję AMP.

https://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.

Często zadawane pytania dotyczące Google AMP

Oto niektóre z najczęstszych pytań, które zadają nasi czytelnicy dotyczące konfiguracji Google AMP na WordPress.

1. Czy Google AMP jest nadal potrzebny dla WordPress?

Nie, nie jest to ściśle konieczne. W przeszłości Google wymagał AMP dla niektórych funkcji wyszukiwania mobilnego, takich jak karuzela Najnowsze historie. Tak już nie jest.

Obecnie większość nowoczesnych responsywnych motywów WordPress jest wystarczająco szybka sama w sobie. Zalecamy skupienie się na przejściu testów Core Web Vitals zamiast utrzymywania oddzielnej wersji AMP swojej witryny.

2. Czy instalacja AMP zaszkodzi SEO mojej witryny?

Prawidłowa instalacja zazwyczaj pomaga w szybkości działania na urządzeniach mobilnych, co jest czynnikiem rankingowym. Jednak złe skonfigurowanie może zaszkodzić Twojemu SEO. Jeśli na Twoich stronach AMP brakuje ważnych linków wewnętrznych lub menu nawigacyjnych, sygnały zaangażowania użytkowników mogą spaść. Może to negatywnie wpłynąć na Twoje rankingi w dłuższej perspektywie.

3. Czy AMP działa z wtyczkami takimi jak WPForms lub OptinMonster?

Tak, ale istnieją ograniczenia. Ponieważ AMP ogranicza JavaScript, standardowe formularze i wyskakujące okienka często przestają działać. Musisz używać specyficznych integracji AMP dostarczanych przez narzędzia takie jak WPForms i OptinMonster. Bez tych specyficznych ustawień Twoje narzędzia do generowania leadów mogą nie pojawić się na urządzeniach mobilnych.

4. Czy mogę łatwo usunąć AMP, jeśli mi się nie spodoba?

Możesz to usunąć, ale musisz być ostrożny. Jeśli po prostu dezaktywujesz wtyczkę, Google może nadal próbować kierować odwiedzających do wersji AMP Twoich stron, co spowoduje błędy 404.

Aby to naprawić, musisz skonfigurować odpowiednie przekierowania, aby kierować ruch mobilny z powrotem do Twojej standardowej strony mobilnej. Zalecamy użycie Menedżera Przekierowań w All in One SEO (AIOSEO), aby łatwo sobie z tym poradzić.

5. Jaka jest różnica między stroną przyjazną dla urządzeń mobilnych a AMP?

Strona przyjazna dla urządzeń mobilnych to Twój zwykły projekt strony internetowej, który dostosowuje swój układ do małych ekranów. Zachowuje wszystkie Twoje elementy brandingowe, style i skrypty. AMP to całkowicie oddzielna wersja Twojej strony. Usuwa większość ciężkiego kodu, aby ładować się natychmiast, często poświęcając w tym procesie Twoje specyficzne elementy projektu.

Dodatkowe zasoby dotyczące wydajności WordPressa

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.