EMMS 2014: ¿Cómo optimizar un Sitio Web para Dispositivos Móviles?

¿Cómo optimizar un sitio Web para dispositivos móviles?

#SEOMOVIL POR @ALEYDA DE @ORAINTI PARA #EMMS2014

Speaker

Blogger Sharer@aleyda +aleydasolis

Hola, Soy Aleyda Solis

VIVIMOS EN UN MUNDO

MULTIDISPOSITIVO

QUE AÚN ESTÁ EN PLENO CRECIMIENTO

AL QUE GOOGLE ESTÁ DANDO CADA VEZ MÁS IMPORTANCIA A NIVEL DE POSICIONAMIENTO

NUESTROS PROCESOS SEO DEBEN EXPANDIRSE A UN MUNDO MULTI-DISPOSITIVO Y OPTIMIZAR PARA ELLOS

AÚN NO SIEMPRE SE HACE…

ANÁLISIS DE SITUACION

ACTUAL

VEAMOS CÓMO OPTIMIZAR UN SITIO WEB PARA DISPOSITIVOS MÓVILES…

ANÁLISIS DE POTENCIAL

MÓVIL

SELECCIÓN DE TIPO DE WEB MÓVIL

OPTIMIZACIÓN DE SITIO WEB

MÓVIL

1#SEOMOVIL POR @ALEYDA DE @ORAINTI PARA #EMMS2014

COMIENZA IDENTIFICANDO EL ESTADO MÓVIL ACTUAL DE TU WEB

USA GOOGLE ANALYTICS & GOOGLE WEBMASTER TOOLS

VERIFICA EL VOLUMEN, TENDENCIA & FUENTES DE TU TRÁFICO MÓVIL

EL COMPORTAMIENTO DE TRÁFICO POR DISPOSITIVO MÓVIL

LA VISIBILIDAD EN LA BÚSQUEDA MÓVIL DE TUS CONSULTAS & PÁGINAS

IDENTIFICA PROBLEMAS DE RASTREO WEB MÓVIL

VERIFICA CÓMO EL GOOGLEBOT MÓVIL ACCEDE A TUS PÁGINAS MÁS IMPORTANTES

#SEOMOVIL POR @ALEYDA DE @ORAINTI PARA #EMMS2014#SEOMOVIL POR @ALEYDA DE @ORAINTI PARA #EMMS2014

USA EMULADORES PARA IDENTIFICAR LA VISIBILIDAD & USABILIDAD MÓVIL

https://developer.chrome.com/devtools/docs/device-mode

USA SCREAMING FROG PARA RASTREAR TU WEB COMO EL GOOGLEBOT MÓVIL

http://www.screamingfrog.co.uk/seo-spider/

INVESTIGA A TU AUDIENCIA Y POTENCIAL DE BÚSQUEDA MÓVIL

IDENTIFICA EL VOLUMEN DE BÚSQUEDA MÓVIL CON GOOGLE KEYWORD PLANNER

https://adwords.google.es/KeywordPlanner

EXPANDE IDEAS DE PALABRAS CLAVE QUE TAMBIÉN ESTÉN USANDO COMPETIDORES

http://www.semrush.com/

VERIFICA TU POSICIONAMIENTO MÓVIL ACTUAL VS. TU COMPETENCIA PARA LAS MISMAS

ANALIZA EL RENDIMIENTO DE TU POSICIONAMIENTO MÓVIL VS. TU COMPETENCIA

http://www.stateofdigital.com/easily-analyze-competitors-mobile-seo-performance/

ESTABLECE TUS PALABRAS CLAVE & TEMÁTICAS A OPTIMIZAR EN TU SITIO WEB MÓVIL EN BASE A ESTO

RELEVANCIA

VOLUMEN DE BÚSQUEDA COMPETENCIA

ESTACIONALIDAD INTENCIÓN

EXISTENCIA FORMATO

POSICIONAMIENTOTRÁFICO

CONVERSIONES

COMPORTAMIENTO DE INDUSTRIA

CONTENIDO ACTUAL

VOLUMEN

RENTABILIDAD

OFERTA DE NEGOCIO

SELECCIONA TU TIPO DE WEB MÓVIL

PUEDES HABILITAR TU WEB MÓVIL A TRAVÉS DE 3 ALTERNATIVAS

USA LOS DATOS DEL ANÁLISIS ANTERIOR PARA ELEGIR LA MEJOR PARA TU SITUACIÓN

La funcionalidad y contenido móvil deseado

El perfil identificado de la audiencia móvil

La capacidad de desarrollo Web Móvil Tu Tipo de Web Móvil

HACIENDO LAS SIGUIENTES PREGUNTAS

EXISTEN BUENAS PRÁCTICAS SEO TANTO PARA LA OPTIMIZACIÓN GENERAL COMO ESPECÍFICA DE LAS MISMAS

BUENAS PRÁCTICAS SEO GENERALES

BUENAS PRÁCTICAS PARA

SITIOS RESPONSIVE

SITIOS DINÁMICOS

WEB MÓVILES PARALELAS

APRENDAMOS DE LAS BUENAS PRÁCTICAS DE SEO MÓVIL GENERALES

OPTIMIZA TU VELOCIDAD WEB MÓVIL CON PAGESPEED INSIGHTS

https://developers.google.com/speed/pagespeed/insights/

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/

HAZ TU PÁGINAS MÓVILES RELEVANTES ENFOCÁNDOLAS A TUS PALABRAS CLAVE OBJETIVO

USA DATOS ESTRUCTURADOS PARA TU CONTENIDO MÓVIL

https://support.google.com/webmasters/answer/99170?hl=en

CREA PRESENCIA EN GOOGLE+ PARA NEGOCIOS SI ERES LOCAL

http://www.google.com/intl/es/business/

PERMITE A TUS VISITANTES IR A LAS VERSIONES ALTERNATIVAS DE TU WEB

AHORA VEAMOS CUÁLES SON LAS RECOMENDACIONES PARA UN SITIO

WEB RESPONSIVE

¿QUÉ ES UNA WEB RESPONSIVE?

VERIFICA TU DISEÑO WEB RESPONSIVE

http://mattkersley.com/responsive/

CÓMO FUNCIONA EL DISEÑO RESPONSIVE

EL RESPONSIVE ES LA OPCIÓN PREFERIDA DE GOOGLE PARA WEB MÓVIL

https://developers.google.com/webmasters/smartphone-sites/details

PROS & CONTRAS DE WEBS RESPONSIVE

+ -PROS CONTRASSin 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

PROS & CONTRAS DE WEBS RESPONSIVE

+ -PROS CONTRASSin 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

Tu alternativa Web móvil si es técnicamente factible, tu oferta desktop es la misma móvil y fácilmente adaptable

sin perjudicar la experiencia del usuario.

SIGUE LAS BUENAS PRÁCTICAS DE GOOGLE PARA IMPLEMENTARLO

http://googlewebmastercentral.blogspot.com/2012/04/responsive-design-harnessing-power-of.html

NO BLOQUEES LOS RECURSOS DE TU WEB (JS, CSS, IMÁGENES)

LA VELOCIDAD & VISUALIZACIÓN NECESITAS DE MAYOR ATENCIÓN

AQUÍ UN EJEMPLO DE DISEÑO WEB RESPONSIVE

¿CUÁLES SON LAS BUENAS PRÁCTICAS SEO PARA WEBS MÓVILES DINÁMICAS?

¿QUÉ ES UNA WEB MÓVIL DINÁMICA?

USA WEB SNIFFERS, USER AGENT SWITCHERS & EMULADORES PARA PROBAR SI UNA WEB MÓVIL ES DINÁMICA

http://www.mobilephoneemulator.com/

PROS & CONTRAS DE WEBS DINÁMICAS

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

+ -PROS CONTRAS

PROS & CONTRAS DE WEBS DINÁMICAS

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

+ -PROS CONTRASLo mejor si necesitas contenido, funcionalidad y experiencia

de usuario móvil diferenciado o si es el mismo pero no puedes implementar una responsive Web.

AÑADE EL VARY HTTP HEADER A TUS URLS

http://www.web-sniffer.net

IDENTIFICA Y SIRVE CORRECTAMENTE A LOS AGENTES DE USUARIOS

https://developers.google.com/webmasters/smartphone-sites/common-mistakes

AQUÍ UN EJEMPLO DE SITIO WEB DINÁMICO

APRENDAMOS DE LAS BUENAS PRÁCTICAS SEO PARA WEB MÓVILES

PARALELAS

¿QUÉ ES UN SITIO WEB MÓVIL PARALELO?

VERIFICA UN SITIO WEB PARALELO

PROS Y CONTRAS DE SITIOS PARALELOS

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

+ -PROS CONTRAS

PROS Y CONTRAS DE SITIOS WEB MÓVILES PARALELOS

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

+ -PROS CONTRASSi necesitas contenido, funcionalidad y experiencia de usuario móvil diferenciado pero no puedes implementar dynamic serving o si es el mismo pero no puedes implementar una

responsive Web.

CÓMO DEBEN FUNCIONAR LAS REDIRECCIONES

CREA UNA ESTRUCTURA WEB MÓVIL PARALELA RELEVANTE Y CONSISTENTE

AÑADE ANOTACIONES REL ALTERNATE & CANONICAL EN LAS URLS

https://developers.google.com/webmasters/smartphone-sites/details

AÑADE EL ATRIBUTO REL ALTERNATE EN EL XML SITEMAP DE LA VERSIÓN DESKTOP

VEAMOS UN EJEMPLO DE WEB MÓVIL PARALELA

AHORA YA SABES CÓMO OPTIMIZAR TU WEB MÓVIL EN BASE A SUS CARACTERÍSTICAS, POTENCIAL Y

RESTRICCIONES

ES MOMENTO DE MAXIMIZAR TU POTENCIAL MÓVIL

¡Muchas Gracias! ¿Tenéis Preguntas?

EMMS 2014: ¿Cómo optimizar un Sitio Web para Dispositivos Móviles?

Marketing

Transcript of EMMS 2014: ¿Cómo optimizar un Sitio Web para Dispositivos Móviles?

EMMS 2015: De la superación a la super-acción

Metodos de Optimizar en SQL

EMMS 2014: ¿Qué papel juega la Analítica Web en una Estrategia Online?

EMMS 2013 Rep. Dominicana: Diseña tu estrategia de Content Marketing

Procesos para Optimizar Resultados

Optimizar Rendimiento de Consultas

Cómo optimizar landingpages

EMMS 2013 Argentina: Estrategias de Negocio con Social Media

Consultas Optimizar SQL

Optimizar Memoria Virtual Windows 8

Optimizar la visibilidad y el control de amenazas...de la empresa y puede resultar en robo de información Tráfico VPN Infectado Usuarios móviles necesitan acceso seguro a los sistemas

Servomotores EMMS-AS TOC Bookmark Servomotores …

Webinar Cómo optimizar sus emails en móviles

Presentación del EMMS 2012 por Jonathan Baldovino

Optimizar bateria de un portatil

Optimizar el tiempo es optimizar dinero: facturación electrónica

EMMS 2013 España: La Nueva Sociedad Digital

Optimizar la batería

AYUDANDO A OPTIMIZAR.

Dispositivos móviles Androidwebti.uai.cl/.../2015/04/Dispositivos-móviles-Android.pdfDispositivos móviles Android Manual de configuración de Dispositivos móviles Android A continuación