Twittea este evento con la hashtag #eventosiebs

[1]

[1]

Twittea este evento con la hashtag #eventosiebs

[2]

[2]

1
Twittea este evento con la hashtag #eventosiebs
[3]

[3]

Twittea este evento con la hashtag #eventosiebs

[4]

[4]

Aproximadamente, el 30% acaba comprando

Twittea este evento con la hashtag #eventosiebs
[5]

[5] Fuente: http://www.thinkwithgoogle.com/mobileplanet/es/

Ha realizado una bsqueda de producto en el mvil

22% cambia de opinin despus de la bsqueda

22% cambia de opinin en la tienda

25% de usuarios ya ha comprado va mvil

Twittea este evento con la hashtag #eventosiebs
[6]

[6] Fuente: http://www.thinkwithgoogle.com/mobileplanet/es/

Twittea este evento con la hashtag #eventosiebs

[7]

[7] Fuente: http://www.thinkwithgoogle.com/mobileplanet/es/

Twittea este evento con la hashtag #eventosiebs

[8]

[8] Fuente: http://www.thinkwithgoogle.com/mobileplanet/es/

Twittea este evento con la hashtag #eventosiebs

[9]

[9] Fuente: http://www.thinkwithgoogle.com/mobileplanet/es/

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

Twittea este evento con la hashtag #eventosiebs

[10]

[10] Fuente: http://www.thinkwithgoogle.com/mobileplanet/es/

- Los anuncios mviles se ven - Los anuncios mviles se clickan - Los usuarios de smartphone toman decisiones de las bsquedas hechas en los mismos - Los usuarios de smartphones compran en su smartphone o Tablet

Twittea este evento con la hashtag #eventosiebs

[11]

[11] Fuente: http://www.thinkwithgoogle.com/mobileplanet/es/

2
Twittea este evento con la hashtag #eventosiebs
[12]

[12]

Social
Gamificacin Merchant Apps Tiendas tradicionales Bsqueda mvil Facebook, G+, Google Local, Google Maps, Foursquare Contenidos optimizados

Leads

Webs genricas Tiendas online

Local

Mobile

SoLoMo es una capa que cubre, a la vez, el aspecto Social, Local y Mvil

SEO Mvil hace referencia a las tcnicas y tecnologa usada para optimizar nuestra pgina web en un mvil
Twittea este evento con la hashtag #eventosiebs
[13]

[13]

Matt Cutts

Twittea este evento con la hashtag #eventosiebs

[14]

[14]

1- Web exclusiva Distinta URL y distinto HTML dedicada a mviles

2- Responsive Design 3- Dynamic Serving 4- Diseo Adaptativo 5- RESS
Misma URL y mismo HTML Misma URL y distinto HTML Mismo URL, mismo HTML basado en vistas Una mezcla entre Responsive Design y Dynamic Serving
Elijamos lo que elijamos, ha de facilitarnos la consecucin de nuestros objetivos

Twittea este evento con la hashtag #eventosiebs

[15]

[15]

Distinta URL

Distinto HTML

Twittea este evento con la hashtag #eventosiebs

[16]

[16]

 Carga y navegacin ms rpida Poder usar el Mrketing de contexto Puedes adaptar tu contenido al formato mvil A C/P es lo ms fcil y econmico Lo recomiendan los gurs del SEO

DESVENTAJAS

VENTAJAS

Doble trabajo. Dos sites a mantener (impacto econmico a L/P) Mucha ms carga SEO (y tcnica). Fcil cometer errores Suelen convertirse en versiones minis de la web principal A la mayora de los usuarios no les gusta, y a Larry Page menos

Twittea este evento con la hashtag #eventosiebs

[17]

[17]

Misma URL

Mismo HTML

Twittea este evento con la hashtag #eventosiebs

[18]

[18]

 Recomendado por Google Un proyecto SEO para governarlos a todos A medio plazo, es ms econmico La opcin preferida por los usuarios.

DESVENTAJAS

VENTAJAS

Costes iniciales mayores Probablemente, hay que hacer los sites de cero No se aprovecha el contexto No puedes posicionar bsquedas mviles En general, sitios ms pesados de cargar

Twittea este evento con la hashtag #eventosiebs

[19]

[19]

Misma URL

Distinto HTML(y CSS)

Twittea este evento con la hashtag #eventosiebs

[20]

[20]

 Web adaptada al dispositivo sin perder ni una URL ni contenido Se puede hacer uso del contexto Mostrar u ocultar contenido segn convenga Se personaliza un poco ms la experiencia al usuario mvil

DESVENTAJAS

VENTAJAS

Ms configuracin tcnica por el desarrollador (ejemplo) Trabajo ms pesado y de mayor tiempo para el desarrollador y para los responsables comerciales Al final, es un estndar que no se est usando Una mala configuracin podra penalizar nuestra web por cloaking

Twittea este evento con la hashtag #eventosiebs

[21]

[21]

 Misma URL, mismo HTM Usa vistas pre-cargadas y definidas segn el tamao de pantalla

Twittea este evento con la hashtag #eventosiebs

[22]

[22]

 Una variante del Responsive Design. Muchos lo consideran como tal Una forma ms econmica de desarrollar en Responsive Mismas ventajas que el Responsive

DESVENTAJAS

VENTAJAS

Las mismas que el Responsive Design Es muy difcil crear vistas para todos los dispositivos Cada ao salen distintas resoluciones de pantalla Puedes ocasionar mala imagen o impresin de no tener un site optimizado a mviles

Twittea este evento con la hashtag #eventosiebs

[23]

[23]

RESS: Responsive Web Design + Server Side Components

- Misma URL, mismo HTM - Tecnologa en el lado del servidor. Al detectar el tamao, adapta fluidamente los componentes y aade o esconde alguno ms - La diferencia con el Dynamic Serving es que ste sirve un HTML y CSS distintas. El REES no

Twittea este evento con la hashtag #eventosiebs

[24]

[24]

Universidad de Notre Dame

Twittea este evento con la hashtag #eventosiebs

[25]

[25]

 Smart forms Destacar elementos Disear de un modo ms ergonmico. Evitar la teora de los Dedos Gordos

Twittea este evento con la hashtag #eventosiebs

[26]

[26]

 Permite mayores opciones de optimizacin Posibilidad de personalizar la experiencia de usuario

DESVENTAJAS

VENTAJAS

Tecnologa poco testeada Muy nueva, en su infancia Puede despistar a tu usuario. No es la opcin ms simple Mucho ms costosa que el resto

Twittea este evento con la hashtag #eventosiebs

[27]

[27]

- .mobi hace referencia a los estndares y buenas prcticas a seguir para desarrollar webs para mviles antiguos (featured phones o telfonos tradicionales para los que se vala el protocolo WAP) - Hoy en da no recomiendo ni tenerlo en cuenta. Quien posea un telfono de ese tipo no navegar por Internet
Twittea este evento con la hashtag #eventosiebs
[28]

[28]

3
Twittea este evento con la hashtag #eventosiebs
[29]

[29]

 Configurar Robots.txt Sitemap.xml Etiquetas Switchboard Malas prcticas y errores comunes a evitar

Twittea este evento con la hashtag #eventosiebs

[30]

[30]

El site dedicado estar en otra carpeta del servidor con su robots.txt Dos opciones
Opcin 1 User Agent:* Disallow:/ Opcin 2 User Agent:* Disallow: (estndar)

Etiquetas Switchboard
Twittea este evento con la hashtag #eventosiebs
[31]

[31]

<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 >

Twittea este evento con la hashtag #eventosiebs

[32]

Ms informacin >> https://developers.google.com/webmasters/smartphone-sites/details#separateurls [32]

<?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:link rel=alternate media=only screen and (max-width: 640px) href=http://m.example.com/page-1/> </url> </urlset> Tambin debers configurar la cannica en cada pgina mvil
Twittea este evento con la hashtag #eventosiebs
[33]

Ms informacin >> https://developers.google.com/webmasters/smartphone-sites/details#separateurls [33]

<?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

Twittea este evento con la hashtag #eventosiebs

[34]

[34]

misitio.com misitio.com/pagina1 misitio.com/pagina-n

m.misitio.com

Twittea este evento con la hashtag #eventosiebs

[35]

[35]

- 404 Not Found pero slo para smartphones

- Si contenido no existe para mvil, no muestres un error. Llvale a la versin desktop - Google-Mobile para smartphones redirigido a la web para telfonos tontos

-Vdeos embebidos en pginas mviles que necesitan flash.

Twittea este evento con la hashtag #eventosiebs

[36]

[36]

1 2
3 4 5

Menor Bounce Rate

6 7
8 9

Hacen ms dinero los sites dedicados a mviles?

Ahorras costes, recursos y tiempo

Aprovecha enlaces internos Una URL nica para dominarlos a todos Experiencia visual ms atractiva No hay contenido duplicado propio de desarrollo mvil

Optimizacin Landing Pages

Es lo que quiere Google!!

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

Twittea este evento con la hashtag #eventosiebs

[37]

[37]

Tusenfryd, Noruega

Twittea este evento con la hashtag #eventosiebs

[38]

[38]

Bobbejaanland, Blgica

Twittea este evento con la hashtag #eventosiebs

[39]

[39]

BonBon-Land, Dinamarca

Twittea este evento con la hashtag #eventosiebs

[40]

[40]

Has de usar la cabecera Vary HTTP a nivel de servidor para comunicar a Google que el contenido puede cambiar y ser diferente en funcin del user-agent que acceda a la pgina.
Se usa esta cabecera como aviso de rastreo de la araa 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 segn cach o no. Sin esta cabecera, el servidor donde se ha cacheado el contenido podra servir un contenido para mvil cuando debera estar sirviendo el contenido para desktop. Ayuda al robot de Google a descubrir el contenido mvil ms rpido, ya que una cabecera Vary HTTP vlida es una de las seales claras para indicar a Google que la URL sirve contenido optimizado para mviles

Ejemplo

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

Twittea este evento con la hashtag #eventosiebs

[41]

[41]

4
Twittea este evento con la hashtag #eventosiebs
[42]

[42]

1. De los recursos que tengas 2. Del conocimiento y expertise de la empresa

3. Del tipo de web, negocio y tus objetivos

Twittea este evento con la hashtag #eventosiebs

[43]

[43]

Twittea este evento con la hashtag #eventosiebs

[44]

[44]

Tipo de site Intensivo en contenidos y actualizacin (noticias, blogs) E-commerce Objetivoobtencin de leads Informativos, Landing Pages, CTA Mobile first, usando Marketing de contexto y SoLoMo

Tecnologa Responsive Design

Web dedicada Dynamic Serving o RESS Responsive Design Dedicado o Dynamic Serving

Twittea este evento con la hashtag #eventosiebs

[45]

[45]

Twittea este evento con la hashtag #eventosiebs

[46]

[46]

Twittea este evento con la hashtag #eventosiebs

[47]

[47]

Pginas brillantes de producto mviles

Twittea este evento con la hashtag #eventosiebs

[48]

[48]

Pginas brillantes de producto mviles

Twittea este evento con la hashtag #eventosiebs

[49]

[49]

Pginas brillantes de producto mviles

Adidas tiene una web dedicada y hecha para mviles, con un efecto prcticamente Responsive en su versin iPhone y Android. Mete componentes de servidor. Segn la resolucin de pantalla del dispositivo, entrega una versin ms avanzada del site mvil, o sirve una versin ms friendly para la resolucin del mvil La diferencia con su web normal es el peso y resolucin de sus imgenes
Twittea este evento con la hashtag #eventosiebs
[50]

[50]

Gracias!

Twittea este evento con la hashtag #eventosiebs

[51]

[51]