Email jesus@jesuslopezseo.com ¡Llámanos! +34 914 875 471

Cómo aprovechar y cómo implementar AMP en WordPress #infografía

cómo implementar AMP en WordPress|busqueda amp|

En Posicionamiento Web Systems ya te hablamos sobre qué es AMP, y hoy queremos explicarte más a fondo cómo aprovechar y cómo implementar AMP en WordPress. El concepto es básico se trata de una forma de construir páginas para contenido estático que cargan mucho más rápido. El proyecto es Accelerated Mobile Pages, una iniciativa Open Source de Google, que junto con otras grandes compañías tecnológicas buscan hacer la vida de los usuarios del Internet mucho más sencilla, porque entienden que hoy en día las personas se conectan más desde sus móviles, y es una necesidad tener webs optimizadas para estos.

Cómo aprovechar AMP

Las páginas que son configuradas con AMP se convierte en una versión más simple de las regulares, pueden ser creadas en HTML, específicamente en el lenguaje AMP HTML, requieren tres partes distintas AMP HTML, AMP JS y Google AMP Cache.

De acuerdo a información de Google, utilizando una versión AMP se estima que tu Web aumente su velocidad de carga entre un 15 y un 85%. De ahí la importancia de aprovechar este proyecto. Considera que, otros estudios han demostrado que la tasa de rebote puede ser de 58% si tu Web tarda cerca de 10 segundos en cargar, no querrás que esto te pase a ti.

Al aplicar AMP puedes conseguir que tus páginas carguen más rápido, porque funciona bajo ciertas normativas, hay cosas que puedes aplicar y otras que no, esta información la detallan en la Web del proyecto:

  • Solo permite scripts asincrónicos, para evitar que JavaScript haga más lenta la Web.
  • Le da tamaño a todos los medios de forma estática, Los recursos externos (imágenes, anuncios o iframes) deben indicar su tamaño en el HTML para que AMP puede determinar el tamaño y la posición de cada elemento antes de que se descarguen.
  • AMP no deja que los mecanismos de extensión bloquean el procesamiento de páginas. AMP permite extensiones como lightboxes, incrustaciones de Instagram y de tuits, entre otros. Estas peticiones no limitan el rendimiento de la Web.
  • Mantiene todos los JavaScripts de terceros fuera del camino crítico, sólo los permite en iframes de espacio aislado.
  • Todo CSS debe estar en una línea y estar comprimido. En las páginas AMP HTML, sólo se permiten los estilos en línea. Esto quita una o más peticiones HTTP de la ruta crítica de representación en comparación con la mayoría de las páginas web.
  • La activación de las fuentes debe ser eficiente. La optimización de las fuentes de la Web es crucial.
  • Priorizar la carga de recursos, AMP controla todas las descargas de recursos: se prioriza la carga de recursos, cargar sólo lo que necesita.
  • Cargar páginas en un instante.

AMP y el SEO

busqueda amp

AMP trae muchos beneficios para tu Web, entre ellos para el SEO, pero cabe aclarar que aún no es un factor entre los del ranking de Google para posicionarte.

Ya en el post anterior de su agencia posicionamiento Web sobre este tema mencionamos que AMP trae beneficios para el SEO, hoy queremos mencionarte tres, el primero es que las páginas AMP son mucho más rápido que las que no son AMP, y la velocidad de carga si está claro que es un factor del ranking.

El segundo beneficio es que las páginas AMP se verán de manera mucho más atractiva en los resultados de búsquedas de Google, y podrán posicionarse de manera orgánica. Los resultados AMP aparecen en la parte alta del SERP, por encima de todos los resultados, incluso los locales, por lo que tendrás una ventaja de visibilidad importante, que se verá reflejada en más tráfico hacia tu Web.

Acabamos de mencionar que AMP no es un factor del ranking, pero se cree que llegará a serlo. Por lo que debes comenzar a implementarlo, especialmente si publicas en tu Web.

Recuerda que no se trata de una sustitución de la forma actual en la que se crean sitios Web, sino una alternativa que debe ir a la par, y que permite que los usuarios de dispositivos móviles puedan ver tus páginas más fácilmente, ya que cargan más rápido y además consumen menos datos de su plan.

Cómo implementar AMP en WordPress

Si tu sitio Web está en WordPress es muy sencillo comenzar a implementar AMP, hay plugins para esto, el oficial es el Plugin WordPress AMP, solo debes instalarlo y activarlo y ya tendrás versiones AMP de todos los post de tu Web, no requiere grandes conocimientos de configuración.

Una vez que el plugin está activo todos los post de tu sitio tendrán generada una versión AMP compatible, a la que podrás acceder colocando /amp/ al final de cada URL. Recuerda mantener activos los enlaces permanentes, dentro de la configuración de las URL, es decir, que todas las URL de tu Web sean amigables. Por ejemplo, puedes ver como lo aplicamos en una de nuestras Webs:

Podrás notar la diferencia entre los tiempos de carga de la AMP. Básicamente porque limita el uso de multimedia, no permite los comentarios, y hasta ahora tampoco acepta publicidad.

Recuerda que este plugins no modifica las páginas o archivos, solo los post del blog. Además, este plugin solo crea contenido AMP pero no lo muestra automáticamente a los usuarios de dispositivos móviles, eso queda en manos de los consumidores AMP como Google Search.

Si quieres saber si puedes personalizar tu plantilla de WordPress, para que se parezca más a tu diseño, y a tu Web en general, la respuesta es sí. ¿Dónde? En el archivo template.php del plugin. Si quieres más información sobre los códigos haz clic aquí, en la página de GitHub desarrolladores del plugin podrás conocer más detalles sobre su configuración.

Dile a Google que tu Web utiliza AMP

Una vez que activas el plugin mencionado anteriormente, debes decirle a Google que lo has hecho, para esto debes ingresar en Google Search Console, en tu cuenta, seleccionar el proyecto y luego ir a la opción de Rastreo, luego a Explorar como Google.

Para hacerle seguimiento a las indexaciones, vas al menú Aspecto de la búsqueda y luego seleccionas Accelerated Mobile Pages.

Ya sabes un poco más sobre cómo aprovechar y cómo implementar AMP en WordPress, como toda novedad en la Web aún hay mucho que develar y que conocer, muchos ven como negativo que no se pueden usar muchos elementos y que limita los códigos, que no permite JavaScript, para otros esta es la ventaja, lo ligero de la Web. Se comprar con uno de los grandes proyectos de Facebook que es Facebook Instan Articles, que también ofrece la creación de publicaciones ligeras, enfocadas en los usuarios móviles.

Hoy en día los más beneficiados por este proyecto son los sitios de noticias, que publican mucho contenido en poco tiempo, además los usuarios, en su mayoría, leen noticias a través de sus móviles. Pero si tienes un blog no debes sentir que esto no es para ti, aprovecha la oportunidad de que tus post carguen más rápido en los móviles y puedan ser leídos por mayor cantidad de usuarios.

¿Piensas aplicar AMP en tu Web? ¿Lo has hecho? ¿Consideras que es importante su implementación? Coméntanos tu experiencia con este nuevo proyecto en la Web.

aprovechar-implementar-AMP-WordPress-infografia

Fuente infografía

Deja una Respuesta

Pide presupuesto GRATIS