SEO para dispositivos móviles

SEO para dispositivos
móviles
Dani Reguera Bakhache
[email protected]
http://twitter.com/dreguera
http://www.linkedin.com/in/danireguera
http://mukom.mondragon.edu/socialmedia
Unos datos para
empezar...
Más datos...
Más datos...
Más datos...
Más datos...
Más datos...
Más datos...
¿Qué opina Google de
todo esto?
https://developers.google.com/webmasters/smartphone-sites/googlebot-mobile
http://www.themobileplaybook.com/en-us/
http://www.thinkwithgoogle.com/mobileplanet/es/
http://www.haztuwebmovil.es/es/d/
“MOVILIZA” TU
SEO
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
Diagnóstico inicial
¿Cuánto tráfico
orgánico nos viene
desde dispositivos
móviles?
Creamos en GA un segmento avanzado
que nos filtre el tráfico orgánico desde
móviles
¿Qué dispositivos nos traen tráfico
orgánico?
¿Qué volumen orgánico por KW y
Landingpage?
¿Cómo ve Google
nuestro sitio web?
(Explorar con
Googlebot-Mobile)
¿Cómo ve nuestro sito el buscador?
¿Cómo ve nuestro sito el buscador?
¿Cómo ve nuestro sito el buscador?
¿Cómo ve nuestro sito el buscador?
¿Cómo ve nuestro sito el buscador?
Optimizar la web
1º DISEÑO WEB ADAPTABLE
2º PUBLICACIÓN DINÁMICA
3º WEB PARALELA
¿Qué opina (de nuevo)
Google de todo esto?
RESPONSIVE
WEB DESIGN
Rulez!
DYNAMIC SERVING
Not bad...
WEBS
INDEPENDIENTES
Facepalm...
RESPONSIVE WEB
DESIGN
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
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
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)
RESPONSIVE WEB DESIGN
●
Ejemplos:
–
Www.mondragon.edu
–
Www.deskontu.com
DYNAMIC SERVING
o PUBLICACIÓN
DINÁMICA
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
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
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
WEB
PARALELA
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
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)
WEB PARALELA
●
Contras:
–
Riesgo de duplicidad de contenido (Mismo
contenido en diferentes URLs)
–
Mayor coster de mantenimiento (Son dos
versiones completamente independientes)
¿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
–
●
http://support.google.com/webmasters/bin/answer.p
y?hl=en&answer=189077
http://support.google.com/webmasters/bin/answer.p
y?hl=en&answer=139394
Incluye siempre enlaces de la versión movil a la
versión desktop
Medir los resultados
El SEO no es una ciencia
exacta...
¿Qué dispositivos nos traen tráfico
orgánico?
¿Qué volumen orgánico por KW y
Landingpage?
Recursos a tener en cuenta...
●
Haztuwebmovil.es
●
Screenfly → http://quirktools.com/screenfly/
●
Google Support → Nadie mejor que ellos te
van a indicar cómo hacer las cosas
Recursos a tener en cuenta...
●
Google Places
Dani Reguera Bakhache
[email protected]
http://twitter.com/dreguera
http://www.linkedin.com/in/danireguera
http://mukom.mondragon.edu/socialmedia