Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Puchar WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Jak poprawnie skonfigurować Google AMP na Twojej witrynie WordPress

Uwaga redakcyjna: Otrzymujemy prowizję z linków partnerskich na WPBeginner. Prowizje nie mają wpływu na opinie i oceny naszych redaktorów. Dowiedz się więcej o Proces redakcyjny.

Z naszego doświadczenia wynika, że niewielkie zmiany w szybkości wczytywania strony mogą stanowić różnicę między tym, czy użytkownicy pozostaną na Twojej witrynie internetowej WordPress, czy też ją opuszczą. To właśnie tutaj Google AMP może być przydatne.

AMP to skrót od Accelerated Mobile Pages i jest to sposób na szybsze wczytywanie twojej witryny internetowej na urządzeniach mobilnych. Szybko wczytujące się witryny internetowe zapewniają lepsze wrażenia użytkownika i mogą poprawić ruch na stronie.

W tym artykule pokażemy, jak skonfigurować Google AMP w WordPress.

How to Properly Setup Google AMP on Your WordPress Site

Co to jest Google AMP?

Google AMP (Accelerated Mobile Pages) to inicjatywa open-source ogłoszona w październiku 2015 roku. Jej celem jest szybsze wczytywanie treści stron internetowych dla użytkowników mobilnych.

Czytanie stron internetowych na urządzeniach mobilnych może być powolne, ponieważ wczytywanie bogatych w treść stron może trwać kilka sekund, pomimo wszelkich wysiłków podejmowanych przez właścicieli witryn internetowych w celu przyspieszenia ich witryn internetowych.

Google AMP używa minimalnego HTML i ograniczonego Javascript i przechowuje treść w pamięci podręcznej Google AMP. Google może następnie wyświetlać tę wersję w pamięci podręcznej użytkownikom natychmiast po kliknięciu twojego odnośnika.

Jest to podobne do Facebook Instant Articles. Ale podczas gdy Instant Articles są ograniczone do aplikacji mobilnych Facebooka, Google AMP jest niezależny od platformy i może być używany przez dowolną przeglądarkę.

Jednak wykorzystanie AMP w Google spada, a pierwsi użytkownicy, tacy jak Twitter, LinkedIn i Reddit, już go nie używają. Ponadto witryny internetowe korzystające z AMP nie są już traktowane priorytetowo na stronach wyników wyszukiwania.

Witryna WPBeginner nigdy nie korzystała z Google AMP, a zamiast tego zalecamy większości witryn internetowych optymalizację stron pod kątem rdzeni Web Vitals.

Jednak oficjalna wtyczka AMP jest nadal dostępna i warto dowiedzieć się, jak krok po kroku skonfigurować Accelerated Mobile Pages w WordPress.

Konfiguracja przyspieszonych stron mobilnych lub AMP w WordPress

Pierwszą rzeczą, którą musisz zrobić, jest zainstalowanie i włączanie wtyczki AMP. Aby uzyskać więcej informacji, zobacz nasz przewodnik krok po kroku, jak zainstalować wtyczkę WordPress.

Po włączaniu otwiera się kreator wdrażania wtyczki, klikając odnośnik u góry strony Wtyczki.

Open the AMP Plugin's Onboarding Wizard

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

Pierwsza strona zawiera przegląd funkcji wtyczki. Po przeczytaniu tego możesz kliknąć przycisk „Dalej”, aby kontynuować.

AMP for WordPress Plugin Onboarding Wizard

Druga strona kreatora pozwala wybrać twoje zaplecze techniczne.

Zaawansowani użytkownicy, którzy rozumieją kod PHP, JavaScript, HTML i CSS, mogą kliknąć pierwszą opcję. Zalecamy jednak, aby większość użytkowników wybrała drugą opcję „nietechniczną”, ponieważ znacznie upraszcza ona konfigurację Google AMP.

AMP for WordPress Plugin Onboarding Wizard

Po wybraniu zaplecza technicznego kliknij przycisk „Dalej”, aby kontynuować.

Wtyczka przeskanuje teraz twoją witrynę w poszukiwaniu problemów ze zgodnością z włączonym motywem i wtyczkami. Po zakończeniu skanowania zostaniesz powiadomiony o wszelkich problemach.

AMP for WordPress Plugin Onboarding Wizard

W kolejnym kroku kreatora wdrażania należy wybrać tryb szablonów. Jeśli podczas skanowania witryny nie znaleziono żadnych problemów, to należy wybrać opcję Standardowy.

W przeciwnym razie należy przeczytać tekst w sekcjach Transitional i Reader i wybrać zalecaną opcję.

AMP for WordPress Plugin Onboarding Wizard

Gratulacje, po kliknięciu przycisku „Dalej” kreator zostanie ukończony i zobaczysz kilka mobilnych podglądów AMP twojej witryny internetowej.

Upewnij się, że kliknąłeś przycisk „Zakończ”, aby zapisać twoje ustawienia.

AMP for WordPress Plugin Onboarding Wizard

Możesz teraz przejść na dowolny wpis na twojej witrynie internetowej i dodać /amp/ na końcu adresu URL w następujący sposób, aby zobaczyć okrojoną wersję AMP wpisu.

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

Będzie on automatycznie wyświetlany na urządzeniach mobilnych.

Uzyskiwanie dokładnych analiz na stronach AMP

Jednym z głównych problemów AMP jest to, że może on wypaczyć twoje dane Google Analytics. Odwiedzający twoje strony AMP nie są dokładnie śledzeni, a nawet mogą być liczeni podwójnie.

Aby uzyskać najdokładniejsze dane analityczne, zalecamy korzystanie z MonsterInsights. Jest to najlepsza wtyczka Google Analytics dla WordPress.

Dodatek MonsterInsights AMP automatycznie poprawi twoje śledzenie, dzięki czemu uzyskasz prawdziwe statystyki dotyczące odwiedzających.

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

Przewodniki ekspertów dotyczące wydajności WordPressa

Google AMP to jeden ze sposobów na poprawę wydajności witryny internetowej na urządzeniach mobilnych. Być może spodoba ci się kilka artykułów na temat preferowanych przez nas metod przyspieszania twojej witryny internetowej WordPress.

Mamy nadzieję, że ten artykuł pomógł ci dowiedzieć się, jak skonfigurować przyspieszone strony mobilne (AMP) w WordPress. Możesz również zapoznać się z naszym przewodnikiem na temat tego, jak poprawić kondycję Twojej witryny WordPress lub z naszymi typami ekspertów dotyczącymi najszybszego hostingu WordPress.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

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

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Najlepszy zestaw narzędzi WordPress

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

Reader Interactions

87 komentarzyZostaw odpowiedź

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. tfk, the5krunner says

    the AMP pluigin disables JS scripts.
    therefore things like
    1. WordPress outbound click stats are disabled
    and
    2. Google adwords conversion tracking is disabled.

    so think carefully before using it

  3. ToTemat says

    I tested AMP on the website for over 6 months. My conclusions are like this. The website worked faster on a mobile basis, but it had no effect on its position. Additionally, plug-in conflicts appeared from time to time. Also, fewer people on AMP pages accessed subsequent pages of the website. That’s why I believe responsive pages are better and more relevant than using AMP. I turned off AMP completely by myself some time ago.

    • WPBeginner Support says

      That would be a personal preference question, we would recommend taking a look at the pros and cons we state at the start of this article.

      Administrator

  4. Sohail Ahmad says

    Hi, I don’t know which one is better for my WordPress basic or advance in the amp.
    can you give me any suggestion about it?

    • WPBeginner Support says

      That would be a personal preference question. For questions about the plugin in its current state, we would recommend reaching out to the plugin’s support.

      Administrator

  5. wishlovequotes says

    Hello Admin
    am facing amp issues with my site
    i have tried all i know but not working because the errors keep increasing on my search console
    i really need help because my site ranking and traffic is affected

    • WPBeginner Support says

      It would depend on the specific errors you are seeing on your site for what would be the issue

      Administrator

  6. mreshane says

    As i can see why 'wpbeginner’ didnt take the step to use AMP on they site, look at all the comments, i think that is why.

    Still got error and bugs to clear, unfortunately i was trying to find solutions for using AMP but after all the comments here, i’ll take back my step … It’s not worth yet but for the Accelearating pages let just use cached plugins for now.

    Until all quite good and no more trouble using AMP i will rewrite my step but for now, lets just stay low.

    Thank you WP Beginner for the articles, it helps.

    • WPBeginner Support says

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

      Administrator

  7. Apoorv says

    ’The site is experiencing technical difficulties.’

    This is what I’m seeing when I’m opening the amp version of my site.

  8. firstfly says

    it’s very interesting, Thanks for sharing a valuable information to us & Knowledgeable also, keep on sharing like this.

  9. Alison Wright says

    HI I wondered have you now started using AMP for your own site or is it still best avoided? Love to know your view.

  10. Mohsen \hefni says

    Hello WP Beginner

    Thanks for your wonderful effort, really you gave mt a lot of help.
    Unfortunately, I couldn’t enable AMP for my website.

    Thanks

    • WPBeginner Support says

      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 :)

      Administrator

  11. Aakash says

    Hey Wpbeginner Can you plz make a guide on how to place ads in amp wordpress websites ?

    Thank you for sharing your Information :-)

  12. Subodh Gupta says

    Now Google AMP showing image size error.

    Image size is smaller than recommended size. Images should be at least 1200 pixels wide.

    That huge. What’s wrong with Google AMP?

    • WPBeginner Support says

      It is a change for Google’s top stories carousel for why that size is now being requested. The AMP plugin is saying that it is receiving that error from Google and letting you know.

      Administrator

  13. nack says

    how can we use wordpess theme into amp layout, because after entring amp url the page layout is not match as per our site url.

      • WPBeginner Support says

        AMP uses limited HTML, CSS, and Javascript. You would want to reach out to your theme to see if there is something that can be done to make the theme more AMP friendly.

        Administrator

  14. Reja says

    Thanks for this valuable article. Not only this one, but also all of your articles are so helpful for us.

    Thanks you all.

  15. Eva Rubio says

    This is a fantastic article! The structure and detail are easy to follow and user friendly. Thanks for sharing.

  16. Friday Alex says

    Thank you for this post!

    I already activated AMP for one of my site and it is performing well but here you did not recommend it.

    Well said, on my next site I will just leave it without implementing AMP and test the two.

    Thanks from Nigeria

  17. Fred Sessoms says

    I see more pitfalls than gains in implementing AMP – particularly with a plugin. For now, I’ll follow your advice and, „not switch to Google AMP, just yet.”

  18. Amin says

    Hi, Thank you indeed for your helpful post. I have two points:

    1- Have you used the AMP yet or not? How can I be notify if you are going to use it in the future?

    2-In w3 total cache, there is an addon for AMP, is that ok?

    For me I will not install the plugin as you recommended.

    I think you can get the best ranking when you have great content, seo, good speed which can be implemented without apm.

    Thanks indeed

  19. Sarah Carter says

    I can’t seem to get AMP analytics working. the Yoast SEO tab for analytics never saves my analytics ID. Any suggestions?

  20. pratik agarwal says

    i need to know if i can add my pages in amp , currently it is just working on posts. when i type PAGE_URL/amp it takes to 404 page

  21. Mathukutty P.V. says

    What is the difference between Automatic AMP and Accelerated Mobile Pages plugin? Free site on wordpress.com is displaying theme header image and better looking in mobile with their AMP plugin,but self hosted site with AMP do not have theme header image and not looking good like free site. Why like this?

  22. zeeshan says

    i have activated amp in my wordpress .. my question is how to now that amp is working on my posts and if i build amp page except main post then what will happen ?

  23. Harold Hunt says

    I am using AMP for WP and have generated and listed some pages. Now I want to discontinue AMP. Can I just delete the AMP for WP plugin or is it a more involved procedure?
    Thanks.

  24. Ashutosh Bharadwaj says

    Hello. I have been using the AMP plugin by Automattic without any issues for the past 6 months. However we started getting AMP errors in search console that said Prohibited or invalid use of HTML Tag on 12 pages including this one

    Has anyone noticed this?

    Posted on the plugin page as well but did not get a reply.

    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. Petra Jonartha says

    AMP can not install in my wordpress
    Every time I try to install it says „installation failed: destination folder already exist” now should I do so that the AMP in wordpress can be installed??

  26. Ryan says

    Yeah I’ve been having the same issue for months. No matter what I enter in the Analytics box, it won’t save.

  27. Dishu Thakur says

    I used this plugin but i got one problem. This plugin added amp page for my home page when i tried to open that link then it will redirect it in blog amp page . How can i change it?

    • David says

      I am getting this same effect. when I go to my domain.com/amp/ It does not show home home page, but it shows blog post page. How can we change it to where it shows home page?

      • Rhett says

        Under the AMP Plugin. Go: AMP/Getting Started/Homepage then enable AMP Frontpage –> custom amp front page. Then, just below that you will select your homepage from the drop down menu.

        It should all (finally) show up on the AMP version if your homepage/front page.
        I hope that helps!

  28. Nick Patel says

    Hie Guys,

    Very informative post and WordPress is among the early supporters of Google AMP Project. Google AMP plugin for WordPress is quite useful for making the mobile web faster i.e. 4 times faster, which will be a crucial factor for enhancing user experience.
    Also, Baidu – the Chinese search engine is now supporting Google AMP project and will consider AMP sites in SERP result as Google has made it a norm for getting higher ranking on search result. Very soon others will be following the same trend and we will be witnessing Google’s footsteps.

    Thanks,
    Nick

  29. Dipendra Shekhawat says

    Great Article. Does anyone knows hoe to trigger AMP automatically when user is viewing our website on mobile device. I mean for viewing AMP pages I dont want to manually go and type /amp at the end of URL. Is there a way?

    • Eslam Tolba says

      As far as I understand, typing /amp at the end of the URL is only for testing, but the plugin already creates the AMP version of the posts and add the related HTML tag to the source code and then google will index those AMP posts and show them to mobile users

  30. Raj singh says

    AMP is not installing in my wordpress .
    Whenever I trying to install it says „Installation failed : Destination folder already exist ”

    Now what I have to do ??

  31. Sankar says

    I have use AMP on my website. But always one error detect on some posts. This is image optimization. I try to to use AMP image html code for insert image on post. But this time no image are shown. How can i fix this problem. Please help me. Thanks in advance.

  32. L. Pazzaglia says

    I WANT to switch to AMP but since many of my posts have recipes, tables and image grids none of these show up on AMP pages.

    I’d like to do AMP pages like the New York Times does, basically there is a long excerpt with a link to continue reading the story that takes you to the non-AMP page.

    Any recommendation on how to find a plug-in or how to tweak the WordPress AMP plug-in to do this?

    Thanks,

    L

  33. Allspired says

    I tried everything in this tutorial, but I still get a blank page when I input myURL/amp/ on my browser. Can you please help me out?

  34. Dave Bergschneider says

    The correct way to implement AMP is to do it as apart of your theme. The AMP plugin is merely a band-aid to bridge the gap from an existing theme. AMP is so new that there’s very little examples of how to include it as your WordPress theme. I’d be interested in knowing if anyone has taken it this far yet. I’ve done some AMP development already and I find it to not be all the difficult.

    • Adjie Purbojati says

      I have trying AMP for a 5 months. And the result is amp not recommend for my site. Because amp make appearance broken. And yes, amp WordPress doesn’t not give features that we need

  35. Vikram Sarin says

    How do we make it work for woocommerce? AMP plugin throws up very basic layout of a woocommerce site with the menu also losing all its style and formatting.

  36. Chris says

    Does the AMP plugin still only work on Posts and not Pages? Has anyone found a solution that works on entire sites? Thx!

  37. Shaeel Iqbal says

    Hey! Thanks for this AMP WordPress. I have a question in my mid. Can i have to edit my old posts URL and add /amp at the end?

Zostaw odpowiedź

Dziękujemy za pozostawienie komentarza. Pamiętaj, że wszystkie komentarze są moderowane zgodnie z naszymi polityka komentarzy, a Twój adres e-mail NIE zostanie opublikowany. NIE używaj słów kluczowych w polu nazwy. Przeprowadźmy osobistą i konstruktywną rozmowę.