1.
MOBILE OPTIMIZATION
WEBCONGRESS 2016

2.
JORGE JARAMILLO
JEFE DE SEO, PUBLICACIONES SEMANA.
TWITTER: @JorgeJaramillo
LINKEDIN: /jorgejaramillog
SLIDESHARE: /jorgejaramillo
CONTACTO: mail@jorgejaramillo.com

3.
PREGUNTAS SOBRE EL SLIDE
@JORGEJARAMILLO
#WEBCONGRESS

4.
POCO MOBILE
MOBILE IGUALA
DESKTOP
MOBILE SERÁ EL
FUTURO
EL FUTURO
ES AHORA
“EL FUTURO”

5.
CONTENT IS KING

6.
CONTEXT IS KING

7.
PENSEMOS EN EL USUARIO

8.
EL USUARIO COMO EJE

9.
CONOCIMIENTO

10.
DEBEMOS CONOCER
MEJOR LOS USUARIOS
PARA AGRADARLES MÁS

11.
DISEÑO

12.
DISPONIBILIDAD

13.
MENSAJE

14.
CALL TO ACTION

15.
NO PENSEMOS
EN DISPOSITIVO

16.
PENSEMOS
EN MOMENTOS

17.
DISPOSITIVO
IPHONE

18.
MOMENTO
UN VIAJE

19.
LOS BUSCADORES ENTIENDEN EL CAMBIO

20.
QUIERO SABER QUIERO IR
QUIERO COMPRAR QUIERO HACER

21.
LOS BUSCADORES
REFLEJAN
LO QUE TODOS
PENSAMOS

22.
DEBEMOS APRENDER DEL CAMBIO

23.
IMAGINEMOS
DIFERENTES CAMINOS
PARA LAS ACCIONES

24.
ACCIÓN
AGREGAR AL CARRITO

25.
ACCIÓN
RECIBIR UN MES GRATIS

26.
ACCIÓN
PRUEBA 30 DÍAS GRATIS

27.
ACCIÓN
EMPEZAR A ENTRENAR

28.
INMEDIATEZ

29.
5 SEGUNDOS

30.
REQUISITOS DE LA
PRIMERA IMPRESIÓN
MOSTRAR LA MARCA
EXPRESAR CREDIBILIDAD
SER CLARO EN EL MENSAJE
LLAMAR A LA ACCIÓN
AGRADABLE VISUALMENTE

31.
43%DE LOS VISITANTES
NO RETORNAN A UN
SITIO, SÍ ESTE ES LENTO.

32.
PERFORMANCE = ENGANCHE

33.
1 SEGDE DELAY REPRESENTA:
AUMENTO REBOTE EN 2%
DISMINUYE LOS PAGEVIEWS 3%
PÉRDIDA EN CONVERSIÓN DEL 7%*
*EN ALGUNOS SECTORES

34.
NUEVAS TECNOLOGÍAS
AL RESCATE

35.
INSTANT ARTICLES

36.
instantarticles.fb.com

37.
INSTANT ARTICLES RESPONSIVE

38.
INSTANT ARTICLES RESPONSIVE

39.
ARTÍCULO RELACIONADOS

40.
ARTÍCULO RELACIONADOS

41.
ACCELERATOR MOBILE PAGES

42.
www.ampproject.org

43.
LANZADO FEB. 2016
OPEN SOURCE
LIDERADO POR GOOGLE
CAMBIO DE PARADIGMA

44.
NO NECESITA API NI RSS
MAYOR VELOCIDAD
NO ADBLOCKERS
MULTIPLATAFORMA
FÁCIL NAVEGACIÓN
MEJORA EL REBOTE

45.
AMP
AMP
AMP
A MANO
A MANO
A MANO
SIN OPTIMIZACIÓN
SIN OPTIMIZACIÓN
SIN OPTIMIZACIÓN

46.
g.co/ampdemo

47.
AMP ≠ RESPONSIVE

48.
VERSIÓN
AMP
SIN AMP

49.
VERSIÓN
AMP
CON AMP

50.
VERSIÓN AMPVERSIÓN NO AMP
<link rel="amphtml" href="https://www.example.com/url/to/amp-version.html" />
DESDE LA VERSIÓN NO AMP APUNTAMOS UN META HACIA LA VERSIÓN AMP

51.
VERSIÓN AMPVERSIÓN NO AMP
<link rel="canonical" href="https://www.example.com/url/normal-no-amp.html" />
DESDE LA VERSIÓN AMP APUNTAMOS UNA CANONICAL HACIA LA NO AMP

52.
AMP RESPONSIVE

53.
AMP RESPONSIVE

54.
AMP RESPONSIVE

55.
AMP RESPONSIVE

56.
AMP RESPONSIVE

57.
AMP RESPONSIVE

58.
AMP RESPONSIVE

59.
AMP RESPONSIVE

60.
AMP + RESPONSIVE + ESCRITORIO

61.
EJEMPLOS DE USO
<amp-twitter width="375"
height="472"
layout="responsive"
data-tweetid="638793490521001985">
</amp-twitter>

62.
EJEMPLOS DE USO
<amp-instagram data-shortcode="1totVhIFXl"
width="1"
height="1"
layout="responsive">
</amp-instagram>

63.
www.ampproject.org

64.
EXPERIMENTOS

65.
ANTES DESPUÉS
AUMENTO USO DEL
MENÚ EN UN 30%

66.
bit.ly/menu-hamburger

67.
bit.ly/fb-hamburguer

68.
MAZDA NUEVO MEDELLÍN
VALOR: 27,000.000
MAZDA NUEVO MEDELLÍN
VALOR: 27,000.000
MAZDA NUEVO MEDELLÍN
VALOR: 27,000.000
MAZDA NUEVO MEDELLÍN
ANTES DESPUÉS
AUMENTO USO DEL
BUSCADOR EN UN 15%
MAZDA NUEVO MEDELLÍN
VALOR: 27,000.000
MAZDA NUEVO MEDELLÍN
BUSCA POR MARCA
ENCUENTRA TU
CARRO O
MOTO

69.
SUBCATEGORÍAS
ANTES DESPUÉS
AUMENTO EN PÁGINAS
VISTAS UN 7%
SELECCIONA LA CATEGORÍA
DEPORTIVOS
CLÁSICOS
CATEGORÍAS
DEPORTIVOS CLÁSICOS
MODERNOS TURISMO
REPUESTOS

70.
ANTES DESPUÉS
AUMENTO USO DE LOS
BOTONES EN UN 23%
BUSCADOR
Tenemos las
mejores
opciones
para su
próximo
viaje.
HOTELES VIAJES
Tenemos las mejores
opciones para su
próximo viaje.
HOTELES VIAJES
BUSCADOR

71.
¡BIENVENIDOS!
ELLOS NECESITAN TU
AMOR Y APOYO
ANTES DESPUÉS
AUMENTO USO DEL
MENÚ EN UN 35%
¡BIENVENIDOS!
ELLOS NECESITAN TU
AMOR Y APOYO
LOGO
ADOPTA AYUDA APADRINA
APADRINAR
AYUDAR
LA FUNDACIÓN
ADOPTA

72.
TIPS

73.
AMIGABLE PARA MOBILES

74.
bit.ly/wc-speed-test

75.
bit.ly/wc-speed-test

76.
MICRO OBJETIVOS

77.
1
2

78.
REPENSEMOS LOS
OBJETIVOS

79.
NÚMERO DE PÁGINAS VISTAS
INTENCIÓN DE IMPRIMIR O ENVIAR
CAMBIO DE TAMAÑO DE FUENTE
TIEMPO DE PERMANENCIA MAYOR A 3’
INTENCIÓN DE COMPARTIR
OBJETIVOS O CONVERSIONES
32
5
1
4
1
2
3
4
5

80.
NO TODO EN RESPONSIVE

81.
¿QUÉ ES NECESARIO REALMENTE?

82.
BYE!

83.
URL DIFERENTE VS RESPONSIVE
app.ejemplo.com ejemplo.com

84.
MARCAR EVENTOS
MEJORA EL REBOTE

85.
DESCARGAR APP

86.
MÁS TIPS

87.
PENSEMOS EN EL USUARIO

88.
Gracias pexels.com

89.
ENLACES DE INTERÉS
PROYECTO AMP
AMPBYEXAMPLES.COM
INSTANT ARTICLES
VWO.COM
GOOGLE SPEED TEST
BOOTSTRAP 4.0
JORGEJARAMILLO.COM
SLIDESHARE

90.
¡GRACIAS!