[1]

[1]

Twittea este evento con la hashtag #eventosiebs

[2]

[2]

Twittea este evento con la hashtag #eventosiebs

1

2

33

44

[3]

[3]

Twittea este evento con la hashtag #eventosiebs

1

[4]

[4]

Twittea este evento con la hashtag #eventosiebs

[5]

[5]

Twittea este evento con la hashtag #eventosiebs

Aproximadamente, el 30% acaba comprando

Fuente: http://www.thinkwithgoogle.com/mobileplanet/es/

[6]

[6]

Twittea este evento con la hashtag #eventosiebs

Ha realizado una búsqueda de producto en el móvil

Fuente: http://www.thinkwithgoogle.com/mobileplanet/es/

[7]

[7]

Twittea este evento con la hashtag #eventosiebs

Fuente: http://www.thinkwithgoogle.com/mobileplanet/es/

[8]

[8]

Twittea este evento con la hashtag #eventosiebs

Fuente: http://www.thinkwithgoogle.com/mobileplanet/es/

[9]

[9]

Twittea este evento con la hashtag #eventosiebs

Fuente: http://www.thinkwithgoogle.com/mobileplanet/es/

[10]

[10]

Twittea este evento con la hashtag #eventosiebs

El 25% de los usuarios de smartphone ha comprado un producto o servicio (sin incluir apps). ¿Qué inhibidores hay para que un 75% aún no haya comprado?

Fuente: http://www.thinkwithgoogle.com/mobileplanet/es/

[11]

[11]

Twittea este evento con la hashtag #eventosiebs

- Los anuncios móviles se ven- Los anuncios móviles se clickan- Los usuarios de smartphone toman decisiones de las búsquedas hechas en los mismos- Los usuarios de smartphones compran en su smartphone o Tablet

Fuente: http://www.thinkwithgoogle.com/mobileplanet/es/

[12]

[12]

Twittea este evento con la hashtag #eventosiebs

2

[13]

[13]

Twittea este evento con la hashtag #eventosiebs

Social

Local Mobile

SoLoMo es una “capa” que cubre, a la vez, el aspecto Social, Local y Móvil

SEO Móvil hace referencia a las técnicas y tecnología usada para optimizar nuestra página web en un móvil

Merchant Apps

Tiendas tradicionales

Gamificación

Búsqueda móvil

Facebook, G+, Google Local,Google Maps, Foursquare…

Contenidos optimizados

Leads

Tiendas online

Webs genéricas

[14]

[14]

Twittea este evento con la hashtag #eventosiebs

Matt Cutts

[15]

[15]

Twittea este evento con la hashtag #eventosiebs

Elijamos lo que elijamos, ha de facilitarnos la consecución de nuestros objetivos

[16]

[16]

Twittea este evento con la hashtag #eventosiebs

Distinta URL

Distinto HTML

[17]

[17]

Twittea este evento con la hashtag #eventosiebs

[18]

[18]

Twittea este evento con la hashtag #eventosiebs

Misma URL

Mismo HTML

[19]

[19]

Twittea este evento con la hashtag #eventosiebs

[20]

[20]

Twittea este evento con la hashtag #eventosiebs

Misma URL

Distinto HTML(y CSS)

[21]

[21]

Twittea este evento con la hashtag #eventosiebs

[22]

[22]

Twittea este evento con la hashtag #eventosiebs

• Misma URL, mismo HTM• Usa vistas “pre-cargadas” y definidas según el tamaño de pantalla

[23]

[23]

Twittea este evento con la hashtag #eventosiebs

[24]

[24]

Twittea este evento con la hashtag #eventosiebs

- Misma URL, mismo HTM

- Tecnología en el lado del servidor. Al detectar el tamaño, adapta fluidamente los componentes y añade o esconde alguno más

- La diferencia con el Dynamic Serving es que éste sirve un HTML y CSS distintas. El REES no

RESS: Responsive Web Design + Server Side Components

[25]

[25]

Twittea este evento con la hashtag #eventosiebs

Universidad de Notre Dame

[26]

[26]

Twittea este evento con la hashtag #eventosiebs

• Smart forms• Destacar elementos• Diseñar de un modo más

“ergonómico”. Evitar la teoría de los Dedos Gordos

[27]

[27]

Twittea este evento con la hashtag #eventosiebs

[28]

[28]

Twittea este evento con la hashtag #eventosiebs

- .mobi hace referencia a los estándares y buenas prácticas a seguir para desarrollar webs para móviles “antiguos” (featured phones o teléfonos tradicionales para los que valía el protocolo WAP)- Hoy en día no recomiendo ni tenerlo en cuenta. Quien posea un teléfono de ese tipo no navegará por Internet

[29]

[29]

Twittea este evento con la hashtag #eventosiebs

33

[30]

[30]

Twittea este evento con la hashtag #eventosiebs

• Configurar Robots.txt• Sitemap.xml• Etiquetas Switchboard• Malas prácticas y errores comunes a evitar

[31]

[31]

Twittea este evento con la hashtag #eventosiebs

El site dedicado estará en otra carpeta del servidor con su robots.txt Dos opciones

Opción 1 Opción 2

User Agent:*Disallow:/

User Agent:*Disallow: (estándar)

Etiquetas Switchboard

[32]

[32]

Twittea este evento con la hashtag #eventosiebs

<link rel=”alternate” media=”only screen and (max-width: 640px)” href=”http://m.example.com/page-1″ >

<link rel=”canonical” href=”http://www.example.com/page-1″ >

Más información >> https://developers.google.com/webmasters/smartphone-sites/details#separateurls

[33]

[33]

Twittea este evento con la hashtag #eventosiebs

Más información >> https://developers.google.com/webmasters/smartphone-sites/details#separateurls

<?xml version=”1.0″ encoding=”UTF-8″?><urlset xmlns=”http://www.sitemaps.org/schemas/sitemap/0.9″xmlns:xhtml=”http://www.w3.org/1999/xhtml”><url><loc>http://www.example.com/page-1/</loc><xhtml:linkrel=”alternate”media=”only screen and (max-width: 640px)”href=”http://m.example.com/page-1″/></url></urlset>

También deberás configurar la canónica en cada página móvil

[34]

[34]

Twittea este evento con la hashtag #eventosiebs

<?xml version=”1.0″ encoding=”UTF-8″ ?> <urlset xmlns=”http://www.sitemaps.org/schemas/sitemap/0.9″ xmlns:mobile=”http://www.google.com/schemas/sitemap-mobile/1.0″><url> <loc>http://movil.example.com/articulo100.html</loc> <mobile:mobile/> </url></urlset>

Sitemap.xml generator de la propia Google >> http://code.google.com/p/googlesitemapgenerator/downloads/list

[35]

[35]

Twittea este evento con la hashtag #eventosiebs

misitio.commisitio.com/pagina1misitio.com/pagina-n

m.misitio.com

[36]

[36]

Twittea este evento con la hashtag #eventosiebs

- 404 Not Found pero sólo para smartphones

- Si contenido no existe para móvil, no muestres un error. Llévale a la versión desktop

- Google-Mobile para smartphones redirigido a la web para teléfonos “tontos”

-Vídeos embebidos en páginas móviles que necesitan flash.

[37]

[37]

Twittea este evento con la hashtag #eventosiebs

Menor Bounce Rate

Aprovecha enlaces internos

Una URL única para dominarlos a todos

Experiencia visual más atractiva

No hay contenido duplicado propio de desarrollo móvil

¡¡Es lo que quiere Google!!

¿Hacen más dinero los sites dedicados a móviles?11

22

33

44

55

66

99

Ahorras costes, recursos y tiempo

Optimización Landing Pages88

77

Lo que piensa Larry Page http://goo.gl/rtglcRecomendando Responsive Design https://developers.google.com/webmasters/smartphone-sites/details

[38]

[38]

Twittea este evento con la hashtag #eventosiebs

Tusenfryd, Noruega

[39]

[39]

Twittea este evento con la hashtag #eventosiebs

Bobbejaanland, Bélgica

[40]

[40]

Twittea este evento con la hashtag #eventosiebs

BonBon-Land, Dinamarca

[41]

[41]

Twittea este evento con la hashtag #eventosiebs

- Has de usar la cabecera Vary HTTP a nivel de servidor para comunicar a Google que el contenido puede cambiar y ser diferente en función del user-agent que acceda a la página.

- Se usa esta cabecera como aviso de rastreo de la araña de Googlebot-Mobile- Avisa a los servidores que cachean los contenidos en los ISP que deben considerar esta

variable (la cabecera del tipo de usuario “user agent”) para servir el contenido según caché o no. Sin esta cabecera, el servidor donde se ha cacheado el contenido podría servir un contenido para móvil cuando debería estar sirviendo el contenido para desktop.

- Ayuda al robot de Google a descubrir el contenido móvil más rápido, ya que una cabecera Vary HTTP válida es una de las señales claras para indicar a Google que la URL sirve contenido optimizado para móviles

Ejemplo

https://developers.google.com/webmasters/smartphone-sites/details

[42]

[42]

Twittea este evento con la hashtag #eventosiebs

44

[43]

[43]

Twittea este evento con la hashtag #eventosiebs

1. De los recursos que tengas

2. Del conocimiento y expertise de la empresa

3. Del tipo de web, negocio y tus objetivos

[44]

[44]

Twittea este evento con la hashtag #eventosiebs

[45]

[45]

Twittea este evento con la hashtag #eventosiebs

Tipo de site TecnologíaIntensivo en contenidos y

actualización (noticias, blogs…)Responsive Design

E-commerce Web dedicada Objetivoobtención de leads Dynamic Serving o RESSInformativos, Landing Pages,

CTA…Responsive Design

Mobile first, usando Marketing de contexto y SoLoMo

Dedicado o Dynamic Serving

[46]

[46]

Twittea este evento con la hashtag #eventosiebs

[47]

[47]

Twittea este evento con la hashtag #eventosiebs

[48]

[48]

Twittea este evento con la hashtag #eventosiebs

Páginas brillantes de producto móviles

[49]

[49]

Twittea este evento con la hashtag #eventosiebs

Páginas brillantes de producto móviles

[50]

[50]

Twittea este evento con la hashtag #eventosiebs

Páginas brillantes de producto móviles

Adidas tiene una web dedicada y hecha para móviles, con un efecto prácticamente Responsive en su versión iPhone y Android.Mete componentes de servidor. Según la resolución de pantalla del dispositivo, entrega una versión más “avanzada” del site móvil, o sirve una versión más friendly para la resolución del móvilLa diferencia con su web “normal” es el peso y resolución de sus imágenes

[51]

[51]

Twittea este evento con la hashtag #eventosiebs

¡Gracias!Me podéis encontrar en: