Pocas cosas son más frustrantes que visitar un sitio web y descubrir que su página de inicio tarda años en cargarse. Peor aún, es cuando las imágenes son de mala calidad y los diseños no están bien optimizados.
De hecho, un estudio de Google encontró que el 53 por ciento de las personas abandonan los sitios que no se cargan en tres segundos o menos, lo que conduce a altas tasas de rebote y disminución de los ingresos.
Para hacer frente a estos problemas, Google creó las páginas móviles aceleradas (AMP). AMP no solo acelera el tiempo de carga de sus sitios, sino que también lo ayuda a diseñar un sitio atractivo, una experiencia móvil emocionante y un aumento en la tasa promedio de clics (CTR).
En esta guía, explicaremos por qué Google AMP es el formato preferido de Google para páginas móviles y cómo puede implementar AMP para WordPress.
¿Qué es AMP de Google?
Google AMP es un marco de componentes web lanzado en octubre de 2015 para ayudar a crear y crear sitios web ligeros y centrados en el usuario. La iniciativa móvil está diseñada para acelerar la web ofreciendo una versión simplificada de su página web.
Muchas grandes empresas, incluidas WordPress, Pinterest, Washington Post y Reddit, han adoptado AMP y han experimentado un aumento de visitantes únicos mensuales.
Cuando su página web se muestre a los usuarios de dispositivos móviles a través de AMP en Google, se verá básica y simplista, logrando así el objetivo de AMP de experiencias dinámicas y ultrarrápidas y una mejor usabilidad.
¿Necesita AMP en su sitio de WordPress?
AMP es rápido, pero no es la única forma de hacer que las páginas web se carguen más rápido o aumentar la velocidad de su sitio.
Hay muchos estudios de casos que demuestran el impacto positivo de los AMP en los editores, las empresas y otras industrias, pero también hay muchas fallas en los estudios de casos. Esto significa que no hay una decisión clara sobre si AMP es para todos los sitios o no.
Sin embargo, lo que suena cierto es que el éxito de AMP depende de algunos factores de decisión. Por ejemplo, si sus usuarios provienen principalmente del escritorio, AMP no es para usted porque las páginas de AMP no se muestran con características ricas en el escritorio y no se sirven desde el caché de AMP, por lo que es posible que los usuarios no disfruten de estos beneficios.
La regla de oro es que AMP se recomienda principalmente para editores que ejecutan sitios de noticias y blogs. Cualquier otra cosa, como un sitio de cartera o páginas de destino, no necesariamente necesita AMP.
Además, si sus páginas que no son AMP pueden cargarse dentro o por debajo del estándar de 2,5 segundos, probablemente no necesite instalar o mantener AMP.
Cómo implementar AMP en un sitio de WordPress
Crear una versión AMP de su página web en WordPress puede parecer una tarea que solo los desarrolladores pueden manejar, pero con un poco de conocimiento y orientación, puede hacerlo por su cuenta.
Google tiene un proceso de flujo de trabajo que lo guía a medida que crea una página AMP, integra y optimiza la página, configura el seguimiento analítico y luego diseña la página para las necesidades de su sitio.
Para comenzar, Google le proporcionará un código de plantilla, que puede copiar y guardar en una extensión .html, y luego agregar el marcado requerido. Esto convertirá la página en un documento AMP HTML viable.
Antes de publicar, puede incluir imágenes, modificar el diseño, optimizar la página para SEO, obtener una vista previa y finalizar las páginas siguiendo las instrucciones proporcionadas en la barra lateral.
Si lo desea, puede experimentar con AMP en la página de inicio de amp.dev antes de probarlo en su propio sitio de WordPress.
Cómo instalar Google AMP en WordPress
La configuración e instalación manual de Google AMP en su sitio de WordPress es complicada. Sin embargo, puede usar complementos como el complemento oficial de AMP para WordPress, AMP para WP o AMP WP para simplificar el proceso.
Para esta guía, le mostraremos cómo configurar e instalar AMP en un sitio de WordPress utilizando el complemento oficial de WordPress AMP.
Cómo usar el complemento AMP de WordPress para instalar AMP
- Para comenzar, instale y active el complemento AMP de WordPress en su sitio de WordPress. Vaya al panel de control de WordPress, seleccione Complementos > Agregar nuevo.
- Escriba Complemento AMP en el cuadro de búsqueda y seleccione Instalar ahora para instalar el complemento.
Nota: si está utilizando WordPress.com, debe actualizar al plan Business para instalar cualquier complemento.
- Vaya a Complementos > Complementos instalados, busque AMP y seleccione el enlace Activar para activar el complemento AMP y hacer que funcione en su sitio.
- Una vez que active el complemento, ajuste la configuración para personalizar las páginas de AMP. Para configurar el complemento, vaya a AMP > Configuración y use el asistente para configurar la configuración de su página AMP.
- Seleccione el botón Publicar una vez que haya terminado de ajustar la configuración. Tu sitio no será visible para tus visitantes ni podrá ser descubierto por Google, pero puedes elegir si deseas que las páginas, las publicaciones o ambas se muestren en tu sitio AMP. Para hacer esto, vaya a AMP > Configuración > Configuración avanzada y anule la selección de la casilla de verificación Plantillas admitidas para obtener más opciones.
- Seleccione las opciones que desee y luego seleccione Guardar cambios.
- También puede integrar Yoast SEO en su configuración de AMP yendo a Complementos > Agregar nuevo y luego busque Yoast SEO y AMP.
- Seleccione Instalar ahora y active el complemento. Una vez activado, vaya a SEO y seleccione AMP para obtener más opciones de personalización para su página y luego seleccione Guardar cambios.
- Antes de publicar, obtenga una vista previa de su sitio AMP agregando amp al final de cualquier publicación o URL de página que desee. Por ejemplo, puede ir a https://yourwebsite.com/blog-post-title/amp/
Cómo validar WordPress AMP
Con AMP instalado en su sitio de WordPress, el siguiente paso es probar que funciona correctamente. No solo eso, sino que la validación también garantiza que las plataformas admitidas puedan acceder y vincularse a su sitio, y puede encontrar errores de AMP para solucionar problemas.
Puede validar WordPress AMP manualmente o utilizando la herramienta de prueba de AMP de Google.
Cómo validar WordPress AMP manualmente
- Para hacer esto, abra una página AMP y luego agregue #desarrollo=1 al final de la URL de la página web que está validando.
- Vaya a su navegador y abra la consola de herramientas para desarrolladores. Si está utilizando Firefox, seleccione el menú > Desarrollador web > Consola web. Si hay algún error en la página de AMP, se resaltará en rojo.
Los errores de validación pueden deberse a un código incorrecto, prefijos no válidos o etiquetas no permitidas, pero verá una explicación de las causas junto al error.
Cómo validar AMP de WordPress usando la herramienta de prueba de AMP de Google
- Abra la página de la herramienta de prueba de Google AMP, ingrese la URL de su sitio, publicación o página, y luego seleccione URL de prueba. También puede pegar el código del sitio y seleccionar Probar URL.
- Googlebot analizará su sitio y, si es válido, verá una vista previa de cómo podrían aparecer sus páginas AMP en las SERP de Google.
Con la herramienta de prueba de Google AMP, puede identificar los errores de AMP y ver el código que causa el problema en su sitio. También puede seleccionar el botón Compartir para compartir el análisis con sus colegas.
También puede usar la herramienta Google AMP Validator para asegurarse de que su código sea validado, o usar la extensión Chrome AMP, que también valida las páginas y muestra cualquier advertencia o error.
AMP mejora tu sitio de WordPress
Google AMP es un cambio importante para cualquier sitio, especialmente si ya tiene mucho tráfico móvil. Si ejecuta un sitio con contenido de noticias, puede tener sentido instalar AMP de inmediato, pero para otras empresas, podría perjudicar sus conversiones si se equivoca.
Recomendamos probar AMP en algunas páginas de alto tráfico para ver si obtiene resultados positivos o negativos antes de tomar la decisión de usarlo en todo su sitio.
