Plugin Accelerated Mobile Pages (AMP) para WordPress

En digitalDot realizamos tiendas online y páginas web sobre plataformas como Prestashop y WordPress, dos de las herramientas más utilizadas en diseño web y, sabemos que la velocidad es uno de los factores claves para el posicionamiento web y también para ofrecer una buena experiencia al usuario.

En el artículo de hoy queremos mostraros un plugin que os ayudará a mejorar la velocidad de carga en vuestra web creada con WordPress.

¿Qué es AMP y para qué sirve?

Las siglas de AMP se corresponde con el término Accelerated Mobile Pages (Páginas Móviles Aceleradas). Su finalidad, como os comentábamos, es la de mejorar la velocidad de carga de los sitios web en los dispositivos móviles. Google busca mejorar la experiencia de los usuarios en la navegación web desde todos los dispositivos pero prestando más atención a los móviles ya que, actualmente poseen mayor porcentaje de tráfico proveniente de estos dispositivos respecto a los ordenadores.

Los consultores en SEO marcaron en 2018 como tendencia el uso de AMP el cual sigue creciendo en uso y en importancia para Google. Por lo que es muy recomendable para el SEO que nuestra web disponga de AMP. Google ha apostado fuertemente por la tecnología AMP por lo que las páginas web que disponen de AMP, Google mejorará su posicionamiento.

Las páginas con AMP se identifican con un icono de un relámpago acompañado de las siglas AMP.

Con el sistema AMP lograremos lo siguiente:

• Carga en móviles hasta un 85% más rápido que el resto de páginas.
• Su promedio de carga es inferior a 1 segundo.
• Los datos gastados son hasta 10 veces menos que una página sin AMP.

¿Cómo funciona AMP?

Utiliza la tecnología html pero con algunas particularidades como las siguientes:

• Usa solo etiquetas de HTML permitidas. Por ejemplo, la etiqueta para los videos, <video> será <amp-video> menos peso y carga más rápida.
• Las únicas etiquetas <script> permitidas son la de la propia librería AMP JS.
• Google guarda una copia de tu página con AMP y utilizará esta página para mostrarla en vez de cargarla.

¿Cómo conseguimos AMP para nuestra web?

Lo único que debemos hacer es integrar en nuestra web una serie de adaptaciones:

• Modificar nuestro código HTML por HTML AMP.
• Incluir una serie de metadatos.
• Incrustar CSS adaptado a AMP.
• Adaptar todo nuestro JS a la librería AMP JS.
• Adaptar imágenes y vídeos con las etiquetas AMP.
• Formularios no son compatibles con AMP.

Pero para facilitarnos el trabajo en las páginas creadas con el CMS WordPress, os recomendamos una serie de plugins que hará todo este trabajo por nosotros.

Plugin para mejorar la velocidad de carga en móviles

AMP WP

Con este plugin, AMP WP, podrás integrar AMP a tu web con unos pocos pasos. El plugin ofrece un diseño personalizado, ofrece vídeos, análisis de estadísticas y funciona perfectamente con otras extensiones de SEO como por ejemplo, Rank Math o Yoast SEO.

GLUE FOR YOAST SEO & AMP

Para los que seguís siendo fieles a YOAST SEO, os dejamos este plugin GLUE FOR YOAST SEO & AMP, gratuito, compatible con Yoast SEO y al que podremos modificar el diseño de nuestra página en AMP.

AMP

Es el plugin, también gratuito, puede ser utilizado tanto por desarrolladores como por usuarios no expertos. Su configuración es muy sencilla y los resultados óptimos. Lo podéis descargar en la web oficial de WordPress: AMP

Si tenéis un WordPress y queréis sacarle el mayor rendimiento podéis pedir a nuestro servicio de mantenimiento de páginas web que os realice una auditoría para detectar esos errores que están frenando vuestro posicionamiento SEO o la seguridad de vuestra web.