Cuál es la mejor opción SEO para la versión móvil

Alternativas para la versión móvil desde el punto de vista SEO

Es un hecho sin discusión: es imprescindible tener una versión optimizada para móvil del sitio web de nuestra empresa o proyecto. De lo contrario estaremos abocados a la pérdida de visitantes y, por tanto, de posibles clientes y/o ingresos publicitarios (según el modelo de negocio).

Bien, ya sabemos que necesitamos disponer de una versión móvil para nuestro sitio web, ahora se nos plantea la disyuntiva de elegir entre las dos alternativas básicas que hay.

  • Crear una versión móvil independiente de la de escritorio (la tradicional).
  • Adaptar la web de escritorio (tanto desde el punto estético como funcional) para que sea operativa también desde móvil (Diseño Responsive).

Centrándonos sólo en el aspecto SEO y dejando de lado otros condicionantes como el desarrollo, uso, etc. vamos a comentar las distintas alternativas que existen.

Google recomienda tener una web con diseño “Responsive”

En este aspecto Google es muy claro, aunque en otros siempre se mueve con cierta ambigüedad: La mejor opción es el diseño web responsive (o diseño adaptable).

Google moviles

Google no quiere que se muestre distinto contenido según se trate de una versión u otra y que sólo cambie el aspecto visual mediante CSS (curiosamente no cita que se pueda usar Javascript para modificar el aspecto). En general, todo lo que implique un cambio de código HTML para una misma URL dependiendo desde dónde, cuándo o cómo se acceda debe ser siempre manejado con cuidado por riesgo de ser considerado “cloacking” (mostrar un contenido distinto a los usuarios y a los robots).

Sin embargo, en muchas ocasiones no resulta sencillo adaptar una web de escritorio a móvil y es más costosa (en tiempo y recursos) la adaptación que realizar una versión móvil independiente. Hay que tener en cuenta que muchos sitios web están desarrollados con diseños y funcionalidades pre-móvil donde no resulta fácil convertirlos a Diseño Responsive.

Si no podemos tener un diseño Responsive, tenemos dos alternativas:

  • Crear una versión móvil independiente en un nuevo dominio o subdominio, que puede tener una estructura de urls diferente a la web de escritorio.
  • Que el contenido HTML y el diseño para una misma URL varíe en función de si se accede desde escritorio o desde móvil (evidentemente en este caso ni cambia el dominio ni las URLs de una versión a otra).

Recomendaciones para la versión móvil en un subdominio o nuevo dominio

Vamos a centrarnos en la opción 1) que es la alternativa más habitual, porque a nivel de desarrollo es más fácil crear un sitio web independiente que tener que modificar el código de la web de escritorio para que muestre un contenido HTML distinto, en función de si se accede desde un PC o desde un móvil.

En ambos casos se utiliza el user-agent (un dato que envía al servidor el navegador o el robot para detectar si se trata de una versión de escritorio o de móvil).

En la opción 1, si accedemos a una URL de la web de escritorio desde un móvil nos redirigirá a una URL (se supone que equivalente) de la versión móvil, por ejemplo:

www.mi-dominio.com/catalogo/productos debería redirigir a movil.mi-dominio.com/catalogo/productos

Aunque la estructura de URLs no tiene por qué ser la misma, podría ser:

movil.mi-dominio.com/catalogo-productos

Google vuelve a dejarlo claro:

 

Google aviso

Para poder relacionar ambas URLs equivalentes (la de escritorio y la de móvil) y que Google sepa cual mostrar en los resultados según se haga la búsqueda desde móvil o desde escritorio hemos de indicarlo mediante las oportunas meta-etiquetas.

Google instrucciones

Es decir, que en la versión de escritorio le indicamos que para móviles hay una versión alternativa:

En nuestro ejemplo, en el <head></head> de la página:

www.mi-dominio.com/catalogo/productos

Habría que poner este código:

<link rel=”alternate” media=”only screen and (max-width: 640px)” href=”movil.mi-dominio.com/catalogo/productos” />

Mientras que en la URL de la versión móvil habría que indicar que la versión canónica es la de escritorio.

Es decir, que en el <head></head> de la página:

movil.mi-dominio.com/catalogo/productos

Habría que poner este código:

<link rel=”canonical” href=” www.mi-dominio.com/catalogo/productos” />

Haciendo esto conseguimos que cuando alguien busque desde un móvil posicionemos gracias a la web de escritorio pero que accedan a una URL optimizada para móvil.

Aquí podemos ver que si buscamos “vuelos baratos” en un PC aparece este resultado.

Búsqueda orgánica

Mientras que cuando lo hacemos desde un móvil nos aparece la URL de la versión móvil.

Precauciones a la hora de desarrollar la versión móvil en un subdominio o dominio independiente

A la hora de desarrollar la versión móvil hemos de tener en cuenta estos aspectos.

  • No es recomendable que todas las URLs de escritorio redirijan a la misma URL móvil (por ejemplo si se desarrolla una única landing multipropósito para móvil).
  • Hay que hacer una versión móvil para cada URL de escritorio y que su contenido sea lo más parecido posible.
  • Por la razón anterior no puede haber titles y meta-etiquetas distintas para una misma página en su versión de escritorio y móvil.

Google Seo snippet

The following two tabs change content below.

Internet República


1 estrella2 estrellas3 estrellas4 estrellas5 estrellas (Ninguna valoración todavía)
Cargando…
Comentarios:
  • muy claro y conciso. me ha gustado por como lo explicas, se entiendo perfectamewnte para los que estamos empezando

    28 mayo, 2015 en 8:08 am
  • excelente explicación, creo que hacerla con subdominio conllevaría demasiado trabajo, gracias por el aporte

    27 agosto, 2015 en 4:04 pm

Deja un comentario:

4 + 19 =