AMP es un proyecto opensource impulsado por Google para servir contenido para móviles de forma rápida y optimizada

1. AMP
Accelerated Mobile Pages
Alvaro Fontela
Consultor Wordpress y co-fundador de Raiola Networks

2. La navegación móvil, el futuro y el presente (I)
 En 2014 el 67% de las conexiones a Internet
en España se hicieron desde smartphones.
 En el año 2016, más del 40% de las compras
por Internet se realizan desde dispositivos
móviles.
 El smartphone se ha convertido en una
herramienta imprescindible para consumir
contenidos.
(datos de IABSpain)
(este es de los que explotan)

3. La navegación móvil, el futuro y el presente (II)
 En las webs de ocio se nota mucho el
tráfico desde conexiones móviles.
 Un mayor porcentaje de usuarios
desde conexiones móviles más lentas
existe una mayor optimización de la
velocidad de carga.
 El dispositivo móvil es el futuro
(smartphones y tablets) e Internet
avanza directo a este objetivo.

4. La navegación móvil, el futuro y el presente (III)
Ahora mismo los sitios web se adaptan a dispositivos móviles con los siguientes
métodos:
Versiones móviles especificas Diseño web responsive

5. La navegación móvil, el futuro y el presente (IV)
 En 2015, Google empieza a apoyar el proyecto
AMP para servir contenidos a móviles de forma
optimizada.
 Google AMP nace como una alternativa para
servir contenido optimizado.
 En 2016, Google empieza a mostrar AMP en los
resultados de búsqueda.

6. AMP ¿Qué es y para qué sirve? (I)
 AMP es un proyecto opensource impulsado por
Google para servir contenido para móviles de
forma rápida y optimizada.
 AMP NO es una alternativa al diseño responsive
de una web, es una forma de servir contenido
adaptado a móviles.
 AMP está preparado para cargar rápido en
conexiones móviles y adaptándose en apariencia
a dispositivos móviles.

7. AMP ¿Qué es y para qué sirve? (II)
 AMP está orientado a blogs y sitios web de
noticias, no a páginas estáticas o corporativas, es
decir, está orientado a fuentes de contenido.
 Los periódicos y revistas online son los
principales beneficiados por la inclusión de AMP
en los resultados de búsqueda.
 Normalmente es necesario generar una versión
AMP de la web en /amp/ y en Google Search
Console podremos ver si la detecta.

8. AMP ¿Qué es y para qué sirve? (III)
En la velocidad de carga también se nota:
CON AMP
SIN AMP

9. AMP ¿Qué es y para qué sirve? (III)
En la velocidad de carga también se nota:
CON AMP
SIN AMP

10. Rendimiento de AMP
 El javascript (el poco que se carga) se carga de forma asíncrona.
 En el código de una página AMP se especifica el tamaño de los elementos para que
se carguen de forma optimizada y controlada.
 Las peticiones externas no están permitidas, por lo que se eliminan retrasos y
esperas sin sentido.

11. Ventajas de AMP
 Velocidad de carga rápida al tener un diseño simple y limpio.
 Ahorro de ancho de banda en los dispositivos móviles.
 Apariencia simple y centrada en darle importancia al contenido.
 Framework fácil de personalizar, pero estricto con los elementos que se insertan.

12. Google y AMP
 Como hemos dicho antes, Google impulsa AMP y desde 2016 (hace poco), aparece
en los resultados de búsqueda.
 Desde Google Search Engine podemos ver como Google indexa las páginas AMP.

13. Errores AMP
 La versión AMP no aparece en los resultados de búsqueda hasta que Google Search
Console no detecta ningún error en la pagina.
 Los errores que pueden aparecer pueden ser desde un error de sintaxis en las
etiquetas del framework hasta la inserción de un javascript no permitido.

14. Wordpress y AMP
 Actualmente AMP se puede implementar fácilmente en cualquier CMS mediante
los módulos o plugins existentes.
 En Wordpress existe un plugin oficial para implementar AMP:
https://es.wordpress.org/plugins/amp/
 Podemos usar otros plugins como “Facebook Instant Articules & Google AMP Pages
by PageFrog” o “Glue para Yoast SEO & AMP” para darle una apariencia diferente a
las páginas AMP usando el plugin oficial como base.

15. Estohasidotodo…
…pero puedes encontrar más información sobre AMP en nuestro blog:
https://raiolanetworks.es/blog/
También puedes encontrarnos en las principales redes sociales:
 Facebook: https://www.facebook.com/RaiolaNetworks
 Twitter: https://twitter.com/RaiolaNetworks
 Google Plus: https://plus.google.com/+RaiolaNetworksSLLugo/
 Correo electrónico: info@raiolanetworks.es