Zaufane samouczki WordPress, kiedy ich najbardziej potrzebujesz.
Przewodnik dla początkujących po WordPressie
WPB Cup
25 milionów+
Witryny korzystające z naszych wtyczek
16+
Lata doświadczenia z WordPressem
3000+
Samouczki WordPress od ekspertów

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.

Jak prawidłowo skonfigurować Google AMP na swojej 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.

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.

Otwórz kreatora onboardingu wtyczki AMP

Uwaga: Wtyczka AMP ma problemy z kompatybilnością z niektórymi popularnymi wtyczkami WordPress, takimi jak WPCode, wiodąca wtyczka fragmentów kodu. Zostaniesz powiadomiony o wszelkich niekompatybilnych aktywnych wtyczkach na górze strony.

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

Kreator konfiguracji wtyczki AMP dla WordPress

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.

Kreator konfiguracji wtyczki AMP dla WordPress

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.

Kreator konfiguracji wtyczki AMP dla WordPress

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ę.

Kreator konfiguracji wtyczki AMP dla WordPress

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.

Kreator konfiguracji wtyczki AMP dla WordPress

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.

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.

Ujawnienie: Nasze treści są wspierane przez czytelników. Oznacza to, że jeśli klikniesz w niektóre z naszych linków, możemy otrzymać prowizję. Zobacz jak finansowany jest WPBeginner, dlaczego to ważne i jak możesz nas wesprzeć. Oto nasz proces redakcyjny.

Ostateczny zestaw narzędzi WordPress

Uzyskaj BEZPŁATNY dostęp do naszego zestawu narzędzi – kolekcji produktów i zasobów związanych z WordPress, które powinien mieć każdy profesjonalista!

Interakcje czytelników

86 CommentsLeave a Reply

  1. Wtyczka AMP wyłącza skrypty JS.
    Dlatego rzeczy takie jak
    1. Statystyki kliknięć wychodzących WordPress są wyłączone
    oraz
    2. Śledzenie konwersji Google Ads jest wyłączone.

    więc zastanów się uważnie przed jego użyciem

  2. Testowałem AMP na stronie przez ponad 6 miesięcy. Moje wnioski są następujące. Strona działała szybciej na urządzeniach mobilnych, ale nie miało to wpływu na jej pozycję. Dodatkowo od czasu do czasu pojawiały się konflikty wtyczek. Ponadto mniej osób na stronach AMP przechodziło do kolejnych stron witryny. Dlatego uważam, że responsywne strony są lepsze i bardziej odpowiednie niż używanie AMP. Sam wyłączyłem AMP całkowicie jakiś czas temu.

    • To byłoby pytanie o osobiste preferencje, zalecamy zapoznanie się z zaletami i wadami, które przedstawiamy na początku tego artykułu.

      Admin

  3. Cześć, nie wiem, który jest lepszy dla mojego WordPressa, podstawowy czy zaawansowany w amp.
    Czy możesz mi coś w tej sprawie doradzić?

    • To byłoby pytanie o osobiste preferencje. W sprawie pytań dotyczących wtyczki w jej obecnym stanie, zalecamy skontaktowanie się z pomocą techniczną wtyczki.

      Admin

  4. Witaj Administratorze
    Mam problemy z AMP na mojej stronie
    próbowałem wszystkiego, co wiem, ale nie działa, ponieważ błędy w mojej konsoli wyszukiwania stale rosną
    Naprawdę potrzebuję pomocy, ponieważ moja pozycja w rankingu i ruch na stronie są zagrożone

    • Zależałoby to od konkretnych błędów, które widzisz na swojej stronie, aby określić problem.

      Admin

  5. Widzę, dlaczego „wpbeginner” nie zdecydował się użyć AMP na swojej stronie, spójrz na wszystkie komentarze, myślę, że dlatego.

    Nadal wciąż mam błędy i usterki do usunięcia, niestety próbowałem znaleźć rozwiązania do używania AMP, ale po wszystkich komentarzach tutaj, wycofam się… Jeszcze nie warto, ale dla przyspieszenia stron użyjmy na razie wtyczek do buforowania.

    Dopóki wszystko będzie w porządku i nie będzie więcej problemów z używaniem AMP, przepiszę mój krok, ale na razie pozostańmy nisko.

    Dziękuję WP Beginner za artykuły, pomagają.

    • You’re welcome, we also mention the reasons we did not add amp at the start of our article as well :)

      Admin

  6. Byłem sfrustrowany, ponieważ nie znajdowałem rozwiązania przed przeczytaniem Twojego artykułu. Dziękuję za pomoc.

  7. To bardzo interesujące, dziękuję za podzielenie się cennymi informacjami i wiedzą, kontynuuj udostępnianie takich treści.

  8. Cześć, zastanawiam się, czy zacząłeś już używać AMP na swojej stronie, czy nadal najlepiej tego unikać? Chętnie poznam Twoją opinię.

  9. Witaj WP Beginner

    Dziękuję za Twój wspaniały wysiłek, naprawdę bardzo mi pomogłeś.
    Niestety, nie mogłem włączyć AMP dla mojej strony internetowej.

    Dzięki

    • If the method in this article isn’t working then you would want to reach out to the AMP plugin’s support and they should be able to help troubleshoot the issue :)

      Admin

  10. Hej Wpbeginner Czy możesz zrobić poradnik, jak umieścić reklamy na stronach WordPress AMP?

    Thank you for sharing your Information :-)

    • We will certainly look into updating the article as we are able and as it is needed :)

      Admin

  11. Teraz Google AMP pokazuje błąd rozmiaru obrazu.

    Rozmiar obrazu jest mniejszy niż zalecany. Obrazy powinny mieć co najmniej 1200 pikseli szerokości.

    To ogromne. Co jest nie tak z Google AMP?

    • Jest to zmiana dla karuzeli najlepszych historii Google, dlatego teraz wymagany jest ten rozmiar. Wtyczka AMP informuje, że otrzymuje ten błąd od Google i Cię o tym powiadamia.

      Admin

  12. jak możemy użyć motywu WordPress w układzie AMP, ponieważ po wpisaniu adresu URL AMP układ strony nie pasuje do adresu URL naszej witryny.

      • AMP używa ograniczonego HTML, CSS i Javascript. Powinieneś skontaktować się z autorem swojego motywu, aby sprawdzić, czy można coś zrobić, aby motyw był bardziej przyjazny dla AMP.

        Admin

  13. Dziękujemy za ten cenny artykuł. Nie tylko ten, ale wszystkie Twoje artykuły są dla nas bardzo pomocne.

    Dziękuję wszystkim.

  14. To fantastyczny artykuł! Struktura i szczegóły są łatwe do śledzenia i przyjazne dla użytkownika. Dziękuję za udostępnienie.

  15. Cześć, czy jest jakaś opcja automatycznego przekierowania użytkownika na stronę AMP podczas korzystania z telefonu komórkowego.

  16. Dziękuję za ten post!

    Już aktywowałem AMP dla jednej z moich stron i działa dobrze, ale tutaj jej nie poleciłeś.

    Dobrze powiedziane, na mojej następnej stronie po prostu zostawię ją bez implementacji AMP i przetestuję obie opcje.

    Pozdrowienia z Nigerii

  17. Widzę więcej pułapek niż korzyści z implementacji AMP – szczególnie z wtyczką. Na razie zastosuję się do Twojej rady i „jeszcze nie przejdę na Google AMP”.

  18. Cześć, dziękuję za Twój pomocny post. Mam dwie uwagi:

    1- Czy już używałeś AMP, czy nie? Jak mogę być powiadomiony, jeśli zamierzasz go użyć w przyszłości?

    Wtyczka w3 total cache ma dodatek dla AMP, czy to jest w porządku?

    Ja osobiście nie zainstaluję wtyczki, tak jak poleciłeś.

    Myślę, że najlepszy ranking można uzyskać, mając świetną treść, SEO, dobrą prędkość, co można zaimplementować bez AMP.

    Dziękuję indeed

  19. Nie mogę sprawić, by analityka AMP działała. Zakładka Yoast SEO dla analityki nigdy nie zapisuje mojego identyfikatora analityki. Jakieś sugestie?

  20. Chciałbym wiedzieć, czy mogę dodać moje strony w amp, obecnie działa tylko na postach. kiedy wpisuję URL_STRONY/amp, przekierowuje mnie na stronę 404

  21. Jaka jest różnica między wtyczką Automatic AMP a Accelerated Mobile Pages? Darmowa strona na wordpress.com wyświetla obraz nagłówka motywu i wygląda lepiej na urządzeniach mobilnych dzięki ich wtyczce AMP, ale strona hostowana samodzielnie z AMP nie ma obrazu nagłówka motywu i nie wygląda tak dobrze jak darmowa strona. Dlaczego tak jest?

  22. aktywowałem amp w moim wordpress .. moje pytanie brzmi, skąd mam wiedzieć, że amp działa na moich postach i jeśli zbuduję stronę amp oprócz głównego posta, co się stanie?

  23. Używam wtyczki AMP for WP i wygenerowałem oraz wypisałem kilka stron. Teraz chcę zrezygnować z AMP. Czy mogę po prostu usunąć wtyczkę AMP for WP, czy jest to bardziej skomplikowana procedura?
    Dziękuję.

  24. Witam. Od 6 miesięcy używam wtyczki AMP firmy Automattic bez żadnych problemów. Jednak zaczęliśmy otrzymywać błędy AMP w konsoli wyszukiwania, które mówiły o zakazanym lub nieprawidłowym użyciu tagu HTML na 12 stronach, w tym na tej.

    Czy ktoś to zauważył?

    Opublikowano również na stronie wtyczki, ale nie otrzymałem odpowiedzi.

    I hope the bug gets resolved fast as the pages have been removed from search results and have led to a loss of traffic. :(

  25. AMP nie może zainstalować się w moim wordpressie
    Za każdym razem, gdy próbuję zainstalować, pojawia się komunikat „instalacja nie powiodła się: folder docelowy już istnieje”, co mam teraz zrobić, aby AMP w wordpressie można było zainstalować??

  26. Kod AdSense dodaje się w sekcji ustawień.

    Daj znać, jeśli Twój problem nie zostanie rozwiązany.

    Dzięki,

  27. Tak, mam ten sam problem od miesięcy. Niezależnie od tego, co wpiszę w polu Analytics, nie zapisuje się.

  28. Użyłem tej wtyczki, ale mam jeden problem. Ta wtyczka dodała stronę amp dla mojej strony głównej, kiedy próbowałem otworzyć ten link, przekierowuje mnie na stronę amp bloga. Jak mogę to zmienić?

    • Mam ten sam efekt. kiedy wchodzę na mój domain.com/amp/ Nie pokazuje strony głównej, ale pokazuje stronę z postem na blogu. Jak możemy zmienić to tak, aby pokazywało stronę główną?

      • W sekcji Wtyczka AMP. Przejdź do: AMP/Pierwsze kroki/Strona główna, a następnie włącz AMP Frontpage –> niestandardową stronę główną AMP. Następnie, tuż poniżej, wybierzesz swoją stronę główną z menu rozwijanego.

        Wszystko powinno (w końcu) pojawić się w wersji AMP, jeśli dotyczy to Twojej strony głównej.
        Mam nadzieję, że to pomoże!

  29. Cześć wszystkim,

    Bardzo pouczający post, a WordPress jest jednym z pierwszych zwolenników projektu Google AMP. Wtyczka Google AMP dla WordPress jest bardzo przydatna do przyspieszenia mobilnego Internetu, czyli 4 razy szybszego, co będzie kluczowym czynnikiem w poprawie doświadczenia użytkownika.
    Ponadto Baidu – chińska wyszukiwarka – również wspiera projekt Google AMP i będzie uwzględniać strony AMP w wynikach SERP, ponieważ Google uczynił to normą dla uzyskania wyższej pozycji w wynikach wyszukiwania. Bardzo szybko inni podążą za tym trendem i będziemy świadkami podążania śladami Google.

    Dzięki,
    Nick

  30. Świetny artykuł. Czy ktoś wie, jak automatycznie wywołać AMP, gdy użytkownik przegląda naszą stronę na urządzeniu mobilnym. Mam na myśli, że nie chcę ręcznie wpisywać /amp na końcu adresu URL, aby wyświetlić strony AMP. Czy jest jakiś sposób?

    • O ile rozumiem, wpisanie /amp na końcu adresu URL służy tylko do testowania, ale wtyczka już tworzy wersję AMP postów i dodaje odpowiedni tag HTML do kodu źródłowego, a następnie Google zaindeksuje te posty AMP i pokaże je użytkownikom mobilnym.

  31. Cześć,

    Która wtyczka ikon mediów społecznościowych jest kompatybilna z Twoją wspomnianą wtyczką AMP?

    Dzięki!
    Michael

  32. AMP nie instaluje się w moim wordpressie.
    Zawsze, gdy próbuję zainstalować, pojawia się komunikat „Instalacja nie powiodła się: Folder docelowy już istnieje”

    Co mam teraz zrobić??

  33. Używałem AMP na mojej stronie internetowej. Ale zawsze wykrywany jest jakiś błąd na niektórych postach. Jest to optymalizacja obrazu. Próbowałem użyć kodu HTML obrazu AMP do wstawienia obrazu w poście. Ale tym razem żadne obrazy nie są wyświetlane. Jak mogę naprawić ten problem. Proszę o pomoc. Z góry dziękuję.

  34. CHCĘ przełączyć się na AMP, ale ponieważ wiele moich postów zawiera przepisy, tabele i siatki obrazów, żaden z nich nie pojawia się na stronach AMP.

    Chciałbym tworzyć strony AMP tak jak New York Times, zasadniczo jest tam długi fragment z linkiem do dalszego czytania historii, który przenosi do strony nie-AMP.

    Czy masz jakieś rekomendacje, jak znaleźć wtyczkę lub jak dostosować wtyczkę Wordpress AMP, aby to zrobić?

    Dzięki,

    L

  35. Próbowałem wszystkiego w tym poradniku, ale nadal otrzymuję pustą stronę, gdy wpisuję mójURL/amp/ w przeglądarce. Czy możesz mi pomóc?

  36. Miły post,
    Czy ktoś próbował AMP? I czy to robi różnicę w rankingu Google? Proszę, powiedz mi?

  37. Właściwym sposobem implementacji AMP jest zrobienie tego jako część Twojego motywu. Wtyczka AMP jest jedynie plastrem, który ma załatać lukę w istniejącym motywie. AMP jest tak nowy, że istnieje bardzo mało przykładów, jak włączyć go do swojego motywu WordPress. Byłbym zainteresowany wiedzą, czy ktoś już posunął się tak daleko. Już trochę pracowałem nad rozwojem AMP i uważam, że nie jest to trudne.

    • Próbuję z AMP od 5 miesięcy. I wynik jest taki, że AMP nie jest zalecany dla mojej witryny. Ponieważ AMP psuje wygląd. I tak, AMP WordPress nie daje nam potrzebnych funkcji.

  38. Jak sprawić, by działało dla WooCommerce? Wtyczka AMP wyświetla bardzo podstawowy układ witryny WooCommerce, a menu również traci cały swój styl i formatowanie.

  39. Czy wtyczka AMP nadal działa tylko na Postach, a nie na Stronach? Czy ktoś znalazł rozwiązanie, które działa na całych witrynach? Dzięki!

  40. Cześć! Dzięki za ten AMP Wordpress. Mam pytanie. Czy muszę edytować adresy URL moich starych postów i dodać na końcu /amp?

Zostaw odpowiedź

Dziękujemy za pozostawienie komentarza. Pamiętaj, że wszystkie komentarze są moderowane zgodnie z naszą polityką komentowania, a Twój adres e-mail NIE zostanie opublikowany. Prosimy NIE używać słów kluczowych w polu nazwy. Prowadźmy osobistą i znaczącą rozmowę.