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

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, mayor participación y menos uso de datos que beneficia tanto a los usuarios como a los editores.

¿Cómo funciona AMP??

Page Speed ​​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 la navegación móvil hasta un 85% más rápido.

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

La velocidad de la página también mejora con la priorización por encima del pliegue, los cachés de AMP específicos y la representación previa. Además, el uso de pequeños archivos y medios, y las pocas solicitudes de recursos del servidor agregan 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 hace especificando el tamaño de las imágenes y los iframes en el documento HTML (llamado “diseño estático”). Y, básicamente, detiene el movimiento del contenido para ajustar los recursos a medida que se cargan.

¿Qué es el caché AMP??

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

Hay dos cachés de AMP en uso hoy en día, el caché de AMP de Google y el caché de AMP de Cloudflare. Los servidores de Cloudflare solo cubren 102 ubicaciones en 50 países diferentes.

La memoria caché se actualiza cada vez que alguien accede al contenido, y el contenido actualizado se envía automáticamente al siguiente usuario. 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:

• Validando el 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.
• Convertir imágenes a formatos de imagen más pequeños y más compatibles con dispositivos móviles, como convertir imágenes en formato GIF, PNG y JPEG a WebP (¿qué es WebP? Presentamos WebP de Google, una alternativa web más rápida a JPEG Presentamos WebP de Google, una alternativa web más rápida a JPEG Google se ha comprometido a hacer que la web sea más rápida. Leer más) en navegadores compatibles con WebP.
• Transformar imágenes a menor calidad si la solicitud incluye el encabezado Guardar datos.
• Agrega soporte para imágenes de tamaño responsivo.
• Sirve a través de un canal seguro (HTTPS) y utiliza los últimos protocolos web (SPDY, HTTP / 2).
• Desinfecta los documentos AMP para prevenir ataques XSS basados ​​en etiquetas HTML cerradas incorrectamente, comentarios y más.

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

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

¿Cuáles son los beneficios reales de AMP??

La velocidad es el principal atractivo 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 en casi 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 Wi-Fi públicas falsas "Evil Twin" operadas por hackers Cómo detectar redes falsas públicas "Evil Twin" Wi pública -Fi Networks Run by Hackers No todas las redes Wi-Fi a las que accede son seguras. Algunos de ellos incluso podrían ser falsos. Sigue leyendo para aprender 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 Impacto económico total de Forrester Consulting (encargado por Google) el año pasado, encontró que:

“AMP lleva a un aumento del 10% en el tráfico del sitio web con un aumento del doble del tiempo dedicado a la página. Para los sitios web de comercio electrónico que usan 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 de AMP..”

Top Stories Carousel de Google en dispositivos móviles solo utilizará el caché de 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 que han aprovechado 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 número sorprendente de personas no saben cómo usarla correctamente. Este artículo te ayudará a convertirte de un principiante en un experto. Leer más, estos ya están en uso por muchos editores. Los buenos ejemplos incluyen la historia de la CNN sobre misiones que aún exploran nuestro Sistema Solar y la guía esencial de Mashable para Black Panther.

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

¿Cuáles son las desventajas de AMP??

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

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

Esto puede robar su sitio de visitas de página y podría perturbar los ingresos de sus anuncios. 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 está rastreando en línea. 5 maneras de verificar quién lo está rastreando en línea 5 maneras de verificar quién lo está rastreando en línea ¿Quiere ver quién lo está rastreando en línea? Estos sitios web y extensiones de navegador le mostrarán cuánto están rastrean su actividad Google, Facebook y otras redes publicitarias. 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 realizan búsquedas en Google.com..

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

Incluso si hace que sus páginas de AMP estén disponibles, no siempre se utilizará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 el móvil. Ahora puede usar el DNS 1.1.1.1 de Cloudflare en el móvil. Cloudflare ha lanzado una aplicación móvil para su servicio 1.1.1.1 DNS. 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 lo contrario, puede conservar utilizando los sitios web Responsive y el 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 razones principales por las que muchos sitios de AMP se ven similares.

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

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

En caso de crear páginas AMP?

AMP aporta muchos beneficios para los propietarios de sitios web, especialmente si sirve diariamente grandes volúmenes de contenido. 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 el gran tamaño de archivos 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 de WordPress AMP y complementos de Drupal AMP que pueden ayudarlo a generar contenido de AMP. De lo contrario, los documentos de inicio rápido de AmpProject son un recurso valioso para usar para codificar a mano sus páginas AMP..

El sitio web completo de AMPProject está realmente creado y procesado 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 la gente le disgusta mucho el AMP por muchas razones diferentes, Stonetemple.com ha examinado 10 estudios de caso para ver la diferencia entre la participación y la conversión de los usuarios. Concluyen que mientras la implementación de AMP se realice por completo, la mayoría de los sitios web, independientemente de su nicho, obtendrá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 en 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 fundamental del ecosistema de AMP, y la publicación de un documento de 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 de AMP de la Búsqueda de Google.

Si desea dejar de cargar páginas de AMP como usuario, puede deshabilitar Vínculos de AMP y cargar las páginas originales. Algunas ventajas, pero si desea desactivarlo, uno de estos tres métodos debería funcionar para usted. Lee más en tu móvil.

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