SEO para dispositivos móviles

Transcripción

1 SEO para dispositivos móviles Dani Reguera Bakhache

2 Unos datos para empezar...

3

4

5

6

7 Más datos...

8 Más datos...

9 Más datos...

10 Más datos...

11 Más datos...

12 Más datos...

13 Qué opina Google de todo esto?

14

15

16

17

18

19

20 MOVILIZA TU SEO

21 1º ANÁLISIS INICIAL (Keywords, Fuentes de tráfico, landing pages) 2º OPTIMIZAR LA WEB (Mejorar la indexabilidad de esas páginas con experiencia móvil) 3º MEDIR LOS RESULTADOS

22 Diagnóstico inicial

23 Cuánto tráfico orgánico nos viene desde dispositivos móviles?

24 Creamos en GA un segmento avanzado que nos filtre el tráfico orgánico desde móviles

25 Qué dispositivos nos traen tráfico orgánico?

26 Qué volumen orgánico por KW y Landingpage?

27 Cómo ve Google nuestro sitio web? (Explorar con Googlebot-Mobile)

28 Cómo ve nuestro sito el buscador?

29 Cómo ve nuestro sito el buscador?

30 Cómo ve nuestro sito el buscador?

31 Cómo ve nuestro sito el buscador?

32 Cómo ve nuestro sito el buscador?

33 Optimizar la web

34 1º DISEÑO WEB ADAPTABLE 2º PUBLICACIÓN DINÁMICA 3º WEB PARALELA

35 Qué opina (de nuevo) Google de todo esto?

36 RESPONSIVE WEB DESIGN Rulez!

37 DYNAMIC SERVING Not bad...

38 WEBS INDEPENDIENTES Facepalm...

39 RESPONSIVE WEB DESIGN

40 RESPONSIVE WEB DESIGN Ventajas: No tenemos contenido duplicado Sólo tenemos un HTML Sólo tenemos una versión Mejor para el linkbuilding No tenemos redirecciones Más rápido Google lo recomienda

41

42 RESPONSIVE WEB DESIGN Contras: Menor control y diferenciación del contenido del usuario móvil Menos experiencia orientado al usuario (Aunque podemos evitarlo gracias a HTML5 + CSS3) Debemos rediseñar el index

43 RESPONSIVE WEB DESIGN Para ello: Utilizar un framework para guiarnos (Por ejemplo Bootstrap de twitter) Importancia de la rapidez de carga (Optimizar el rendimiento) Olvidarnos de flash (Por favor)

44

45

46 RESPONSIVE WEB DESIGN Ejemplos:

47 DYNAMIC SERVING o PUBLICACIÓN DINÁMICA

48 DYNAMIC SERVING Misma URL pero diferente contenido. Redirijo en función del user-agent que me llega a la página Miramos ese user-agent y en función si es desktop o movil le redirijo a una página u otra Misma URL pero distinto HTML

49 DYNAMIC SERVING Pros: No hay duplicidad de contenidos Podemos identificar a los usuarios Podemos identificar el contenido móvil Mejor usabilidad porque diseñamos una interfaz exclusiva para el móvil

50 DYNAMIC SERVING Contras: Mayor complejidad técnica: Tenemos que configurar el redireccionamiento en el servidor en función del user-agent Mayor coste de mantenimiento: Al fin y al cabo son dos estructuras

51

52

53 WEB PARALELA

54 WEB PARALELA Dos URLs distintas: Una para móviles y robot movil Otra url para desktop Totalmente orientada al dispositivo móvil (Diseño, usabilidad...) En funcion del user-agent redireccionamos (301) a la URL en cuestión Mantener siempre la estructura de URLs tanto en la versión móvil como en la desktop

55 WEB PARALELA Pros: Más facil de implementar Diferenciamos el contenido móvil Mejor experiencia de usuario (Hemos creado una web específica para el dispositivo móvil)

56 WEB PARALELA Contras: Riesgo de duplicidad de contenido (Mismo contenido en diferentes URLs) Mayor coster de mantenimiento (Son dos versiones completamente independientes)

57 Contenido duplicado? Utilizar rel= alternate apuntando de la versión escritorio a la móvil, en cada página Utilizar rel= canonical en la versión móvil y?hl=en&answer= y?hl=en&answer= Incluye siempre enlaces de la versión movil a la versión desktop

58 Medir los resultados

59 El SEO no es una ciencia exacta...

60 Qué dispositivos nos traen tráfico orgánico?

61 Qué volumen orgánico por KW y Landingpage?

62

63 Recursos a tener en cuenta... Haztuwebmovil.es Screenfly Google Support Nadie mejor que ellos te van a indicar cómo hacer las cosas

64 Recursos a tener en cuenta... Google Places

65 Dani Reguera Bakhache