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/
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
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]
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]
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]
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]
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]
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]
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]
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]
45. Tipo de site
Tecnología
Intensivo en contenidos y
actualización (noticias, blogs…)
E-commerce
Responsive Design
Objetivoobtenció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]
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]