Presentación webinar mobile seo

562 views

Published on

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/

Published in: Education
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
562
On SlideShare
0
From Embeds
0
Number of Embeds
4
Actions
Shares
0
Downloads
25
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide
  • La compra puede ser online (en PC, móvil, tablet) o física
  • Con el dynamic serving, google podría no leer el HTML para la web móvil. El desarrollador tiene que comunicárselo manualmente al googlebot
  • Usa el llamado “Progressive Enhancement”
  • Usa el llamado “Progressive Enhancement”
  • Usa el llamado “Progressive Enhancement”
  • Presentación webinar mobile seo

    1. 1. Twittea este evento con la hashtag #eventosiebs [1] [1]
    2. 2. 1 2 3 3 4 4 Twittea este evento con la hashtag #eventosiebs [2] [2]
    3. 3. 1 Twittea este evento con la hashtag #eventosiebs [3] [3]
    4. 4. Twittea este evento con la hashtag #eventosiebs [4] [4]
    5. 5. Aproximadamente, el 30% acaba comprando Twittea este evento con la hashtag #eventosiebs [5] [5] Fuente: http://www.thinkwithgoogle.com/mobileplanet/es
    6. 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. 7. Twittea este evento con la hashtag #eventosiebs [7] [7] Fuente: http://www.thinkwithgoogle.com/mobileplanet/es
    8. 8. Twittea este evento con la hashtag #eventosiebs [8] [8] Fuente: http://www.thinkwithgoogle.com/mobileplanet/es
    9. 9. Twittea este evento con la hashtag #eventosiebs [9] [9] Fuente: http://www.thinkwithgoogle.com/mobileplanet/es
    10. 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. 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. 12. 2 Twittea este evento con la hashtag #eventosiebs [12] [12]
    13. 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. 14. Matt Cutts Twittea este evento con la hashtag #eventosiebs [14] [14]
    15. 15. Elijamos lo que elijamos, ha de facilitarnos la consecución de nuestros objetivos Twittea este evento con la hashtag #eventosiebs [15] [15]
    16. 16. Distinta URL Distinto HTML Twittea este evento con la hashtag #eventosiebs [16] [16]
    17. 17. Twittea este evento con la hashtag #eventosiebs [17] [17]
    18. 18. Misma URL Mismo HTML Twittea este evento con la hashtag #eventosiebs [18] [18]
    19. 19. Twittea este evento con la hashtag #eventosiebs [19] [19]
    20. 20. Misma URL Distinto HTML(y CSS) Twittea este evento con la hashtag #eventosiebs [20] [20]
    21. 21. Twittea este evento con la hashtag #eventosiebs [21] [21]
    22. 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. 23. Twittea este evento con la hashtag #eventosiebs [23] [23]
    24. 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. 25. Universidad de Notre Dame Twittea este evento con la hashtag #eventosiebs [25] [25]
    26. 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. 27. Twittea este evento con la hashtag #eventosiebs [27] [27]
    28. 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. 29. 3 Twittea este evento con la hashtag #eventosiebs [29] [29]
    30. 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. 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. 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. 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. 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. 35. misitio.com misitio.com/pagina1 misitio.com/pagina-n m.misitio.com Twittea este evento con la hashtag #eventosiebs [35] [35]
    36. 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. 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. 38. Tusenfryd, Noruega Twittea este evento con la hashtag #eventosiebs [38] [38]
    39. 39. Bobbejaanland, Bélgica Twittea este evento con la hashtag #eventosiebs [39] [39]
    40. 40. BonBon-Land, Dinamarca Twittea este evento con la hashtag #eventosiebs [40] [40]
    41. 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. 42. 4 Twittea este evento con la hashtag #eventosiebs [42] [42]
    43. 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. 44. Twittea este evento con la hashtag #eventosiebs [44] [44]
    45. 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. 46. Twittea este evento con la hashtag #eventosiebs [46] [46]
    47. 47. Twittea este evento con la hashtag #eventosiebs [47] [47]
    48. 48. Páginas brillantes de producto móviles Twittea este evento con la hashtag #eventosiebs [48] [48]
    49. 49. Páginas brillantes de producto móviles Twittea este evento con la hashtag #eventosiebs [49] [49]
    50. 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. 51. ¡Gracias! Me podéis encontrar en: Twittea este evento con la hashtag #eventosiebs [51] [51]

    ×