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.

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

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.

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.

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.

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.

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.

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.

• La guía definitiva para mejorar la velocidad y el rendimiento de WordPress
• Cómo acelerar tu sitio web de comercio electrónico (consejos probados)
• ¿Por qué necesitas una CDN para tu blog de WordPress? [Infografía]
• Cómo optimizar las Core Web Vitals para WordPress (Guía definitiva)
• ¿Qué es la puntuación INP de Google y cómo mejorarla en WordPress?
• Cómo optimizar imágenes para el rendimiento web sin perder calidad
• Cómo usar el plugin GTmetrix para mejorar el rendimiento del sitio de WordPress
• Cómo aumentamos la velocidad de carga de página en WPBeginner
• Cómo realizar correctamente una prueba de velocidad de sitio web (mejores herramientas)

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.