Pocas cosas pueden ser más frustrantes que visitar un sitio web y descubrir que su página de inicio tarda mucho 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 realizado por Google encontró que el 53 por ciento de los visitantes abandonan los sitios web que no se cargan en tres segundos o menos, lo que resulta en tasas de rebote más altas y menores ingresos.
Para hacer frente a estos problemas, Google creó la tecnología Accelerated Mobile Pages (AMP). Las páginas AMP no funcionan en Acelera el tiempo de carga de tu sitio web No solo lo ayuda a proporcionar un diseño atractivo, una experiencia móvil emocionante y aumentar su tasa de clics (CTR) promedio.
En esta guía, explicaremos por qué las páginas AMP de Google son el formato preferido de Google para páginas móviles y cómo puede implementar AMP para WordPress.
¿Qué son las páginas AMP en Google?
Google AMP Pages es un marco de componentes web lanzado en octubre de 2015 para ayudar a crear y construir sitios web ligeros mientras brinda una buena experiencia de usuario. La iniciativa móvil está diseñada para acelerar la web proporcionando una versión abstracta de sus páginas web.
Muchas grandes empresas, incluidas WordPress, Pinterest, Washington Post y Reddit, han confiado en las páginas de AMP y han visto Incremento en el número de visitantes únicos por mes.
Cuando su página web se muestre a los usuarios móviles a través de AMP de Google, se verá básica y optimizada, logrando así el objetivo de AMP de experiencias rápidas y dinámicas con una mejor usabilidad.
Las páginas AMP se cargan rápidamente porque están diseñadas específicamente para la velocidad. A los navegadores les resulta mucho más fácil (y, por lo tanto, más rápido) interpretar el código HTML de las páginas AMP, porque son más fluidos y están diseñados para ayudar a los desarrolladores a evitar problemas de código comunes que provocan cargas lentas de la página.
Aún mejor, las páginas AMP se pueden servir directamente desde el caché AMP de Google. Cuando sea posible, Google elegirá mostrar la versión en caché de la página, que proporciona la carga más rápida. Y cuando el caché no se puede procesar (debido a la incompatibilidad con una función u otras razones técnicas), la página se cargará en formato AMP desde su navegador web. Y aunque no es tan rápido como renderizar desde la memoria caché, sigue siendo más rápido que las páginas normales que no son AMP.
¿Necesita páginas AMP en un sitio de WordPress?
Las páginas AMP se cargan rápido, pero no es la única manera de hacer que las páginas web se carguen más rápido o aumentar la velocidad de su sitio web.
Hay muchos casos de estudio que muestran el impacto positivo de las páginas AMP en editores, empresas y otras industrias, pero también hay muchos casos de estudio que fallan. Esto significa que no hay una decisión clara sobre si las páginas AMP son adecuadas o no para todos los sitios web.
Pero lo que parece cierto es que el éxito de las páginas AMP depende de algunos factores de decisión. Por ejemplo, si la mayoría de sus visitantes usan principalmente computadoras de escritorio, entonces las páginas de AMP no son para usted porque las páginas de AMP no se procesan con características ricas en el escritorio y no se sirven desde el caché de AMP de Google, por lo que es posible que los usuarios no tengan estos beneficios.
La regla de oro es que las páginas AMP se recomiendan principalmente para editores que ejecutan sitios web y blogs de noticias. Cualquier otra cosa, como un sitio de cartera funcional o páginas de destino, no necesariamente necesita la tecnología AMP.
Además, si sus páginas que no son AMP pueden cargarse en 2.5 segundos o menos, probablemente no necesite instalar AMP.
Cómo implementar AMP en un sitio de WordPress
Crear una versión AMP de su página web de WordPress puede parecer una tarea que solo los desarrolladores pueden manejar, pero con un poco de conocimiento y algunas pautas, puede hacerlo usted mismo.
Google tiene un flujo de trabajo que lo guía a través de la creación de páginas AMP, integrando y optimizando la página, configurando el seguimiento analítico y luego adaptando la página a las necesidades de su sitio web.
Para comenzar, Google le proporcionará el código de la plantilla, que puede copiar y guardar como una extensión .html, luego agregar la programación requerida. Esto convertirá la página en un documento AMP HTML viable.
Antes de publicar, puede incrustar imágenes, modificar el diseño, optimizar la página para SEO y obtener una vista previa y finalizar las páginas siguiendo las instrucciones proporcionadas en la barra lateral.
Si lo desea, puede probar AMP en una página desarrollo de amplificador página principal antes de probarlo en su sitio de WordPress.
Cómo instalar Google AMP en WordPress
Configurar e instalar manualmente las páginas de Google AMP en su sitio de WordPress es un proceso complejo. Sin embargo, puedes usar complementos como el oficial. AMP para WordPress O AMP para WP O AMPWP Para hacer el proceso más simple.
En esta guía, le mostraremos cómo configurar e instalar AMP en un sitio de WordPress utilizando el complemento oficial de AMP para WordPress.
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 a su panel de WordPress y seleccione Extras -> Agregar nuevo.
Escriba AMP en el cuadro de búsqueda y seleccione INSTALAR AHORA Para instalar la extensión.
Ir Complementos -> Complementos instalados , busque AMP y haga clic en el enlace de activación para activar la extensión AMP y hacer que funcione en su sitio web.
Una vez que la extensión esté activada, ajuste la configuración para personalizar las páginas de AMP. Para configurar la extensión, vaya a AMP -> Configuración Utilice el asistente para configurar los ajustes de sus páginas AMP.
Seleccione el botónنشرUna vez que haya terminado de configurar los ajustes. Tu sitio web no será visible para los visitantes ni podrá ser descubierto por Google, pero puedes elegir si mostrar páginas, artículos o ambos en AMP. Para hacer esto, vaya a AMP -> Configuración -> Configuración avanzada y desmarque la casilla de verificación en Plantillas admitidas para obtener más opciones.
Seleccione las opciones que desee y luego seleccione Guardando cambios.
También puede integrar Yoast SEO en su configuración de AMP yendo a Extras -> Agregar nuevo Luego busca Yoast SEO & AMP.
Seleccione Instalar ahora y active la extensión. Una vez activado, vaya a SEO y seleccione AMP para obtener más opciones de personalización para su página, luego seleccione Guardando cambios. (Después de la versión 14.5 de Yoast SEO, no necesita instalar Yoast SEO y AMP por separado, ya que están integrados en el complemento principal).
Antes de publicar, obtenga una vista previa de sus páginas AMP agregando amp Al final de cualquier enlace de artículo o URL de página. Por ejemplo, puedes ir a https://yourwebsite.com/blog-post-title/amp/
Cómo validar AMP para WordPress
Con las páginas AMP instaladas en su sitio de WordPress, el siguiente paso es probar que funcionan correctamente. No solo eso, sino que la verificación también garantiza que las plataformas admitidas puedan acceder y vincularse a su sitio web, y puede encontrar errores de AMP para solucionar problemas.
Puede validar WordPress AMP manualmente o con Herramienta de prueba de AMP de Google.
Cómo validar manualmente AMP para WordPress
Para hacer esto, abra la página AMP, luego agregue #desarrollo =1 Al final de la URL de la página web que estás validando.
Vaya a su navegador preferido y abra Consola de herramientas para desarrolladores. Si está utilizando Firefox, seleccione Menú -> Desarrollador web -> Consola web. Si hay algún error en la página de AMP, se resaltará en rojo.
Los errores de verificación pueden deberse a una codificación incorrecta, prefijos no válidos o etiquetas no autorizadas, pero verá una explicación de los motivos junto al error.
Cómo validar AMP para WordPress con la herramienta de prueba de AMP de Google
abrir una página Herramienta de prueba de AMP de Google , ingrese la URL de su sitio web, artículo o página, luego seleccione prueba de URL. También puede pegar el código del sitio web y seleccionar prueba de URL.
Googlebot analizará su sitio web y, si todo está bien, verá una vista previa de cómo aparecerán sus páginas AMP en los resultados del motor de búsqueda de Google.
Con la herramienta de prueba de AMP de Google, puede identificar los errores de AMP y ver el código problemático en su sitio web. También puede seleccionar el botón Compartir para compartir el análisis con sus colegas.
También puede utilizar una herramienta Validador de AMP de Google Para comprobar que el código es correcto, o utilice Extensión AMP de Chrome , que también verifica que las páginas sean correctas y muestra cualquier advertencia o error.
Agregar páginas AMP a un sitio de WordPress
Las páginas de Google AMP son un cambio importante para cualquier sitio web, especialmente si ya tiene mucho tráfico móvil. Si está ejecutando un sitio web con contenido de noticias, podría tener sentido instalar AMP de inmediato, pero para otras empresas, podría dañar sus conversiones si lo usa incorrectamente.
Recomendamos probar las páginas AMP en algunas páginas de alto tráfico para ver si obtiene resultados positivos o negativos antes de decidir utilizarlas en todo su sitio web.
¿Has probado AMP en tu sitio de WordPress? ¿Tienes algún otro consejo para compartir sobre el uso de páginas AMP para WordPress? Comparte con nosotros en los comentarios. Si está buscando otra opción para acelerar su sitio web, debe consultar Por qué debería usar un CDN para mejorar la experiencia del usuario en su sitio web.
