#ClinicSEO Ponencia SEO para móviles de Aleyda

Home

#ClinicSEO Ponencia SEO para móviles de Aleyda

Publicado el 10 julio, 2012, en Eventos, por MJ

El #clinicseo de Seo para móviles comienza con Aleyda dando un dato importante: El 44% de la población española tiene un smartphone ¿Qué dice Google del SEO para mobile? http://googlewebmastercentral.blogspot.com.es/2011/12/introducing-smartphone-googlebot-mobile.htmlAleyda nos da 3 opciones

Diseño web adaptable: responsive web design

Lo bueno:

- Contenido unico por url

- Facil y menos coste en mantenimiento

- Consolidacion de popularidad, ya que las campañas de link building, se pueden aprovechar

- No hacen falta redirecciones, algo que a Google le gusta y vamos a ahorrar recursos, optimizando mucho cuestiones de WPO.

Lo malo:

- Rediseño y recodificación web

- Quizás tengamos menor control

- La experiencia enfocada al movil es menor

Lo que dice Google https://developers.google.com/webmasters/smartphone-sites/details

Hay que permitir al buscador que rastree todos los recursos y elements relacionados a las páginas. Como por ejemplo los css, los archivos js, imágenes, etc. Debemos hacer entender que es un diseño adaptado, permitiendo este rastreo.

El uso de frameworks que soporten y validen el proceso de diseño adaptable, también es un punto muy recomendable

Otra consideración es que debemos asegurarnos es de testar los tamaños que seran las adaptaciones con tools como http://mattkersley.com/responsive/ y http://quirktools.com/screenfly/

Sin olvidarnos de la velocidad de carga, tambien en responsive https://developers.google.com/speed/pagespeed/insights

Ejemplos de buenas web con RWD -> Direct Seguros

Servir versiones en funcion de los usuarios que llegan

Usuario o mobile, pero misma url. Complejidad tecnica

Lo bueno:

- Una urls para ambas, no hay duplicados

- Consolidacion de popularidad, sobre todo temas de link buildig

- Flexibilidad de diferenciación de contenido movil y mejor usabilidad movil

Lo malo:

- Complejidad para servir contenido en relacion al agente de usuario

- Mayor esfuerzo y el cost de mantenimiento

A traves de la misma url, mostramos distintos contenido, identificando agente de usuario, ya sea bot movil o el usuario que venga del movil, y redirigir a través de headers, validando el caso que sea, pero siempre la misma versión a ambos, para evitar cloacking

Google recomienda usar la linea vary: user-agent, para informar a google que se muestran contenidos distintos, en la misma url.

Recomienda herramientas como http://web-sniffer.net/, verificamos los header para servir los distintos contenidos. Lo unico que existen casos en los que utiliza redirecciones 302, que no es lo mas recomendable.

Si elegimos esta opción, necesitamos confirmar a través de GWT, como mira el codigo googlebot, para verificar que son los contenidos que queremos mostrar

Por otro lado, otro addon para utilizar es https://addons.mozilla.org/es-es/firefox/addon/user-agent-switcher/ para verificar lo que ve el usuario movil

Y mucho ojo con el cloacking!!

Ejemplo de este diseño web es 11870, usa las mismas urls y adaptan contenido en función del user agente.

Desarrollo de una web paralela, bajo subdominio m.url…

Lo más standarizado hoy por hoy. Pero con problemas asociados: contenidos duplicados, por ejemplo.

Lo bueno:

- Desarrollo menos complejo

- Más flexibilidad de diferenciación de contenidos y posiblemente, la usabilidad movil sea mejor

Lo malo:

- Duplicación de contenido

- Mayor esfuerzo en link building

- Mayor esfuerzo y cote de mantenimiento

La recomendación principal es usar un subdominio y no volvernos locos creando una estructura nueva paralela, queremos hacer hincapié en dar consistencia en las urls. El ejemplo claro de buenas prácticas es Top RuralSi identificas el agente de usuario, es recomendable redirigir con 301 a la versión correcta a nivel de URL Otra recomendación clarísima de Aleyda es enlazar siempre desde la versión movil a la desktop, a nivel usabilidad, siempre le vamos a dar una opción al usuario, no solo por cuestiones de linkado. El ejemplo de esto es Idealista. Lo siguiente que subraya Aleyda es la necesidad de crear sitemaps específicos para móvil y su posterior envío a GWT, añadiendo a cabeceras las etiquetas correspondientes para evitar contenidos duplicados, “alternate” desde la versión desktop y “canonical” desde la movil. El ejemplo de El Corte Inglés, pasan de estructuras y hacen redirecciones 302, en función de usuario, hacia subdominios m.dominio Y terminando la charla, no olvidar las buenas prácticas SEO fundamentales y todo el tema de hacer pruebas SEO controladas, quizás con secciones concretas, ver cómo funciona y luego una vez validado el test, se puede extender a resto de secciones web.

¿Que tipo de versión web movil me conviene?

Podemos observar desde GA qué tipo de formatos son los que usan los usuarios que llegan a nuestra web, quizás sean pistas para luego desarrollar un theme o plantilla alineada a esas necesidades. El problema viene cuando estamos limitados para desarrollar, o quizas, nuestro sector es mas tradicional/conservador, más orientado a moviles de otra generación no tan moderna. Y también, a nivel contenidos, quizás podemos encontrarnos ante distintos contenidos en la versión mobile frente a la versión de sobremesa, la oferta es distinta. Mucho ojo con el cloaking, mostrando distintas versiones en función de quien entre a la web, que podemos encontrarnos con situaciones complicadas. A priori lo ideal es RWD.

Resumen de ClinicSEO en el blog de Aleyda y la presentación completa de Aleyda en slideshare :

SEO para Móviles – Clinic SEO

View more presentations from Aleyda Solis

Las otras charlas de ClinicSEO:

#ClinicSEO ASO: App Store Optimization de ConoroConnor

#ClinicSEO Responsive Web Design de Arturo Marimon

Maria José Cachón

Diplomada en Ciencias Empresariales, me zambullí en el mundo online con un Máster de Marketing Digital, seguido de otro de Introducción a Desarrollo Web. Consultora SEO, aprendiz constante de Analítica Web y asidua a todo lo Social. Adicta a la Coca Cola Zero, a Twitter, a Michael Jordan y al SEO!