Post on 17-Nov-2014
description
[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: