¿Le preocupa que la versión móvil de su sitio web sea lenta o tenga muchos recursos?  Descubra cómo Google AMP puede acelerar las cosas.

¿Qué es Google AMP? Cómo funciona y por qué es útil para sitios móviles

Anuncio AMP, o páginas móviles aceleradas, es un proyecto de código abierto creado por Google con el objetivo de facilitar una experiencia de navegación más fluida para dispositivos móviles. El proyecto promete un mayor rendimiento, un mayor compromiso y un menor uso de datos que beneficia tanto a los usuarios como a los editores. ¿Cóm

Anuncio

AMP, o páginas móviles aceleradas, es un proyecto de código abierto creado por Google con el objetivo de facilitar una experiencia de navegación más fluida para dispositivos móviles.

El proyecto promete un mayor rendimiento, un mayor compromiso y un menor uso de datos que beneficia tanto a los usuarios como a los editores.

¿Cómo funciona AMP?

La velocidad de la página se convirtió en un factor de clasificación para las páginas móviles en julio de este año (2018), y AMP está aquí para satisfacer la necesidad de velocidad de su sitio web. De hecho, AMP promete hacer que la navegación móvil sea hasta un 85% más rápida.

Mediante una combinación de optimizaciones y restricciones para HTML, JavaScript y CSS; Las páginas AMP se cargan casi al instante. En lugar de JavaScript escrito por el autor, los elementos específicos de AMP garantizan velocidad y compatibilidad.

La velocidad de la página también mejora con la priorización en la mitad superior de la página, los cachés AMP específicos y el procesamiento previo. Además, el uso de archivos y medios pequeños, y pocas solicitudes de recursos del servidor, agrega mejoras de velocidad adicionales.

Las optimizaciones en AMP también asegurarán que el diseño de sus páginas siempre se cargue correctamente, incluso antes de que se carguen las imágenes y los iframes (para anuncios).

Esto se realiza especificando el tamaño de las imágenes y los iframes en el documento HTML (denominado "diseño estático"). Y básicamente detiene el movimiento del contenido para adaptarse a los recursos a medida que se cargan.

¿Qué es el almacenamiento en caché de AMP?

Si publica un sitio AMP válido, sus páginas se almacenan en caché automáticamente como parte del ecosistema AMP. El caché almacenará sus documentos, fuentes e imágenes AMP.

Hoy se usan dos cachés AMP, el caché AMP de Google y el caché AMP de Cloudflare. Los servidores de Cloudflare solo cubren 102 ubicaciones en 50 países diferentes.

El caché se actualiza cada vez que alguien accede al contenido, y el contenido actualizado se sirve al siguiente usuario automáticamente. Esto garantiza que la última versión se sirva rápidamente a la mayor cantidad de personas posible.

Además de almacenar en caché el contenido, el servidor de caché también proporcionará algunas optimizaciones y modificaciones, tales como:

  • Validación del formato AMP.
  • Limitar las dimensiones de la imagen para evitar problemas de memoria del navegador y poca capacidad de respuesta.
  • Eliminación de datos de imágenes que son invisibles o difíciles de ver, como ciertos metadatos.
  • Conversión de imágenes a formatos de imagen más pequeños y más amigables para dispositivos móviles, como convertir imágenes GIF, PNG y JPEG a WebP (¿qué es WebP? Presentamos Google WebP, una alternativa web más rápida a JPEG Presentamos Google WebP, una alternativa web más rápida a JPEG Google se ha encargado de hacer que la Web sea más rápida (Leer más) en los navegadores que admiten WebP.
  • Transformar imágenes a una calidad inferior si la solicitud incluye el encabezado Save-Data.
  • Agrega soporte para imágenes de tamaño receptivo.
  • Sirve a través de un canal seguro (HTTPS) y utiliza los últimos protocolos web (SPDY, HTTP / 2).
  • Desinfecta los documentos AMP para evitar ataques XSS basados ​​en etiquetas HTML, comentarios y más incorrectamente cerrados.

Además de estas optimizaciones, la memoria caché también completará muchos procesos de desinfección HTML para normalizar el análisis.

Una lista completa de optimizaciones de caché AMP está disponible en las páginas de Google Developers.

¿Cuáles son los beneficios reales de AMP?

La velocidad es la principal atracción de AMP. Y es por eso que muchos editores como Google, Facebook, Baidu, Pinterest y Twitter ya han adoptado la tecnología. La velocidad mejorada agrega compromiso y reduce las tasas de rebote casi en todos los ámbitos.

AMP es especialmente útil en áreas de baja cobertura de Internet móvil, o en redes públicas congestionadas y lentas como aeropuertos y cafeterías. Cómo detectar redes de wifi públicas falsas "Evil Twin" dirigidas por piratas informáticos Cómo detectar redes de wifi públicas falsas "Evil Twin" -Fi Networks gestionadas por piratas informáticos No todas las redes Wi-Fi a las que accede son seguras. Algunos de ellos incluso podrían ser falsos. Siga leyendo para obtener información sobre Rogue APs y Evil Twins. Lee mas . Y es por eso que el contenido se carga en sus aplicaciones tan rápido cuando la navegación regular es lenta.

La investigación realizada en un estudio de Forrester Consulting Total Economic Impact (encargado por Google) el año pasado, encontró que:

“AMP conduce a un aumento del 10% en el tráfico del sitio web con un aumento del doble de tiempo en la página. Para los sitios web de comercio electrónico que utilizan AMP, el estudio también encontró un aumento del 20% en las conversiones de ventas en comparación con las páginas que no son AMP ".

Las principales historias de Google Carousel en dispositivos móviles solo usarán la caché AMP de Google para mostrar artículos, por lo que para muchos editores, usar AMP debería ser una opción automática.

New York Times, eBay y AliExpress son buenos ejemplos para ver que se han aprovechado de AMP. Si hace clic en el contenido de estos sitios (marcado con un ícono de amplificador) en la búsqueda de Google en su dispositivo móvil, cargará la versión AMP de sus páginas.

Historias de AMP

Una adición al ecosistema de AMP a principios de este año fue la historia de AMP. Similar a las historias de Snapchat Cómo usar Snapchat: una guía completa para principiantes Cómo usar Snapchat: una guía completa para principiantes Snapchat es popular, pero un sorprendente número de personas no sabe cómo usarlo correctamente. Este artículo le ayudará a convertirse de un novato en un experto. Leer más, estos ya están en uso por muchos editores. Los buenos ejemplos incluyen la historia de CNN sobre las misiones que aún exploran nuestro Sistema Solar, y la guía esencial de Mashable sobre Black Panther.

Recientemente, AMP Story Ads, una adición a la función de historias, se puso a disposición de todos los sitios web que usan Google Ad Manager. Estos son anuncios de pantalla completa que aparecen en las historias de AMP, y son una de las muchas mejoras que han hecho que AMP sea mucho más útil que incluso hace un año.

¿Cuáles son las desventajas de AMP?

Búsqueda móvil de Google
Haber de imagen: DepositPhotos

Si usa Google, Twitter, Pinterest, Messenger, etc., notará que los enlaces externos se abrirán dentro del dominio mismo, en lugar del dominio al que está vinculado.

Aunque el visor AMP mejora la experiencia de navegación para los usuarios, puede ser negativo para los propietarios de sitios web. Le quita su poder para controlar la navegación de los visitantes a través de su sitio.

Esto puede privar a su sitio de las visitas a la página y puede afectar sus ingresos por publicidad. Incluso hay algunos problemas de análisis y seguimiento que pueden ser difíciles de resolver a menos que use Google Analytics para AMP.

Dicho esto, algunos lectores pueden preferir las dificultades de seguimiento. Si es así, esto es lo que puede hacer para averiguar quién lo rastrea en línea. 5 maneras de verificar quién te sigue en línea 5 formas de verificar quién te sigue en línea ¿Quieres ver quién te sigue en línea? Estos sitios web y extensiones de navegador le mostrarán cuánto Google, Facebook y otras redes publicitarias están rastreando su actividad. Lee mas

El carrusel de historias principales de Google en dispositivos móviles solo contará con contenido preparado para AMP. Este es un hecho importante ya que la mayoría del tráfico a todo el contenido de AMP proviene de personas que buscan en Google.com.

Este favoritismo de AMP no solo se detiene en el carrusel de noticias. Google también contará con sitios web habilitados para AMP más altos que cualquier otro enlace, incluidos los sitios estándar optimizados para dispositivos móviles. Dicho todo esto, AMP en sí mismo no es técnicamente un factor de Clasificación de página (todavía), pero las mejoras de velocidad sí lo son.

Cloudflare puede mejorar sus páginas móviles aceleradas

Incluso si hace que sus páginas AMP estén disponibles, no siempre se usarán según el sistema operativo, las aplicaciones o el dispositivo utilizado. Si usa Cloudflare, puede habilitar los enlaces móviles acelerados para identificar y mostrar el contenido de AMP desde su sitio en el móvil, sin importar la fuente.

Cloudflare también puede ayudarlo a mejorar su privacidad y rendimiento al usar su dispositivo móvil. Ahora puede usar el DNS 1.1.1.1 de Cloudflare en dispositivos móviles Ahora puede usar el DNS 1.1.1.1 de Cloudflare en dispositivos móviles Cloudflare ha lanzado una aplicación móvil para su servicio DNS 1.1.1.1. Esto ahora está disponible tanto para Android como para iOS. Lee mas

Visualización y diseño en AMP

Nos amamos algunos sitios web de aspecto elegante. Sin embargo, las limitaciones de AMP pueden hacer que pierda parte del atractivo visual de sus sitios que de otro modo puede conservar utilizando sitios web receptivos y diseño móvil.

Los complementos en WordPress, por ejemplo, servirán a AMP al ofrecer una versión simplificada de su sitio web. Estos convertidores de WordPress a AMP ofrecen muy poco atractivo visual y son una de las principales razones por las que muchos sitios AMP se parecen.

Si diseña sus páginas AMP a mano, en lugar de utilizar convertidores, puede obtener un diseño similar al diseño móvil tradicional y más atractivo visualmente.

AMP todavía tiene un camino por recorrer, y muchos desarrolladores están fuertemente en contra de su uso, ya que los obliga a ingresar aún más al ecosistema de Google. Esto está causando que muchos busquen alternativas de Google Adiós Google: las 15 mejores alternativas para buscar, noticias, documentos y más Adiós Google: las 15 mejores alternativas para buscar, noticias, documentos y más ¿Desea cambiar de Google por ¿bueno? Estas son las mejores alternativas para todas las principales aplicaciones y servicios de Google. Lee mas .

¿Debería crear páginas AMP?

AMP ofrece muchos beneficios para los propietarios de sitios web, especialmente si sirve grandes volúmenes de contenido diariamente. Sin embargo, puede resolver muchos de los problemas que ralentizan un sitio web, como el uso excesivo de JavaScript, la respuesta lenta del servidor y los archivos de gran tamaño sin implementar AMP.

Ser inteligente con su diseño móvil puede servir a su sitio web rápidamente. Jenny Gove de Google ha escrito un excelente artículo sobre What Makes a Good Mobile Site, que vale la pena leer.

Hay complementos AMP de WordPress y complementos AMP de Drupal que pueden ayudarlo a generar contenido AMP. De lo contrario, los documentos de inicio rápido de AmpProject son un recurso valioso para usar para codificar manualmente sus páginas AMP.

Todo el sitio web de AMPProject se crea y se representa en AMP, por lo que es un buen ejemplo de cómo pueden verse estas páginas en todas las resoluciones, no solo en dispositivos móviles.

Aunque a las personas les disgusta mucho AMP por muchas razones diferentes, Stonetemple.com ha analizado 10 estudios de casos para ver la diferencia en el compromiso y la conversión del usuario. Concluyen que mientras la implementación de AMP se realice por completo, la mayoría de los sitios web, independientemente de su nicho, verán beneficios.

La conclusión es que debe considerar si sus clientes obtendrán algún beneficio de AMP. Dependiendo de los servicios que ofrezca y del contenido que sirva, es posible que no agregue mejoras sobre las páginas móviles. ¡Con la optimización adecuada, las páginas móviles también pueden cargarse bastante rápido!

Cómo deshabilitar AMP

El almacenamiento en caché es una parte central del ecosistema AMP, y la publicación de un documento AMP válido lo habilita automáticamente en la entrega de caché. Si desea eliminar sus páginas, Google ha escrito una guía sobre cómo eliminar el Contenido AMP de la Búsqueda de Google.

Si desea dejar de cargar páginas AMP como usuario, puede deshabilitar AMP Links y cargar las páginas originales en su lugar Cómo deshabilitar Google AMP en la Búsqueda de Google en Android y iPhone Cómo deshabilitar Google AMP en la Búsqueda de Google en Android y iPhone Google AMP tiene Algunas ventajas, pero si desea desactivarlo, uno de estos tres métodos debería funcionar para usted. Leer más en tu móvil.

Explore más sobre: ​​Google AMP, navegación móvil, diseño web, desarrollo web.