Presentación webinar mobile seo

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

description

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/

Transcript of Presentación webinar mobile seo

Page 1: Presentación webinar mobile seo

[1]

[1]

Twittea este evento con la hashtag #eventosiebs

Page 2: Presentación webinar mobile seo

[2]

[2]

Twittea este evento con la hashtag #eventosiebs

1

2

33

44

Page 3: Presentación webinar mobile seo

[3]

[3]

Twittea este evento con la hashtag #eventosiebs

1

Page 4: Presentación webinar mobile seo

[4]

[4]

Twittea este evento con la hashtag #eventosiebs

Page 5: Presentación webinar mobile seo

[5]

[5]

Twittea este evento con la hashtag #eventosiebs

Aproximadamente, el 30% acaba comprando

Fuente: http://www.thinkwithgoogle.com/mobileplanet/es/

Page 6: Presentación webinar mobile seo

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

Page 7: Presentación webinar mobile seo

[7]

[7]

Twittea este evento con la hashtag #eventosiebs

Fuente: http://www.thinkwithgoogle.com/mobileplanet/es/

Page 8: Presentación webinar mobile seo

[8]

[8]

Twittea este evento con la hashtag #eventosiebs

Fuente: http://www.thinkwithgoogle.com/mobileplanet/es/

Page 9: Presentación webinar mobile seo

[9]

[9]

Twittea este evento con la hashtag #eventosiebs

Fuente: http://www.thinkwithgoogle.com/mobileplanet/es/

Page 10: Presentación webinar mobile seo

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

Page 11: Presentación webinar mobile seo

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

Page 12: Presentación webinar mobile seo

[12]

[12]

Twittea este evento con la hashtag #eventosiebs

2

Page 13: Presentación webinar mobile seo

[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

Page 14: Presentación webinar mobile seo

[14]

[14]

Twittea este evento con la hashtag #eventosiebs

Matt Cutts

Page 15: Presentación webinar mobile seo

[15]

[15]

Twittea este evento con la hashtag #eventosiebs

Elijamos lo que elijamos, ha de facilitarnos la consecución de nuestros objetivos

Page 16: Presentación webinar mobile seo

[16]

[16]

Twittea este evento con la hashtag #eventosiebs

Distinta URL

Distinto HTML

Page 17: Presentación webinar mobile seo

[17]

[17]

Twittea este evento con la hashtag #eventosiebs

Page 18: Presentación webinar mobile seo

[18]

[18]

Twittea este evento con la hashtag #eventosiebs

Misma URL

Mismo HTML

Page 19: Presentación webinar mobile seo

[19]

[19]

Twittea este evento con la hashtag #eventosiebs

Page 20: Presentación webinar mobile seo

[20]

[20]

Twittea este evento con la hashtag #eventosiebs

Misma URL

Distinto HTML(y CSS)

Page 21: Presentación webinar mobile seo

[21]

[21]

Twittea este evento con la hashtag #eventosiebs

Page 22: Presentación webinar mobile seo

[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

Page 23: Presentación webinar mobile seo

[23]

[23]

Twittea este evento con la hashtag #eventosiebs

Page 24: Presentación webinar mobile seo

[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

Page 25: Presentación webinar mobile seo

[25]

[25]

Twittea este evento con la hashtag #eventosiebs

Universidad de Notre Dame

Page 26: Presentación webinar mobile seo

[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

Page 27: Presentación webinar mobile seo

[27]

[27]

Twittea este evento con la hashtag #eventosiebs

Page 28: Presentación webinar mobile seo

[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

Page 29: Presentación webinar mobile seo

[29]

[29]

Twittea este evento con la hashtag #eventosiebs

33

Page 30: Presentación webinar mobile seo

[30]

[30]

Twittea este evento con la hashtag #eventosiebs

• Configurar Robots.txt• Sitemap.xml• Etiquetas Switchboard• Malas prácticas y errores comunes a evitar

Page 31: Presentación webinar mobile seo

[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

Page 32: Presentación webinar mobile seo

[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

Page 33: Presentación webinar mobile seo

[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

Page 34: Presentación webinar mobile seo

[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

Page 35: Presentación webinar mobile seo

[35]

[35]

Twittea este evento con la hashtag #eventosiebs

misitio.commisitio.com/pagina1misitio.com/pagina-n

m.misitio.com

Page 36: Presentación webinar mobile seo

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

Page 37: Presentación webinar mobile seo

[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

Page 38: Presentación webinar mobile seo

[38]

[38]

Twittea este evento con la hashtag #eventosiebs

Tusenfryd, Noruega

Page 39: Presentación webinar mobile seo

[39]

[39]

Twittea este evento con la hashtag #eventosiebs

Bobbejaanland, Bélgica

Page 40: Presentación webinar mobile seo

[40]

[40]

Twittea este evento con la hashtag #eventosiebs

BonBon-Land, Dinamarca

Page 41: Presentación webinar mobile seo

[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

Page 42: Presentación webinar mobile seo

[42]

[42]

Twittea este evento con la hashtag #eventosiebs

44

Page 43: Presentación webinar mobile seo

[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

Page 44: Presentación webinar mobile seo

[44]

[44]

Twittea este evento con la hashtag #eventosiebs

Page 45: Presentación webinar mobile seo

[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

Page 46: Presentación webinar mobile seo

[46]

[46]

Twittea este evento con la hashtag #eventosiebs

Page 47: Presentación webinar mobile seo

[47]

[47]

Twittea este evento con la hashtag #eventosiebs

Page 48: Presentación webinar mobile seo

[48]

[48]

Twittea este evento con la hashtag #eventosiebs

Páginas brillantes de producto móviles

Page 49: Presentación webinar mobile seo

[49]

[49]

Twittea este evento con la hashtag #eventosiebs

Páginas brillantes de producto móviles

Page 50: Presentación webinar mobile seo

[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

Page 51: Presentación webinar mobile seo

[51]

[51]

Twittea este evento con la hashtag #eventosiebs

¡Gracias!Me podéis encontrar en: