Tutoriales de WordPress de Confianza, cuando más los necesitas.
Guía para Principiantes de WordPress
Copa WPB
25 Millones+
Sitios web que usan nuestros plugins
16+
Años de experiencia en WordPress
3000+
Tutoriales de WordPress de expertos

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

Todos quieren un sitio web más rápido para clasificar más alto en los resultados de búsqueda. Sin embargo, Google AMP no siempre es la solución mágica que la gente cree.

Hemos probado innumerables estrategias de rendimiento en WPBeginner. En nuestra experiencia, apresurarse con AMP sin un plan puede dañar el diseño de su sitio.

Si decide que esta tecnología es adecuada para usted, podemos ayudarlo a comenzar de manera segura.

En esta guía, le mostraremos cómo configurar correctamente Google AMP en su sitio de WordPress.

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

¿Qué es Google AMP?

Google AMP (Accelerated Mobile Pages) es un framework de código abierto lanzado por Google en octubre de 2015 para abordar los lentos tiempos de carga de la web móvil. La tecnología crea versiones simplificadas de páginas web que se cargan casi instantáneamente en dispositivos móviles.

Así es como funciona: AMP utiliza una versión simplificada de HTML (llamada AMP HTML), restringe el uso de JavaScript y almacena tu contenido en la red de caché global de Google.

Cuando alguien hace clic en tu enlace AMP desde los resultados de búsqueda, Google sirve la versión en caché directamente desde sus servidores, eliminando los retrasos de carga habituales.

La realidad hoy en día: La adopción de AMP ha disminuido significativamente desde su pico de popularidad. Plataformas importantes como Twitter, LinkedIn y Reddit han descontinuado sus implementaciones de AMP.

Más importante aún, Google ya no da a las páginas AMP un trato preferencial en los rankings de búsqueda, que fue una de las principales razones por las que los sitios web lo adoptaron inicialmente.

Basándonos en nuestra experiencia administrando WPBeginner, nunca hemos implementado AMP en nuestro propio sitio. En cambio, recomendamos enfocar sus esfuerzos de optimización en mejorar Core Web Vitals, lo que ofrece mejores resultados a largo plazo tanto para la experiencia del usuario como para el rendimiento de búsqueda.

Dicho esto, si has decidido que AMP se ajusta a tus objetivos comerciales y requisitos técnicos, el plugin oficial de AMP sigue disponible y funcional. Esta guía te guiará a través del proceso completo de configuración para que puedas implementarlo correctamente.

Configuración de Accelerated Mobile Pages o AMP en WordPress

Lo primero que debes 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.

Al activar, simplemente haga clic en el enlace en la parte superior de la página de Plugins para abrir el asistente de incorporación.

Abrir el asistente de configuración del plugin AMP

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

La primera página te da una descripción general de lo que hace el plugin. Una vez que leas esto, puedes hacer clic en el botón 'Siguiente' para continuar.

Asistente de configuración del plugin AMP para WordPress

La segunda página del asistente te permite elegir tu experiencia técnica.

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

Asistente de configuración del plugin AMP para WordPress

Una vez que haya elegido un fondo técnico, haga clic en el botón 'Siguiente' para continuar.

El plugin ahora escaneará su sitio en busca de problemas de compatibilidad con su tema y plugins activos. Una vez que el escaneo se complete, se le notificará de cualquier problema.

Asistente de configuración del plugin AMP para WordPress

En el siguiente paso del asistente de incorporación, debe elegir un modo de plantilla. Recomendamos elegir la opción Transicional.

Esta configuración asegura que su sitio de escritorio mantenga su diseño y marca originales, mientras crea una versión AMP separada y de carga rápida específicamente para usuarios móviles.

Asistente de configuración del plugin AMP para WordPress

A continuación, haga clic en el botón 'Siguiente'. Ahora verá una vista previa de cómo se ve su sitio en formato AMP.

Asegúrese de hacer clic en el botón 'Finalizar' para guardar su configuración.

Asistente de configuración del plugin AMP para WordPress

Si eligió el modo Transicional o de Lectura, puede visitar cualquier publicación en su sitio web y agregar /amp/ al final de la URL para ver la versión AMP.

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

Esto se mostrará automáticamente en dispositivos móviles.

Obtener análisis precisos en páginas AMP

Uno de los principales problemas con AMP es que puede distorsionar sus datos de Google Analytics. Los visitantes de sus páginas AMP no se rastrean con precisión e incluso pueden contarse dos veces.

Para obtener los análisis más precisos, recomendamos usar MonsterInsights. Es el mejor plugin de Google Analytics para WordPress.

El complemento AMP de MonsterInsights arreglará automáticamente tu seguimiento para que obtengas estadísticas reales de tus visitantes.

Puedes aprender cómo configurar MonsterInsights en nuestra guía para principiantes sobre cómo instalar Google Analytics en WordPress.

Preguntas frecuentes sobre Google AMP

Aquí están algunas de las preguntas más comunes que nuestros lectores hacen sobre la configuración de Google AMP en WordPress.

1. ¿Sigue siendo necesario Google AMP para WordPress?

No, no es estrictamente necesario. En el pasado, Google requería AMP para ciertas funciones de búsqueda móvil como el carrusel de Historias Principales. Ese ya no es el caso.

Hoy en día, la mayoría de los temas modernos y responsivos de WordPress son lo suficientemente rápidos por sí solos. Recomendamos enfocarse en pasar las Core Web Vitals en lugar de mantener una versión AMP separada de su sitio.

2. ¿Instalar AMP perjudicará el SEO de mi sitio?

Instalarlo correctamente suele ayudar a la velocidad móvil, que es un factor de clasificación. Sin embargo, una configuración deficiente puede perjudicar tu SEO. Si a tus páginas AMP les faltan enlaces internos importantes o menús de navegación, las señales de participación del usuario podrían disminuir. Esto puede impactar negativamente en tus clasificaciones con el tiempo.

3. ¿AMP funciona con plugins como WPForms u OptinMonster?

Sí, pero hay limitaciones. Dado que AMP restringe JavaScript, los formularios y pop-ups estándar a menudo dejan de funcionar. Debes usar las integraciones específicas de AMP proporcionadas por herramientas como WPForms y OptinMonster. Sin estas configuraciones específicas, tus herramientas de generación de leads podrían no aparecer en dispositivos móviles.

4. ¿Puedo eliminar AMP fácilmente si no me gusta?

Puedes eliminarlo, pero debes tener cuidado. Si simplemente desactivas el plugin, Google aún podría intentar enviar visitantes a las versiones AMP de tus páginas, lo que resultaría en errores 404.

Para solucionar esto, necesitarás configurar redireccionamientos adecuados para enviar el tráfico móvil de regreso a tu sitio móvil estándar. Recomendamos usar el Administrador de Redireccionamientos en All in One SEO (AIOSEO) para manejar esto fácilmente.

5. ¿Cuál es la diferencia entre "mobile-friendly" y AMP?

Un sitio "mobile-friendly" es el diseño de tu sitio web normal que ajusta su diseño para adaptarse a pantallas pequeñas. Mantiene toda tu marca, estilos y scripts. AMP es una versión completamente separada de tu página. Elimina la mayor parte del código pesado para cargarse instantáneamente, a menudo sacrificando tus elementos de diseño específicos en el proceso.

Recursos adicionales sobre el rendimiento de WordPress

Google AMP es una forma de mejorar el rendimiento del sitio web en dispositivos móviles. Te puede interesar ver algunos artículos sobre nuestros métodos preferidos para acelerar tu sitio web de WordPress.

Esperamos que este artículo te haya ayudado a aprender cómo configurar las Páginas Móviles Aceleradas (AMP) en WordPress. También te puede interesar ver nuestra guía sobre cómo mejorar la salud de tu sitio de WordPress o nuestras selecciones expertas sobre el alojamiento de WordPress más rápido.

Si te gustó este artículo, suscríbete a nuestro canal de YouTube para obtener tutoriales en video de WordPress. También puedes encontrarnos en Twitter y Facebook.

Descargo de responsabilidad: Nuestro contenido es compatible con el lector. Esto significa que si haces clic en algunos de nuestros enlaces, podemos ganar una comisión. Consulta cómo se financia WPBeginner, por qué es importante y cómo puedes apoyarnos. Aquí está nuestro proceso editorial.

El Kit de herramientas definitivo para WordPress

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

Interacciones del lector

86 CommentsLeave a Reply

  1. el plugin AMP deshabilita los scripts de JS.
    por lo tanto, cosas como
    1. las estadísticas de clics salientes de Wordpress están deshabilitadas
    y
    2. el seguimiento de conversiones de Google Adwords está deshabilitado.

    así que piénsalo bien antes de usarlo

  2. Probé AMP en el sitio web durante más de 6 meses. Mis conclusiones son las siguientes. El sitio web funcionaba más rápido en el móvil, pero no tuvo ningún efecto en su posición. Además, aparecieron conflictos de plugins de vez en cuando. También, menos personas en las páginas AMP accedieron a páginas subsiguientes del sitio web. Es por eso que creo que las páginas responsivas son mejores y más relevantes que usar AMP. Desactivé AMP por completo hace algún tiempo.

    • Esa sería una pregunta de preferencia personal, te recomendamos que eches un vistazo a los pros y contras que exponemos al principio de este artículo.

      Administrador

    • Esa sería una pregunta de preferencia personal. Para preguntas sobre el plugin en su estado actual, te recomendamos contactar al soporte del plugin.

      Administrador

  3. Hola Administrador
    Estoy teniendo problemas con AMP en mi sitio web.
    He intentado todo lo que sé pero no funciona porque los errores siguen aumentando en mi consola de búsqueda.
    Realmente necesito ayuda porque mi clasificación y tráfico del sitio se ven afectados.

  4. Veo por qué 'wpbeginner' no dio el paso de usar AMP en su sitio, miren todos los comentarios, creo que por eso.

    Todavía tengo errores y bugs que resolver, desafortunadamente estaba tratando de encontrar soluciones para usar AMP pero después de todos los comentarios aquí, me retractaré... Todavía no vale la pena, pero para acelerar las páginas, usemos plugins de caché por ahora.

    Hasta que todo esté bastante bien y no haya más problemas usando AMP, reescribiré mi paso, pero por ahora, mantengámonos bajos.

    Gracias WP Beginner por los artículos, ayuda.

  5. Hola, me pregunto si ya has empezado a usar AMP en tu propio sitio o si todavía es mejor evitarlo. Me encantaría saber tu opinión.

  6. Hola WP Beginner

    Gracias por tu maravilloso esfuerzo, de verdad me ayudaste mucho.
    Desafortunadamente, no pude habilitar AMP para mi sitio web.

    Gracias

    • 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

  7. Oye Wpbeginner, ¿puedes hacer una guía sobre cómo colocar anuncios en sitios web de WordPress con AMP?

    Thank you for sharing your Information :-)

  8. Ahora Google AMP muestra un error de tamaño de imagen.

    El tamaño de la imagen es menor que el tamaño recomendado. Las imágenes deben tener al menos 1200 píxeles de ancho.

    Tan grande. ¿Qué pasa con Google AMP?

    • Es un cambio para el carrusel de las principales noticias de Google por el que ahora se solicita ese tamaño. El plugin AMP dice que está recibiendo ese error de Google y te lo hace saber.

      Administrador

  9. ¿Cómo podemos usar el tema de WordPress en el diseño AMP, porque después de ingresar la URL AMP, el diseño de la página no coincide con la URL de nuestro sitio?

  10. ¡Gracias por esta publicación!

    Ya activé AMP para uno de mis sitios y está funcionando bien, pero aquí no lo recomiendas.

    Bien dicho, en mi próximo sitio simplemente lo dejaré sin implementar AMP y probaré los dos.

    Gracias desde Nigeria

  11. Veo más obstáculos que beneficios al implementar AMP – particularmente con un plugin. Por ahora, seguiré tu consejo y, "no cambiaré a Google AMP, todavía no".

  12. Hola, gracias de verdad por tu útil publicación. Tengo dos puntos:

    1- ¿Has usado AMP ya o no? ¿Cómo puedo ser notificado si vas a usarlo en el futuro?

    2- En w3 total cache, hay un complemento para AMP, ¿está bien?

    Yo no instalaré el plugin como recomendaste.

    Creo que puedes obtener el mejor ranking cuando tienes gran contenido, SEO, buena velocidad que se puede implementar sin AMP.

    Gracias de verdad

  13. No parece que la analítica de AMP funcione. La pestaña de Yoast SEO para analítica nunca guarda mi ID de analítica. ¿Alguna sugerencia?

  14. Necesito saber si puedo agregar mis páginas en AMP, actualmente solo funciona en publicaciones. Cuando escribo URL_PAGINA/amp me lleva a una página 404

  15. ¿Cuál es la diferencia entre Automatic AMP y el plugin Accelerated Mobile Pages? Un sitio gratuito en wordpress.com muestra la imagen del encabezado del tema y se ve mejor en móvil con su plugin AMP, pero un sitio autoalojado con AMP no tiene la imagen del encabezado del tema y no se ve bien como el sitio gratuito. ¿Por qué es así?

  16. He activado AMP en mi WordPress... mi pregunta es cómo saber si AMP está funcionando en mis publicaciones y si creo una página AMP además de la publicación principal, ¿qué sucederá?

  17. Estoy usando AMP for WP y he generado y listado algunas páginas. Ahora quiero descontinuar AMP. ¿Puedo simplemente eliminar el plugin AMP for WP o es un procedimiento más complejo?
    Gracias.

  18. Hola. He estado usando el plugin AMP de Automattic sin problemas durante los últimos 6 meses. Sin embargo, comenzamos a recibir errores de AMP en la consola de búsqueda que decían Uso prohibido o inválido de etiqueta HTML en 12 páginas, incluida esta.

    ¿Alguien ha notado esto?

    Publicado también en la página del plugin pero no obtuve respuesta.

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

  19. AMP no se puede instalar en mi WordPress
    Cada vez que intento instalarlo, dice "falló la instalación: la carpeta de destino ya existe". ¿Qué debo hacer ahora para que AMP se pueda instalar en WordPress??

  20. Usé este plugin pero tuve un problema. Este plugin agregó una página AMP para mi página de inicio, cuando intenté abrir ese enlace, me redirige a la página AMP del blog. ¿Cómo puedo cambiarlo?

    • Estoy teniendo el mismo efecto. Cuando voy a mi domain.com/amp/ no muestra la página de inicio, sino la página de publicación del blog. ¿Cómo podemos cambiarlo para que muestre la página de inicio?

      • Bajo el Plugin AMP. Ve a: AMP/Getting Started/Homepage y luego activa AMP Frontpage –> custom amp front page. Luego, justo debajo de eso, seleccionarás tu página de inicio en el menú desplegable.

        Todo debería (finalmente) aparecer en la versión AMP si tu página de inicio.
        ¡Espero que eso ayude!

  21. Hola a todos,

    Publicación muy informativa y WordPress se encuentra entre los primeros patrocinadores del Proyecto AMP de Google. El plugin AMP de Google para WordPress es bastante útil para hacer que la web móvil sea más rápida, es decir, 4 veces más rápida, lo que será un factor crucial para mejorar la experiencia del usuario.
    Además, Baidu, el motor de búsqueda chino, ahora apoya el proyecto AMP de Google y considerará los sitios AMP en los resultados de SERP, ya que Google lo ha convertido en una norma para obtener una clasificación más alta en los resultados de búsqueda. Muy pronto otros seguirán la misma tendencia y seremos testigos de los pasos de Google.

    Gracias,
    Nick

  22. Gran artículo. ¿Alguien sabe cómo activar AMP automáticamente cuando un usuario está viendo nuestro sitio web en un dispositivo móvil? Quiero decir, para ver las páginas AMP, no quiero ir manualmente y escribir /amp al final de la URL. ¿Hay alguna manera?

    • Por lo que entiendo, escribir /amp al final de la URL es solo para pruebas, pero el plugin ya crea la versión AMP de las publicaciones y agrega la etiqueta HTML relacionada al código fuente, y luego Google indexará esas publicaciones AMP y se las mostrará a los usuarios móviles.

  23. Hola,

    ¿Qué plugin de iconos de redes sociales es compatible con el plugin AMP que mencionaste?

    ¡Gracias!
    Michael

  24. AMP no se está instalando en mi WordPress.
    Cada vez que intento instalarlo, dice "Instalación fallida: La carpeta de destino ya existe"

    ¿Ahora qué tengo que hacer??

  25. He usado AMP en mi sitio web. Pero siempre se detecta un error en algunas publicaciones. Esto es optimización de imágenes. Intento usar el código HTML de imagen AMP para insertar imágenes en las publicaciones. Pero esta vez no se muestran imágenes. ¿Cómo puedo solucionar este problema? Por favor, ayúdenme. Gracias de antemano.

  26. QUIERO cambiar a AMP, pero como muchas de mis publicaciones tienen recetas, tablas y cuadrículas de imágenes, ninguna de estas aparece en las páginas AMP.

    Me gustaría tener páginas AMP como las tiene el New York Times, básicamente hay un extracto largo con un enlace para seguir leyendo la historia que te lleva a la página que no es AMP.

    ¿Alguna recomendación sobre cómo encontrar un plugin o cómo ajustar el plugin AMP de WordPress para hacer esto?

    Gracias,

    L

  27. Intenté todo en este tutorial, pero todavía obtengo una página en blanco cuando ingreso miURL/amp/ en mi navegador. ¿Podrías ayudarme?

  28. La forma correcta de implementar AMP es hacerlo como parte de tu tema. El plugin AMP es meramente un paliativo para salvar la brecha de un tema existente. AMP es tan nuevo que hay muy pocos ejemplos de cómo incluirlo como tu tema de WordPress. Me interesaría saber si alguien ha llegado tan lejos. Ya he hecho algo de desarrollo AMP y encuentro que no es tan difícil.

    • He estado probando AMP durante 5 meses. Y el resultado es que AMP no es recomendable para mi sitio. Porque AMP rompe la apariencia. Y sí, AMP de WordPress no ofrece las características que necesitamos.

  29. ¿Cómo hacemos que funcione para WooCommerce? El plugin AMP presenta un diseño muy básico de un sitio WooCommerce, y el menú también pierde todo su estilo y formato.

  30. ¿El plugin AMP todavía solo funciona en Publicaciones y no en Páginas? ¿Alguien ha encontrado una solución que funcione en sitios completos? ¡Gracias!

  31. ¡Hola! Gracias por este AMP de WordPress. Tengo una pregunta. ¿Puedo editar la URL de mis publicaciones antiguas y agregar /amp al final?

Deja una respuesta

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