9. VEAMOS CÓMO OPTIMIZAR UN SITIO WEB PARA
DISPOSITIVOS MÓVILES…
ANÁLISIS DE
SITUACION
ACTUAL
ANÁLISIS DE
POTENCIAL
MÓVIL
SELECCIÓN
DE TIPO DE
WEB MÓVIL
#SEOMOVIL POR @ALEYDA DE @ORAINTI PARA #EMMS2014
OPTIMIZACIÓN
DE SITIO WEB
MÓVIL
10. 1 #SEOMOVIL POR @ALEYDA DE @ORAINTI PARA #EMMS2014
COMIENZA IDENTIFICANDO EL ESTADO
MÓVIL ACTUAL DE TU WEB
11. USA GOOGLE ANALYTICS &
GOOGLE WEBMASTER TOOLS
#SEOMOVIL POR @ALEYDA DE @ORAINTI PARA #EMMS2014
12. VERIFICA EL VOLUMEN, TENDENCIA &
FUENTES DE TU TRÁFICO MÓVIL
#SEOMOVIL POR @ALEYDA DE @ORAINTI PARA #EMMS2014
13. EL COMPORTAMIENTO DE TRÁFICO POR DISPOSITIVO MÓVIL
#SEOMOVIL POR @ALEYDA DE @ORAINTI PARA #EMMS2014
14. LA VISIBILIDAD EN LA BÚSQUEDA MÓVIL
DE TUS CONSULTAS & PÁGINAS
#SEOMOVIL POR @ALEYDA DE @ORAINTI PARA #EMMS2014
16. VERIFICA CÓMO EL GOOGLEBOT MÓVIL ACCEDE
A TUS PÁGINAS MÁS IMPORTANTES
#SEOMOVIL POR @ALEYDA DE @ORAINTI PARA #EMMS2014
17. USA EMULADORES PARA IDENTIFICAR LA VISIBILIDAD
& USABILIDAD MÓVIL
https://developer.chrome.com/devtools/docs/device-mode
#SEOMOVIL POR @ALEYDA DE @ORAINTI PARA #EMMS2014
18. USA SCREAMING FROG PARA RASTREAR TU WEB
COMO EL GOOGLEBOT MÓVIL
http://www.screamingfrog.co.uk/seo-spider/
#SEOMOVIL POR @ALEYDA DE @ORAINTI PARA #EMMS2014
19. 2 #SEOMOVIL POR @ALEYDA DE @ORAINTI PARA #EMMS2014
INVESTIGA A TU AUDIENCIA Y
POTENCIAL DE BÚSQUEDA MÓVIL
20. IDENTIFICA EL VOLUMEN DE BÚSQUEDA MÓVIL
CON GOOGLE KEYWORD PLANNER
https://adwords.google.es/KeywordPlanner
#SEOMOVIL POR @ALEYDA DE @ORAINTI PARA #EMMS2014
21. EXPANDE IDEAS DE PALABRAS CLAVE QUE TAMBIÉN
ESTÉN USANDO COMPETIDORES
#SEOMOVIL POR @ALEYDA DE @ORAINTI PARA #EMMS2014
http://www.semrush.com/
22. VERIFICA TU POSICIONAMIENTO MÓVIL ACTUAL VS.
TU COMPETENCIA PARA LAS MISMAS
#SEOMOVIL POR @ALEYDA DE @ORAINTI PARA #EMMS2014
23. ANALIZA EL RENDIMIENTO DE TU
POSICIONAMIENTO MÓVIL VS. TU COMPETENCIA
http://www.stateofdigital.com/easily-analyze-competitors-mobile-seo-performance/
#SEOMOVIL POR @ALEYDA DE @ORAINTI PARA #EMMS2014
24. ESTABLECE TUS PALABRAS CLAVE & TEMÁTICAS A
OPTIMIZAR EN TU SITIO WEB MÓVIL EN BASE A ESTO
COMPORTAMIENTO DE
INDUSTRIA
RELEVANCIA
VOLUMEN DE BÚSQUEDA
COMPETENCIA
ESTACIONALIDAD
INTENCIÓN
CONTENIDO ACTUAL
EXISTENCIA
FORMATO
POSICIONAMIENTO
TRÁFICO
CONVERSIONES
OFERTA DE NEGOCIO
VOLUMEN
RENTABILIDAD
#SEOMOVIL POR @ALEYDA DE @ORAINTI PARA #EMMS2014
25. 3 #SEOMOVIL POR @ALEYDA DE @ORAINTI PARA #EMMS2014
SELECCIONA TU TIPO DE WEB MÓVIL
26. PUEDES HABILITAR TU WEB MÓVIL A TRAVÉS DE
3 ALTERNATIVAS
#SEOMOVIL POR @ALEYDA DE @ORAINTI PARA #EMMS2014
27. USA LOS DATOS DEL ANÁLISIS ANTERIOR PARA ELEGIR LA
MEJOR PARA TU SITUACIÓN
La funcionalidad y contenido móvil deseado
La capacidad de desarrollo Web Móvil Tu Tipo de Web Móvil
El perfil identificado de la audiencia móvil
#SEOMOVIL POR @ALEYDA DE @ORAINTI PARA #EMMS2014
29. EXISTEN BUENAS PRÁCTICAS SEO TANTO PARA LA
OPTIMIZACIÓN GENERAL COMO ESPECÍFICA DE LAS MISMAS
BUENAS
PRÁCTICAS PARA
SITIOS
RESPONSIVE
BUENAS
PRÁCTICAS PARA
SITIOS
DINÁMICOS
BUENAS
PRÁCTICAS PARA
WEB MÓVILES
PARALELAS
BUENAS PRÁCTICAS SEO GENERALES
#SEOMOVIL POR @ALEYDA DE @ORAINTI PARA #EMMS2014
30. 4 #SEOMOVIL POR @ALEYDA DE @ORAINTI PARA #EMMS2014
APRENDAMOS DE LAS BUENAS
PRÁCTICAS DE SEO MÓVIL GENERALES
31. OPTIMIZA TU VELOCIDAD WEB MÓVIL
CON PAGESPEED INSIGHTS
https://developers.google.com/speed/pagespeed/insights/
#SEOMOVIL POR @ALEYDA DE @ORAINTI PARA #EMMS2014
32. DISEÑA PARA TU INTERFAZ MÓVIL, EVITANDO ELEMENTOS
COMO INTERSTITIALS O EN FLASH
http://www.nngroup.com/articles/optimizing-a-screen-for-mobile-use/
#SEOMOVIL POR @ALEYDA DE @ORAINTI PARA #EMMS2014
33. HAZ TU PÁGINAS MÓVILES RELEVANTES
ENFOCÁNDOLAS A TUS PALABRAS CLAVE OBJETIVO
#SEOMOVIL POR @ALEYDA DE @ORAINTI PARA #EMMS2014
34. USA DATOS ESTRUCTURADOS
PARA TU CONTENIDO MÓVIL
https://support.google.com/webmasters/answer/99170?hl=en
#SEOMOVIL POR @ALEYDA DE @ORAINTI PARA #EMMS2014
35. CREA PRESENCIA EN GOOGLE+
PARA NEGOCIOS SI ERES LOCAL
http://www.google.com/intl/es/business/
#SEOMOVIL POR @ALEYDA DE @ORAINTI PARA #EMMS2014
36. PERMITE A TUS VISITANTES IR A LAS
VERSIONES ALTERNATIVAS DE TU WEB
#SEOMOVIL POR @ALEYDA DE @ORAINTI PARA #EMMS2014
37. 5 #SEOMOVIL POR @ALEYDA DE @ORAINTI PARA #EMMS2014
AHORA VEAMOS CUÁLES SON LAS
RECOMENDACIONES PARA UN SITIO
WEB RESPONSIVE
38. ¿QUÉ ES UNA WEB RESPONSIVE?
#SEOMOVIL POR @ALEYDA DE @ORAINTI PARA #EMMS2014
39. VERIFICA TU DISEÑO WEB RESPONSIVE
http://mattkersley.com/responsive/
#SEOMOVIL POR @ALEYDA DE @ORAINTI PARA #EMMS2014
40. CÓMO FUNCIONA EL DISEÑO RESPONSIVE
#SEOMOVIL POR @ALEYDA DE @ORAINTI PARA #EMMS2014
41. EL RESPONSIVE ES LA OPCIÓN PREFERIDA
DE GOOGLE PARA WEB MÓVIL
https://developers.google.com/webmasters/smartphone-sites/details
#SEOMOVIL POR @ALEYDA DE @ORAINTI PARA #EMMS2014
42. PROS & CONTRAS DE WEBS RESPONSIVE
+ PROS - CONTRAS
Sin riesgo de duplicación de contenido
Más fácil mantenimiento
Consolidación de Popularidad
No hay necesidad de Redirecciones
Una implementación para Móvil & Tablet
Posible necesidad de rediseño
Sin posibilidad de diferenciación oferta
Más restricciones usabilidad y velocidad
#SEOMOVIL POR @ALEYDA DE @ORAINTI PARA #EMMS2014
43. PROS & CONTRAS DE WEBS RESPONSIVE
+ PROS - CONTRAS
Sin riesgo de duplicación de contenido
Más fácil mantenimiento
Consolidación de Popularidad
No hay necesidad de Redirecciones
Una implementación para Móvil & Tablet
Tu alternativa Web móvil si es técnicamente factible,
tu oferta desktop es la misma móvil y fácilmente adaptable
Posible necesidad de rediseño
Sin posibilidad de diferenciación oferta
Más restricciones usabilidad y velocidad
sin perjudicar la experiencia del usuario.
#SEOMOVIL POR @ALEYDA DE @ORAINTI PARA #EMMS2014
44. SIGUE LAS BUENAS PRÁCTICAS DE
GOOGLE PARA IMPLEMENTARLO
http://googlewebmastercentral.blogspot.com/2012/04/responsive-design-harnessing-power-of.html
#SEOMOVIL POR @ALEYDA DE @ORAINTI PARA #EMMS2014
45. NO BLOQUEES LOS RECURSOS DE TU WEB
(JS, CSS, IMÁGENES)
#SEOMOVIL POR @ALEYDA DE @ORAINTI PARA #EMMS2014
46. LA VELOCIDAD & VISUALIZACIÓN
NECESITAS DE MAYOR ATENCIÓN
#SEOMOVIL POR @ALEYDA DE @ORAINTI PARA #EMMS2014
47. AQUÍ UN EJEMPLO DE DISEÑO WEB RESPONSIVE
#SEOMOVIL POR @ALEYDA DE @ORAINTI PARA #EMMS2014
48. 6 #SEOMOVIL POR @ALEYDA DE @ORAINTI PARA #EMMS2014
¿CUÁLES SON LAS BUENAS PRÁCTICAS
SEO PARA WEBS MÓVILES DINÁMICAS?
49. ¿QUÉ ES UNA WEB MÓVIL DINÁMICA?
#SEOMOVIL POR @ALEYDA DE @ORAINTI PARA #EMMS2014
50. USA WEB SNIFFERS, USER AGENT SWITCHERS & EMULADORES
PARA PROBAR SI UNA WEB MÓVIL ES DINÁMICA
http://www.mobilephoneemulator.com/
#SEOMOVIL POR @ALEYDA DE @ORAINTI PARA #EMMS2014
51. PROS & CONTRAS DE WEBS DINÁMICAS
+ PROS - CONTRAS
Sin riesgo de duplicación de contenido
Capacidad para diferenciar oferta
Consolidación de popularidad
Mejor experiencia de usuario móvil
Complejidad en Implementación
Mayor coste de mantenimiento
Dos implementaciones Móvil & Tablet
#SEOMOVIL POR @ALEYDA DE @ORAINTI PARA #EMMS2014
52. PROS & CONTRAS DE WEBS DINÁMICAS
+ PROS - CONTRAS
Lo mejor si necesitas contenido, funcionalidad y experiencia
de usuario móvil diferenciado o si es el mismo pero no puedes
Sin riesgo de duplicación de contenido
Capacidad para diferenciar oferta
Consolidación de popularidad
Mejor experiencia de usuario móvil
Complejidad en Implementación
Mayor coste de mantenimiento
Dos implementaciones Móvil & Tablet
implementar una responsive Web.
#SEOMOVIL POR @ALEYDA DE @ORAINTI PARA #EMMS2014
53. AÑADE EL VARY HTTP HEADER A TUS URLS
#SEOMOVIL POR @ALEYDA DE @ORAINTI PARA #EMMS2014
http://www.web-sniffer.net
54. IDENTIFICA Y SIRVE CORRECTAMENTE
A LOS AGENTES DE USUARIOS
https://developers.google.com/webmasters/smartphone-sites/common-mistakes
#SEOMOVIL POR @ALEYDA DE @ORAINTI PARA #EMMS2014
55. AQUÍ UN EJEMPLO DE SITIO WEB DINÁMICO
#SEOMOVIL POR @ALEYDA DE @ORAINTI PARA #EMMS2014
56. 6 #SEOMOVIL POR @ALEYDA DE @ORAINTI PARA #EMMS2014
APRENDAMOS DE LAS BUENAS
PRÁCTICAS SEO PARA WEB MÓVILES
PARALELAS
57. ¿QUÉ ES UN SITIO WEB MÓVIL PARALELO?
#SEOMOVIL POR @ALEYDA DE @ORAINTI PARA #EMMS2014
58. VERIFICA UN SITIO WEB PARALELO
#SEOMOVIL POR @ALEYDA DE @ORAINTI PARA #EMMS2014
59. PROS Y CONTRAS DE SITIOS PARALELOS
+ PROS - CONTRAS
Más fácil implementación
Capacidad de diferenciar oferta móvil
Mejor experiencia de usuario móvil
Riesgo de duplicación de contenido
Riesgo de dilución de popularidad
Esfuerzo adicional en rastreo e indexacón
Mayor coste de mantenimiento
Dos implementaciones Móvil & Tablet
#SEOMOVIL POR @ALEYDA DE @ORAINTI PARA #EMMS2014
60. PROS Y CONTRAS DE SITIOS WEB MÓVILES PARALELOS
S+i nePcReOsSitas contenido, funcionalid-adC yO eNxTpReArSiencia de usuario
móvil diferenciado pero no puedes implementar dynamic
serving o si es el mismo pero no puedes implementar una
Más fácil implementación
Capacidad de diferenciar oferta móvil
Mejor experiencia de usuario móvil
Riesgo de duplicación de contenido
Riesgo de dilución de popularidad
Esfuerzo adicional en rastreo e indexacón
Mayor coste de mantenimiento
Dos implementaciones Móvil & Tablet
responsive Web.
#SEOMOVIL POR @ALEYDA DE @ORAINTI PARA #EMMS2014
61. CÓMO DEBEN FUNCIONAR LAS REDIRECCIONES
#SEOMOVIL POR @ALEYDA DE @ORAINTI PARA #EMMS2014
62. CREA UNA ESTRUCTURA WEB MÓVIL
PARALELA RELEVANTE Y CONSISTENTE
#SEOMOVIL POR @ALEYDA DE @ORAINTI PARA #EMMS2014
63. AÑADE ANOTACIONES REL ALTERNATE &
CANONICAL EN LAS URLS
https://developers.google.com/webmasters/smartphone-sites/details
#SEOMOVIL POR @ALEYDA DE @ORAINTI PARA #EMMS2014
64. AÑADE EL ATRIBUTO REL ALTERNATE EN EL
XML SITEMAP DE LA VERSIÓN DESKTOP
#SEOMOVIL POR @ALEYDA DE @ORAINTI PARA #EMMS2014
65. VEAMOS UN EJEMPLO DE
WEB MÓVIL PARALELA
#SEOMOVIL POR @ALEYDA DE @ORAINTI PARA #EMMS2014
66. AHORA YA SABES CÓMO OPTIMIZAR TU WEB MÓVIL
EN BASE A SUS CARACTERÍSTICAS, POTENCIAL Y
RESTRICCIONES
#SEOMOVIL POR @ALEYDA DE @ORAINTI PARA #EMMS2014
67. ES MOMENTO DE MAXIMIZAR TU POTENCIAL MÓVIL
#SEOMOVIL POR @ALEYDA DE @ORAINTI PARA #EMMS2014