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

Cómo configurar correctamente Google AMP en su sitio de WordPress

Según nuestra experiencia, los pequeños cambios en la velocidad de carga de las páginas pueden marcar la diferencia entre que los usuarios permanezcan en tu sitio web de WordPress o abandonen el sitio. Aquí es donde Google AMP puede ser útil.

AMP significa Accelerated Mobile Pages (Páginas Móviles Aceleradas) y es una forma de hacer que su sitio web se cargue más rápido en dispositivos móviles. Los sitios web de carga rápida ofrecen una mejor experiencia de usuario y pueden mejorar el tráfico.

En este artículo, le mostraremos cómo establecer Google AMP en WordPress.

How to Properly Setup Google AMP on Your WordPress Site

¿Qué es Google AMP?

Google AMP (Accelerated Mobile Pages) es una iniciativa de código abierto anunciada en octubre de 2015. Su objetivo es hacer que el contenido web se cargue más rápido para los usuarios móviles.

La lectura de páginas web en dispositivos móviles puede ser lenta porque las páginas con mucho contenido pueden tardar varios segundos en cargarse, a pesar de todos los esfuerzos de los propietarios de los sitios por acelerarlos.

Google AMP utiliza un HTML mínimo y Javascript limitado y almacena el contenido en la caché de Google AMP. Google puede entonces servir esta versión en caché a los usuarios al instante cuando hacen clic en tu enlace.

Es similar a Facebook Instant Articles. Pero mientras que los Instant Articles se limitan a las aplicaciones móviles de Facebook, Google AMP es independiente de la plataforma y puede utilizarse en cualquier navegador.

Sin embargo, el uso de Google AMP está disminuyendo, y los primeros en adoptarlo, como Twitter, LinkedIn y Reddit, ya no lo utilizan. Además, los sitios web que utilizan AMP ya no tienen prioridad en las páginas de resultados de búsqueda.

El sitio web WPBeginner nunca ha utilizado Google AMP, y recomendamos que la mayoría de los sitios web optimicen las páginas para Google AMP.

Sin embargo, el plugin oficial de AMP sigue disponible, y es posible que desee aprender a establecer Accelerated Mobile Pages en WordPress paso a paso.

Establecer páginas móviles aceleradas o AMP en WordPress

Lo primero que tienes que hacer es instalar y activar el plugin AMP. Para más detalles, consulta nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.

Una vez activado, abra el asistente de puesta en marcha del plugin al hacer clic en el enlace situado en la parte superior de la página Plugins.

Open the AMP Plugin's Onboarding Wizard

Nota: El plugin AMP tiene problemas de compatibilidad con algunos plugins populares de WordPress, como WPCode, el principal plugin de fragmentos de código. Se te avisará de cualquier plugin activo incompatible en la parte superior de la página.

La primera página te da una visión general de lo que hace el plugin. Una vez leído esto, puede hacer clic en el botón “Siguiente” para continuar.

AMP for WordPress Plugin Onboarding Wizard

La segunda página del asistente le permite elegir su formación técnica.

Los usuarios avanzados que entiendan de código PHP, JavaScript, HTML y CSS pueden hacer clic en la primera opción. Sin embargo, recomendamos a la mayoría de los usuarios que elijan la segunda opción “no técnica” porque hace que establecer Google AMP sea mucho más sencillo.

AMP for WordPress Plugin Onboarding Wizard

Cuando haya elegido un fondo técnico, haga clic en el botón “Siguiente” para continuar.

El plugin explorará su sitio en busca de problemas de compatibilidad con su tema y plugins activos. Una vez explorado, se le avisará de cualquier problema / conflicto / incidencia.

AMP for WordPress Plugin Onboarding Wizard

En el siguiente paso del asistente de puesta en marcha, debe elegir un modo de plantillas. Si no se han encontrado problemas durante la exploración del sitio, debe elegir la opción Estándar.

En caso contrario, debe leer el texto de las secciones Transición y Lector y elegir la opción recomendada.

AMP for WordPress Plugin Onboarding Wizard

Enhorabuena, al hacer clic en el botón “Siguiente” el asistente se habrá completado y podrás ver varias vistas previas de AMP para móviles de tu sitio web.

Asegúrate de hacer clic en el botón “Finalizar” para almacenar los ajustes.

AMP for WordPress Plugin Onboarding Wizard

Ahora puedes visitar cualquier entrada de tu sitio web y añadir /amp/ al final de la URL para ver una versión AMP reducida de la entrada.

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

Se mostrará automáticamente en los dispositivos móviles.

Obtención de análisis precisos en páginas AMP

Uno de los principales problemas de AMP es que puede distorsionar los datos de Google Analytics. No se realiza un seguimiento preciso de los visitantes de las páginas AMP, que pueden incluso duplicarse.

Para las analíticas más precisas, recomendamos usar MonsterInsights. Es el mejor plugin de Google Analytics para WordPress.

La extensión MonsterInsights AMP corregirá automáticamente su seguimiento para que pueda obtener las estadísticas reales de sus visitantes.

Puede aprender a establecer MonsterInsights en nuestra guía práctica sobre cómo instalar Google Analytics en WordPress.

Guías de expertos sobre el rendimiento de WordPress

Google AMP es una forma de mejorar el rendimiento del sitio web en móviles. Puede que te interese ver algunos artículos sobre nuestros métodos preferidos para acelerar tu sitio web en WordPress.

Esperamos que este artículo te haya ayudado a establecer las Páginas Móviles Aceleradas (AMP) en WordPress. Puede que también quieras ver nuestra guía sobre cómo mejorar la salud de tu sitio WordPress o nuestra selección de expertos sobre el alojamiento WordPress más rápido.

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.

Descargo: Nuestro contenido está apoyado por los lectores. Esto significa que si hace clic en algunos de nuestros enlaces, podemos ganar una comisión. Vea cómo se financia WPBeginner , por qué es importante, y cómo puede apoyarnos. Aquí está nuestro proceso editorial .

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.

El último kit de herramientas de WordPress

Obtenga acceso GRATUITO a nuestro kit de herramientas - una colección de productos y recursos relacionados con WordPress que todo profesional debería tener!

Reader Interactions

86 comentariosDeja una respuesta

  1. prabhat

    sir i want some help
    Should I enable amp or Not?
    Please answer me….

    • WPBeginner Support

      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.

      Administrador

  2. Sohail Ahmad

    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

      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.

      Administrador

  3. wishlovequotes

    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

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

      Administrador

  4. waqas majeed

    great article i must say

    • WPBeginner Support

      Thank you, glad you liked our guide :)

      Administrador

  5. mreshane

    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

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

      Administrador

  6. Apoorv

    ‘The site is experiencing technical difficulties.’

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

  7. Wapdite

    Nice one am just hearing about amp but don’t know it’s worth

    • WPBeginner Support

      Glad our guide could help inform you :)

      Administrador

  8. Akash Gogoi

    I got frustrated because I was finding not solution before reading your article. Thanks for your help.

    • WPBeginner Support

      Glad our recommendations could help :)

      Administrador

  9. firstfly

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

    • WPBeginner Support

      You’re welcome, glad you liked our content :)

      Administrador

  10. Alison Wright

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

    • WPBeginner Support

      We are not currently using AMP on our site.

      Administrador

  11. Mohsen \hefni

    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

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

      Administrador

  12. Aakash

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

    Thank you for sharing your Information :-)

    • WPBeginner Support

      We’ll certainly take a look if we can add that in an article. )

      Administrador

  13. Mark Worthen

    Will you all be updating this article, since it is two years old?

    • WPBeginner Support

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

      Administrador

  14. Subodh Gupta

    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

      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.

      Administrador

  15. nack

    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.

    • Biswajit Das

      Me too. My css file not work when i will activate amp plugin.

      • WPBeginner Support

        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.

        Administrador

  16. Reja

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

    Thanks you all.

  17. Krish Patel

    You Don’t Need AMP Because wpbeginner.com is as fast as AMP .

  18. Eva Rubio

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

  19. Mukul

    Hi, is there any option to auto redirect user to amp site while using mobile.

  20. Friday Alex

    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

  21. Fred Sessoms

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

  22. Henry

    How do I add Adsense on my AMP page

  23. Amin

    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

  24. Sarah Carter

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

  25. pratik agarwal

    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

  26. Ben

    Is there a WordPress AMP plugin that also supports AMP for pages and not just for posts?

  27. Mathukutty P.V.

    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?

  28. Marius

    Do You know if the Plugin is compatible with the Elementor Plugin?

  29. zeeshan

    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 ?

  30. Harold Hunt

    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.

  31. Ashutosh Bharadwaj

    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. :(

    • Bryan Veloso

      Use the AMPforWP plugin, it’s wayyy better than the AMP plugin by Automattic

  32. Petra Jonartha

    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??

  33. Aval

    Adsense code adds in the setting section.

    Let me know if your problem not resolved.

    Thanks,

  34. Ryan

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

  35. Dishu Thakur

    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

      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

        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!

  36. Nick Patel

    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

  37. Dipendra Shekhawat

    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

      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

  38. Michael

    Hi,

    Which Social Media icons plugin is compatible with your mentioned AMP plugin?

    Thanks!
    Michael

  39. Raj singh

    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 ??

    • WPBeginner Support

      Hey Raj,

      It looks like your previous attempt to install the plugin was interrupted. You need to connect to your website using FTP and then go to wp-content/plugins/ folder. Locate the AMP plugin folder and delete it.

      Administrador

  40. Sankar

    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.

  41. L. Pazzaglia

    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

  42. Allspired

    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?

  43. Ashoksinh

    Nice post,
    is anyone has tried AMP ? and is make difference in google ranking ? please tell me ?

    • Pooja

      Yes , it helps to improve the ranking.

  44. Dave Bergschneider

    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

      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

  45. Vikram Sarin

    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.

  46. Chris

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

    • Ellen

      To make it work on pages, you can use the AMP for WP plugin (this plugin requires the AMP plugin).

  47. Shaeel Iqbal

    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?

    • WPBeginner Support

      No, the plugin will automatically add it and Google will automatically show the amp URL whenever it is available.

      Administrador

  48. Elijah

    Thank you very much. Am waiting for when they’ll accept Facebook audience network

  49. Gary

    Great article!! Do you know if it’s possible to remove the “powered by Wordpress” in the footer of our post AMP page? See here >>

    Super thanks
    Gaz

  50. Francesco

    Hi guys,
    great guide. What about when Google search console notify me invalid css stylesheet for amp page?

Deja tu comentario

Gracias por elegir dejar un comentario. Tenga en cuenta que todos los comentarios son moderados de acuerdo con nuestros política de comentarios, y su dirección de correo electrónico NO será publicada. Por favor, NO utilice palabras clave en el campo de nombre. Tengamos una conversación personal y significativa.