optimization mobile - tendencias en optimization mobile 2016 #webcongress
TRANSCRIPT
MOBILE OPTIMIZATIONWEBCONGRESS 2016
JORGE JARAMILLOJEFE DE SEO, PUBLICACIONES SEMANA.
TWITTER: @JorgeJaramilloLINKEDIN: /jorgejaramillogSLIDESHARE: /jorgejaramilloCONTACTO: [email protected]
PREGUNTAS SOBRE EL SLIDE
@JORGEJARAMILLO#WEBCONGRESS
POCO MOBILEMOBILE IGUALA
DESKTOPMOBILE SERÁ EL
FUTUROEL FUTUROES AHORA
“EL FUTURO”
CONTENT IS KING
CONTEXT IS KING
PENSEMOS EN EL USUARIO
EL USUARIO COMO EJE
CONOCIMIENTO
DEBEMOS CONOCER MEJOR LOS USUARIOS PARA AGRADARLES MÁS
DISEÑO
DISPONIBILIDAD
MENSAJE
CALL TO ACTION
NO PENSEMOSEN DISPOSITIVO
PENSEMOSEN MOMENTOS
DISPOSITIVOIPHONE
MOMENTOUN VIAJE
LOS BUSCADORES ENTIENDEN EL CAMBIO
QUIERO SABER QUIERO IR
QUIERO COMPRAR QUIERO HACER
LOS BUSCADORES
REFLEJANLO QUE TODOS
PENSAMOS
DEBEMOS APRENDER DEL CAMBIO
IMAGINEMOSDIFERENTES CAMINOSPARA LAS ACCIONES
ACCIÓNAGREGAR AL CARRITO
ACCIÓNRECIBIR UN MES GRATIS
ACCIÓNPRUEBA 30 DÍAS GRATIS
ACCIÓNEMPEZAR A ENTRENAR
INMEDIATEZ
5 SEGUNDOS
REQUISITOS DE LA PRIMERA IMPRESIÓN
MOSTRAR LA MARCAEXPRESAR CREDIBILIDAD
SER CLARO EN EL MENSAJELLAMAR A LA ACCIÓN
AGRADABLE VISUALMENTE
43%DE LOS VISITANTES
NO RETORNAN A UN SITIO, SÍ ESTE ES LENTO.
PERFORMANCE = ENGANCHE
1 SEGDE DELAY REPRESENTA:
AUMENTO REBOTE EN 2%DISMINUYE LOS PAGEVIEWS 3%
PÉRDIDA EN CONVERSIÓN DEL 7%**EN ALGUNOS SECTORES
NUEVAS TECNOLOGÍAS AL RESCATE
INSTANT ARTICLES
instantarticles.fb.com
INSTANT ARTICLES RESPONSIVE
INSTANT ARTICLES RESPONSIVE
ARTÍCULO RELACIONADOS
ARTÍCULO RELACIONADOS
ACCELERATOR MOBILE PAGES
www.ampproject.org
LANZADO FEB. 2016
OPEN SOURCELIDERADO POR GOOGLECAMBIO DE PARADIGMA
NO NECESITA API NI RSSMAYOR VELOCIDADNO ADBLOCKERSMULTIPLATAFORMAFÁCIL NAVEGACIÓNMEJORA EL REBOTE
AMPAMP
AMPA MANO
A MANO
A MANO
SIN OPTIMIZACIÓN
SIN OPTIMIZACIÓN
SIN OPTIMIZACIÓN
g.co/ampdemo
AMP ≠ RESPONSIVE
VERSIÓN AMP
SIN AMP
VERSIÓN AMP
CON AMP
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
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
AMP RESPONSIVE
AMP RESPONSIVE
AMP RESPONSIVE
AMP RESPONSIVE
AMP RESPONSIVE
AMP RESPONSIVE
AMP RESPONSIVE
AMP RESPONSIVE
AMP + RESPONSIVE + ESCRITORIO
EJEMPLOS DE USO
<amp-twitter width="375"
height="472"
layout="responsive"
data-tweetid="638793490521001985">
</amp-twitter>
EJEMPLOS DE USO
<amp-instagram data-shortcode="1totVhIFXl"
width="1"
height="1"
layout="responsive">
</amp-instagram>
www.ampproject.org
EXPERIMENTOS
ANTES DESPUÉS
AUMENTO USO DEL MENÚ EN UN 30%
bit.ly/fb-hamburguer
MAZDA NUEVO MEDELLÍNVALOR: 27,000.000
MAZDA NUEVO MEDELLÍNVALOR: 27,000.000
MAZDA NUEVO MEDELLÍNVALOR: 27,000.000
MAZDA NUEVO MEDELLÍN
ANTES DESPUÉS
AUMENTO USO DEL BUSCADOR EN UN 15%
MAZDA NUEVO MEDELLÍNVALOR: 27,000.000
MAZDA NUEVO MEDELLÍN
BUSCA POR MARCA
ENCUENTRA TUCARRO O MOTO
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
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
¡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
TIPS
AMIGABLE PARA MOBILES
bit.ly/wc-speed-test
bit.ly/wc-speed-test
MICRO OBJETIVOS
1
2
REPENSEMOS LOSOBJETIVOS
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
NO TODO EN RESPONSIVE
¿QUÉ ES NECESARIO REALMENTE?
BYE!
URL DIFERENTE VS RESPONSIVE
app.ejemplo.com ejemplo.com
MARCAR EVENTOS MEJORA EL REBOTE
DESCARGAR APP
MÁS TIPS
PENSEMOS EN EL USUARIO
Gracias pexels.com
ENLACES DE INTERÉS
PROYECTO AMPAMPBYEXAMPLES.COMINSTANT ARTICLESVWO.COMGOOGLE SPEED TESTBOOTSTRAP 4.0
JORGEJARAMILLO.COMSLIDESHARE
¡GRACIAS!