¿Qué son los anuncios de AMP, cómo funcionan y cómo configurarlos?

El proyecto Accelerated Mobile Pages (AMP), desarrollado inicialmente por Google en 2015, es ahora un proyecto de código abierto. Las páginas AMP comenzaron a aparecer en 2016 para mejorar la velocidad de carga de páginas web y anuncios. Los anuncios se pueden publicar junto con sus homólogos estándar y los motores de búsqueda pueden publicarlos en lugar de las páginas móviles tradicionales.

Creación de páginas AMP

Los protocolos fueron diseñados para ser un proceso manejable y relativamente simple. Si ya tienes un sitio con código tradicional, AMP dice que es posible convertir un sitio completo en días, en lugar de semanas o meses, y verás los beneficios de cargar la página inmediatamente.

Puedes optar por ejecutar solo la versión AMP de su sitio web o hacer que ambas se ejecuten en paralelo. Si usas WordPress como un sistema de administración de contenido, puedes usar una versión estándar de AMP con los diversos complementos disponibles.

Velocidad de la página

La velocidad de la página AMP proviene del almacenamiento en caché y está diseñada específicamente para almacenar los detalles de la página y entregarlos al instante. Los cachés en línea almacenan todos los detalles de la página, incluidos texto, imágenes y JavaScript, y los cargan desde la misma fuente. Contienen un validador integrado que asegura que la página funcionará incluso si se interrumpe un recurso externo (como una fuente de datos en vivo).

Los objetos, las imágenes, las aplicaciones de terceros y los anuncios se procesan de forma asincrónica, lo que significa que un fragmento de código incorrecto (el código JS personalizado es enviado en iframes), o un anuncio que tarda mucho en procesarse, no ocupa el resto de la página. El contenido siempre se muestra de forma inmediata al usuario, creando una muy buena experiencia.

Además, todos los objetos, como se mencionó anteriormente, deben declarar su tamaño antes de cargar. Esto permite al navegador diseñar la página correctamente y formatearla antes de que se cargue el contenido inframe, en lugar de esperar a que se descargue una imagen. Esto se conoce como diseño estático.

Solo se permite una única hoja de estilo CSS con un tamaño máximo de 50 kilobytes cuando se trata de estilo. Esto es para alentar a los programadores a optimizar y mejorar su código, simplificando donde sea necesario para reducir los tiempos de carga, al mismo tiempo que permite estilos de página muy complejos.

Todos hemos visto sitios donde HTML carga una versión básica del sitio con una fuente base y luego comienza a descargar los archivos necesarios para mostrar la fuente deseada. Esto puede llevar solo uno o dos segundos, pero como sucede en secuencia, es un bloque diferente en el resto de la página, y la descarga de fuentes puede retrasarse hasta que se descarguen objetos externos y hojas de estilo.

Con las páginas AMP, la descarga de la fuente comienza primero y la descarga no demora el resto de la página. Después de descargar las fuentes, la página (o un elemento) está lista y la fuente se puede aplicar instantáneamente.

Puede leer más sobre cómo AMP mejora la velocidad de la página en el sitio web de AMP.

Anuncios AMP

Después de crear tu sitio o páginas AMP, para la publicación en paralelo o para reemplazar páginas existentes, puedes crear anuncios AMP. Aunque no es obligatorio, puedes mostrar anuncios HTML en AMP, pero ten en cuenta que los anuncios HTML para AMP son más rápidos y, cuando se tomara la molestia de crear páginas AMP, sería una lástima no aprovechar los beneficios. En lugar de tener dos conjuntos de anuncios, los anuncios AMP también pueden aparecer en páginas que no son AMP.

Están escritos en una variante de HTML, conocida como HTML para AMP, y no pueden ejecutar JavaScript arbitrario y potencialmente innecesario. Al igual que las páginas, los propios anuncios pueden utilizar bloques de código JS en marcos que no ralentizan el resto del anuncio.

Los anuncios HTML para AMP hacen todo lo posible para reducir el uso de recursos del sistema y acelerar la carga. Los videos y animaciones se pausan cuando no se reproducen. Los datos se recopilan una vez para todos los anuncios y luego se pasan a los rastreadores, en lugar de que cada uno solicite el anuncio directamente.

Se muestran justo antes de que el usuario acceda a ellos (lo que tiene un efecto indirecto de una tasa de visualización más alta que los anuncios gráficos tradicionales). Además, dado que los anuncios se escanean previamente para que sean seguros, el malware no se puede transmitir a través de HTML a los anuncios AMP.

¿Cómo funcionan los anuncios de amplificador?

En términos de la mecánica de publicación de anuncios, los anuncios AMP no son muy diferentes de los anuncios HTML normales. Los editores colocan espacios publicitarios en sus páginas utilizando la etiqueta amp-ad, que, cuando se llama, puede solicitar anuncios de la red de anuncios requerida, directamente o mediante un servidor como Google Ad Manager. Tan pronto como se recibe la solicitud, se valida el creativo y el anuncio vuelve a la página.

Para crearlos, debes seguir las especificaciones de anuncios HTML para AMP. También puede crearlos con Google Web Designer o Celtra Ad Creator. También recomendamos consultar los ejemplos que se muestran en el sitio web para desarrolladores de AMP.

Configuración de una tag de anuncios de AMP en Google Ad Manager

Nuevamente, este paso es muy similar a la creación de una etiqueta publicitaria normal. Después de ir a Inventario -> Bloques de anuncios, haz clic para agregar un nuevo bloque de anuncios, luego nombre, tamaño y guarda tu anuncio como de costumbre, o navegue a un bloque de anuncios existente.

En la pestaña “Etiquetas/tags”, elige la etiqueta AMP. Aquí tienes algunas opciones. Puede seleccionar/anular la selección de la validación de varios tamaños (los tamaños secundarios no deben ser más grandes que el tamaño principal o menos de ⅔ del tamaño principal), agregar marcadores, tamaños de inventario y valores críticos, si es necesario. Después de generar la etiqueta, impleméntela en tu sitio web o página AMP.

Tipos de anuncios disponibles en Google Ad Manager

Debido a consideraciones de rendimiento, no todos los tipos de anuncios disponibles en etiquetas de anuncios normales están disponibles con etiquetas de anuncios AMP.

Aún puedes usar diseños estándar de visualización, texto, nativos, HTML5 y adaptables, pero no se permiten intersticiales ni flash. Los anuncios expandibles tampoco están permitidos, aunque puedes usar rich media siempre que no se cambie de tamaño. Todas las creatividades deben utilizar HTTPS.

Los tamaños fluidos y de aspecto fijo son adecuados, al igual que todos los tamaños estáticos. Los tamaños deben declararse en el momento de la solicitud.

Informes

Google Ad Manager incluye opciones de informes para AMP o etiquetas publicitarias de AMP. Para generar informes sobre páginas o sitios de AMP, utiliza a la dimensión “tipos de inventario”, incluido un campo “AMP”, seleccionable cuando los anuncios comiencen a publicarse para AMP.

Si estás buscando datos para un bloque de anuncios AMP específico, use la dimensión “tipo de solicitud” y busque las líneas “Etiqueta de anuncio AMP”. También puede combinar estas dimensiones para examinar si estás publicando anuncios que no son de AMP en AMP, lo que reducirá el rendimiento.

Además, lea nuestro artículo sobre si cambiar a AMP generará un impacto en los ingresos publicitarios o no: https://www.monetizemore.com/blog/cambiar-a-amp-generara-un-impacto-en-los-ingresos/

Conclusión

Los anuncios AMP son una excelente manera de acelerar los tiempos de carga de la página y crear una experiencia de usuario fantástica para los visitantes de tu sitio, quienes ya no tendrán que esperar a que se cargue su contenido.

Estos anuncios no deberían ser más difíciles de implementar que los anuncios tradicionales, aunque todavía ofrecen varios formatos, aunque no tantos como los bloques de anuncios convencionales. Sin embargo, dado que los editores no son todos iguales, AMP puede ser una buena opción para uno, mientras que tiene un impacto negativo en los ingresos publicitarios de otro.

¿Aún no estás seguro de si AMP es una buena opción para tu negocio editorial? ¡Deja que MonetizeMore te ayude! Somos un socio editorial certificado de Google que puede optimizar su inventario de anuncios y maximizar tus ingresos. ¡Regístrate para empezar hoy mismo!