Presentación del webinar sobre Mobile SEO celebrado en IEBS Business School a cargo de Eduardo Cano. Puedes aprender más sobre este tema en: http://open.iebschool.com/cursos/mobile-seo-optimizando-web-orientada-moviles/

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

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

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

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

5. Aproximadamente, el 30% acaba
comprando
Twittea este evento con la hashtag #eventosiebs
[5]
[5]
Fuente: http://www.thinkwithgoogle.com/mobileplanet/es

6. Ha realizado una búsqueda de
producto en el móvil
Twittea este evento con la hashtag #eventosiebs
[6]
[6]
Fuente: http://www.thinkwithgoogle.com/mobileplanet/es

7. Twittea este evento con la hashtag #eventosiebs
[7]
[7]
Fuente: http://www.thinkwithgoogle.com/mobileplanet/es

8. Twittea este evento con la hashtag #eventosiebs
[8]
[8]
Fuente: http://www.thinkwithgoogle.com/mobileplanet/es

9. Twittea este evento con la hashtag #eventosiebs
[9]
[9]
Fuente: http://www.thinkwithgoogle.com/mobileplanet/es

10. 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?
Twittea este evento con la hashtag #eventosiebs
[10]
[10]
Fuente: http://www.thinkwithgoogle.com/mobileplanet/es

11. - 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
Twittea este evento con la hashtag #eventosiebs
[11]
[11]
Fuente: http://www.thinkwithgoogle.com/mobileplanet/es

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

13. Social
Gamificación
Merchant Apps
Tiendas
tradicionales
Local
Búsqueda móvil
Contenidos optimizados
Leads
Webs genéricas
Facebook, G+, Google Local,
Google Maps, Foursquare…
Tiendas online
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
Twittea este evento con la hashtag #eventosiebs
[13]
[13]

14. Matt Cutts
Twittea este evento con la hashtag #eventosiebs
[14]
[14]

15. Elijamos lo que elijamos,
ha de facilitarnos la
consecución de nuestros
objetivos
Twittea este evento con la hashtag #eventosiebs
[15]
[15]

16. Distinta URL
Distinto HTML
Twittea este evento con la hashtag #eventosiebs
[16]
[16]

17. Twittea este evento con la hashtag #eventosiebs
[17]
[17]

18. Misma URL
Mismo HTML
Twittea este evento con la hashtag #eventosiebs
[18]
[18]

19. Twittea este evento con la hashtag #eventosiebs
[19]
[19]

20. Misma URL
Distinto HTML(y CSS)
Twittea este evento con la hashtag #eventosiebs
[20]
[20]

21. Twittea este evento con la hashtag #eventosiebs
[21]
[21]

22. • Misma URL, mismo HTM
• Usa vistas “pre-cargadas” y definidas según
el tamaño de pantalla
Twittea este evento con la hashtag #eventosiebs
[22]
[22]

23. Twittea este evento con la hashtag #eventosiebs
[23]
[23]

24. RESS: Responsive Web Design + Server Side Components
- 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
Twittea este evento con la hashtag #eventosiebs
[24]
[24]

25. Universidad de Notre Dame
Twittea este evento con la hashtag #eventosiebs
[25]
[25]

26. • Smart forms
• Destacar elementos
• Diseñar de un modo más
“ergonómico”. Evitar la teoría de
los Dedos Gordos
Twittea este evento con la hashtag #eventosiebs
[26]
[26]

27. Twittea este evento con la hashtag #eventosiebs
[27]
[27]

28. - .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
Twittea este evento con la hashtag #eventosiebs
[28]
[28]

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

30. • Configurar Robots.txt
• Sitemap.xml
• Etiquetas Switchboard
• Malas prácticas y
errores comunes a evitar
Twittea este evento con la hashtag #eventosiebs
[30]
[30]

31. 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
Twittea este evento con la hashtag #eventosiebs
[31]
[31]

32. <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]
Más información >> https://developers.google.com/webmasters/smartphone-sites/details#separateurls
[32]

33. <?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>
También deberás configurar la canónica en cada página móvil
Twittea este evento con la hashtag #eventosiebs
[33]
Más información >> https://developers.google.com/webmasters/smartphone-sites/details#separateurls
[33]

34. <?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]

35. misitio.com
misitio.com/pagina1
misitio.com/pagina-n
m.misitio.com
Twittea este evento con la hashtag #eventosiebs
[35]
[35]

36. - 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.
Twittea este evento con la hashtag #eventosiebs
[36]
[36]

37. 1
1
Menor Bounce Rate
2 Aprovecha enlaces internos
2
6
6
¿Hacen más dinero los sites
dedicados a móviles?
7
7
Ahorras costes, recursos y
tiempo
3
3
Una URL única para
dominarlos a todos
8 Optimización Landing Pages
8
4
4
Experiencia visual más
atractiva
9 ¡¡Es lo que quiere Google!!
9
5
5
No hay contenido duplicado
propio de desarrollo móvil
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]

38. Tusenfryd, Noruega
Twittea este evento con la hashtag #eventosiebs
[38]
[38]

39. Bobbejaanland, Bélgica
Twittea este evento con la hashtag #eventosiebs
[39]
[39]

40. BonBon-Land, Dinamarca
Twittea este evento con la hashtag #eventosiebs
[40]
[40]

41. -
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
Twittea este evento con la hashtag #eventosiebs
[41]
[41]

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

43. 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]

44. Twittea este evento con la hashtag #eventosiebs
[44]
[44]

45. Tipo de site
Tecnología
Intensivo en contenidos y
actualización (noticias, blogs…)
E-commerce
Responsive Design
Objetivoobtención de leads
Dynamic Serving o RESS
Informativos, Landing Pages,
CTA…
Mobile first, usando Marketing
de contexto y SoLoMo
Responsive Design
Web dedicada
Dedicado o Dynamic Serving
Twittea este evento con la hashtag #eventosiebs
[45]
[45]

46. Twittea este evento con la hashtag #eventosiebs
[46]
[46]

47. Twittea este evento con la hashtag #eventosiebs
[47]
[47]

48. Páginas brillantes de producto móviles
Twittea este evento con la hashtag #eventosiebs
[48]
[48]

49. Páginas brillantes de producto móviles
Twittea este evento con la hashtag #eventosiebs
[49]
[49]

50. 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óvil
La diferencia con su web
“normal” es el peso y resolución
de sus imágenes
Twittea este evento con la hashtag #eventosiebs
[50]
[50]

51. ¡Gracias!
Me podéis encontrar en:
Twittea este evento con la hashtag #eventosiebs
[51]
[51]