optimization mobile - tendencias en optimization mobile 2016 #webcongress

MOBILE OPTIMIZATIONWEBCONGRESS 2016

JORGE JARAMILLOJEFE DE SEO, PUBLICACIONES SEMANA.

TWITTER: @JorgeJaramilloLINKEDIN: /jorgejaramillogSLIDESHARE: /jorgejaramilloCONTACTO: mail@jorgejaramillo.com

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/menu-hamburger

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!