A menudo, los sitios web son más lentos en un dispositivo móvil que en un navegador, y cuanto más rico en contenido es la página, más tiempo puede tardar en cargarse. Incluso si ha probado algunas cosas para acelerar su sitio, Google AMP y el complemento WordPress AMP pueden darle el impulso que está buscando.
Cuando una página tarda demasiado en cargarse, puede aumentar su tasa de rebote. Por otro lado, cuando un sitio web aparece casi de inmediato, la experiencia del usuario (UX) mejora y el tráfico puede aumentar. Así es como funciona Google AMP y cómo usarlo en su sitio web.
Revisión de AMP de Google
AMP de Google es proyecto de código abierto que se lanzó en octubre de 2015. AMP significa «Páginas móviles aceleradas», pero Google AMP ya no se limita a dispositivos móviles; hoy también funciona en sitios de escritorio. (Sin embargo, por el bien de este artículo, me referiré principalmente a las páginas móviles, ya que ahí es donde AMP es más útil). El objetivo de Google AMP es cargar contenido web más rápido. El complemento WordPress AMP es una manera fácil de convertir páginas a la versión AMP.
La forma en que funciona es que AMP acelera las páginas web con CSS, HTML y JavaScript limitados. Básicamente, esta es una forma de crear sitios web extremadamente ligeros que reducen los tiempos de carga. Google AMP Cache almacena el contenido y la versión en caché es lo que Google envía a los usuarios, lo que les permite ver la página web de inmediato. Las grandes empresas de tecnología como Google, LinkedIn, Reddit y Twitter son compatibles con Google AMP, y AMP es visible en todas las aplicaciones, navegadores y navegadores web.
Pros y contras de Google AMP
Si bien la mayoría de los sitios web aprovecharán Google AMP, también hay algunas desventajas. Estas son las ventajas y desventajas de Google AMP para ayudarlo a decidir si el complemento WordPress AMP es adecuado para usted.
ventajas
- Si está generando mucho tráfico a partir de búsquedas móviles, AMP puede mejorar su UX y ayudarlo a obtener una clasificación más alta.
- Los usuarios de dispositivos móviles que tienen una conexión a Internet lenta pueden interactuar con su sitio web.
- Google almacena en caché todos los sitios que usan el marco AMP, lo que puede ayudar a mejorar su clasificación en Google.
- Los tiempos de carga más cortos conducen a una mejor participación, lo que a menudo genera más ingresos.
Contras
- Debido a que AMP usa CSS, HTML y JavaScript limitados, los diseñadores web deben crear páginas truncadas. Ciertas funciones y widgets, como animaciones, cuadros de «me gusta» de redes sociales y formularios de consentimiento inteligente deben eliminarse para reducir la hinchazón.
- Google AMP es compatible con Google Analytics, pero por lo demás no es compatible con la mayoría de las demás plataformas de análisis.
- Tampoco hay muchas opciones de anuncios compatibles con Google AMP. Sin embargo, con complementos adicionales, puede agregar opciones de publicidad; más sobre eso más adelante.
- Este es un truco suave, pero si sus páginas móviles ya son livianas y están optimizadas, es posible que no sean notablemente más rápidas con AMP, por lo que la configuración podría ser una pérdida de tiempo.
Complemento AMP de WordPress
El complemento Google AMP para WordPress crea automáticamente versiones AMP de todas sus publicaciones. Luego, los motores de búsqueda y las aplicaciones y servicios habilitados para AMP saben dónde buscar la versión AMP de la página con «amphtml» en el código fuente. El complemento funciona a la perfección con WordPress, ya sea que esté utilizando el constructor clásico o Gutenberg.
Enchufar no cree un tema móvil independiente que no esté orientado a la versión AMP de su sitio desde dispositivos móviles. Sin embargo, si un usuario móvil encuentra su contenido en una plataforma como Google, Pinterest o Twitter, verá la versión AMP.
Si la página no se puede representar en la versión AMP, el complemento cargará la versión que no es AMP. Esto significa que la mayor parte posible de su sitio web se optimizará para las páginas AMP, y aquellas partes de su sitio web que no pueden seguir mostrándose y funcionando como usted las necesita.
Características del complemento AMP de WordPress
- Compatibilidad y validación: Si la conversión automática a AMP no es posible, obtendrá errores de validación detallados que pueden ayudarlo a encontrar marcas no válidas. Puede optar por eliminar o conservar los marcadores.
- Soporte de tema básico: AMP es compatible con todos los temas principales de WordPress. (También es compatible con muchos temas no centrales).
- Sacudiendo el árbol CSS: Elimine automáticamente el CSS no utilizado por una cantidad total que esté dentro del límite de AMP de 50 KB.
- Historias de AMP: AMP tiene Cuentos un asistente que le permite crear anuncios a pantalla completa y experiencias para los visitantes.
Fuente: AMP
Cómo configurar y usar el complemento AMP de WordPress
1. Instale y active el complemento. Descarga el complemento aquí.
2. Vaya a Apariencia y seleccione AMP. Verá cómo se ve su sitio web en el dispositivo móvil y también podrá ver la versión de escritorio de AMP. Si su página de inicio no puede usar AMP, recibirá esta notificación:
Cuando un sitio web se convierte a AMP, es básicamente una versión simplificada del original. A continuación, puede comparar la versión original de mi blog con la versión AMP: el logotipo (mi nombre en una fuente estilizada), los colores y las fuentes son diferentes.
3. Haga clic en «Diseño» para actualizar el color del texto del encabezado, el fondo del encabezado y el color del enlace, y el esquema de color (claro u oscuro). También puede optar por mostrar el enlace para permitir que los visitantes salgan del modo de lectura.
4. Puede ir a la URL de cualquier publicación en su sitio web y agregar /amplificador/ al final para ver la versión AMP de la publicación. Si recibe un error 404 cuando intenta ver la versión de AMP, vaya a Configuración, luego a Enlaces permanentes y haga clic en «Guardar cambios» en la esquina inferior izquierda. En realidad, no es necesario que realice ningún cambio, pero al hacer clic en el botón Guardar se actualizará la estructura del enlace directo, lo que puede hacer que aparezcan estas páginas de AMP.
Seleccione el modo de sitio web
El complemento AMP de WordPress tiene tres modos de sitio para elegir, a los que puede navegar yendo a AMP en la barra lateral izquierda y luego haciendo clic en General:
- Estándar: AMP es la estructura de su sitio web. No necesita versiones separadas que no sean AMP y AMP.
- Temporario Cada página tiene una URL canónica y una URL AMP.
- Lector: Cada página tiene una URL canónica y una URL AMP. En el Modo Lector, AMP solo se usa en publicaciones individuales, páginas y otros tipos de publicaciones; los otros dos modos de sitio se utilizan en todo el sitio.
De forma predeterminada, se seleccionará el modo lector. Si cambia a una de las otras dos opciones, ya no podrá acceder a esta sección «Diseño» a través de Apariencia.
El modo de sitio web seleccionado afectará las opciones adicionales disponibles. Si elige la opción estándar o de transición, las opciones que se muestran en la captura de pantalla a continuación. Si elige Lector, solo podrá seleccionar uno de los tres tipos de contenido.
Personaliza tu AMP con complementos adicionales
Dado que el complemento AMP de WordPress no tiene muchas opciones de personalización, puede usar otros complementos para personalizar aún más sus páginas. Por ejemplo, AMP WP admite íconos sociales y tiene un esquema de color personalizable (entre muchas otras características) también Anuncios para WP tiene soporte publicitario avanzado para AMP.
Además, si actualmente está usando Yoast SEO, puede usar Adhesivo Yoast SEO y AMP complementos para que sus páginas AMP tengan metadatos relevantes de Yoast SEO. Después de instalar y activar el complemento, configurará las opciones de Yoast SEO como de costumbre. El complemento se ejecutará en segundo plano.
Después de configurar complementos adicionales relacionados con AMP, asegúrese de volver a verificar sus páginas de AMP. Esto verificará si hay nuevos errores de validación que no estaban allí antes.
Pensamientos finales
Configurar páginas móviles aceleradas es solo una de las muchas técnicas que pueden hacer que los sitios web se carguen más rápido. Con un complemento de WordPress, no necesita comprender los entresijos de AMP para saber que es bueno para su sitio web. Y gracias a un proceso de configuración tan simple en el que todo se hace por usted, puede instalarlo en una tarde y convertir todo su archivo en cuestión de días.
Una cosa más: si está utilizando Google Search Console, no se preocupe si no ve los resultados de sus páginas AMP de inmediato. Google puede tomarse su tiempo para indexar sus páginas AMP y mostrar sus datos.
¿Quiere sacar aún más partido a su sitio móvil? Consulte nuestra guía para optimizar su barra lateral en dispositivos móviles con Divi Theme Maker.
Imagen destacada a través de Fouaddesigns / shutterstock.com
