Mobile first: pautas para mejorar tu SEO

Mobile first | DICCIONARIO SEO

Gracias al rápido desarrollo de las características y funcionalidades de los dispositivos móviles en los últimos años, muchos usuarios optan por realizar sus búsquedas, compras y operaciones a través de sus teléfonos, en lugar de realizarlo en el ordenador. Por ello, es imprescindible tener en cuenta que nuestra web debe adaptarse al tamaño de las pantallas de estos dispositivos, y el mobile first es un método de diseño que se centra en esta problemática tan importante en el SEO de nuestras páginas.

¿Qué es Mobile First?

Mobile first es una metodología de diseño de páginas web en la cual se realiza, en primera instancia, todo el trabajo adaptado a la pantalla de un dispositivo móvil. En el método más habitual y utilizado hasta la fecha, se diseña una página web pensando en las dimensiones de la pantalla de un ordenador convencional, para después adaptarla a tablets y, en último lugar, a los teléfonos móviles.

Con el mobile first pasa exactamente lo contrario, primero se diseña la web en base a la resolución del móvil, para después realizar un escalado que aumente su tamaño y permita su óptimo funcionamiento en las pantallas de ordenadores. Actualmente, es imprescindible que los diseños sean responsive, es decir, que exista un escalado disponible para cualquier tipo de dispositivo. En caso contrario, perderíamos toda la visibilidad de ciertos dispositivos, algo imperdonable de cara al posicionamiento SEO.

¿Cómo mejora el posicionamiento?

Actualmente, Google ha actualizado su algoritmo para que lo primero en valorar, de cara al posicionamiento SEO, sea la optimización de la web en los dispositivos móviles. En caso de que la web solo se haya diseñado pensando en una pantalla convencional de ordenador, Google nos penalizará y perderemos bastante visibilidad.

Pese a que el SEO se trabaja teniendo en cuenta muchísimos factores, este es uno de los obligatorios si queremos conseguir los posicionamientos más privilegiados. Debemos tener en cuenta de que cada día son más los usuarios que disponen de dispositivos móviles conectados a internet y los utilizan para realizar búsquedas y consultas en internet, por lo que adaptar nuestra web al móvil se ha convertido en una tarea imprescindible.

¿Qué es mobile friendly?

El principio fundamental del mobile first consiste en que nuestra página web sea 100% mobile friendly, es decir, que esté completamente optimizada para cualquier dispositivo móvil que quiera consultarla. En cuanto a optimización, hacemos referencia a que el rendimiento de la web sea pleno: tamaño adecuado, navegación correcta, conseguir tiempos de carga reducidos… Todos estos factores se pueden consultar introduciendo la url de la web en la herramienta Webmaster Tools de Google.

Cuando hablamos de una web mobile friendly, pese a que lo mencionado anteriormente es fundamental, no debemos de dejar de lado otro aspecto importante: el valor de nuestro contenido. Si cumplimos con lo anterior pero los textos son pobres en calidad, las imágenes no aportan valor y no incluimos elementos extra como gráficos y vídeos, no seremos capaces de obtener las mejores posiciones en Google.

Es importante diferenciar mobile first de responsive desing, ya que ambos persiguen ofrecer la mejor experiencia de usuario en dispositivos móviles, pero desde dos conceptos diferentes. Mientras en mobile first el diseño se realiza enfocado 100% en los dispositivos móviles (smartphone y tablet), en el diseño responsive, primero se desarrolla y diseña para equipos de escritorio, y luego se adapta la web a las características especiales de los dispositivos móviles (pantalla más pequeña, orientación vertical, pulsación táctil y múltiples funcionalidades propias).

Cómo implementar mobile first para mejorar el SEO

A la hora de diseñar una web siguiendo los principios del mobile first, debemos atender a bastantes factores que marcarán la diferencia de cara al posicionamiento de nuestra página con respecto a las demás.

1. Optimiza contenido para móviles

Como mencionamos anteriormente, todo lo relacionado con el funcionamiento y la correcta optimización del contenido de la web en los dispositivos móviles es crucial para que Google premie nuestras labores y obtengamos un mejor posicionamiento. En este apartado es imprescindible controlar que el rendimiento de la web en los móviles sea pleno, los tiempos de carga se reduzcan lo menos posible, y la calidad de la navegación sea óptima.

2. Usa imágenes con un tamaño adecuado

El tamaño y la calidad de la imagen son imprescindibles en la versión móvil de nuestra web. Si las imágenes se publican en una relación excesivamente grande, podríamos obligar al usuario a desplazarse continuamente si quieren consultar el texto. Por otro lado, las imágenes muy pequeñas les obligarían a hacer zoom, por lo que no serían adecuadas. En relación con las imágenes, no podemos olvidarnos de su calidad, ya que puede generar bastantes problemas en algunos dispositivos. Actualmente, muchos móviles trabajan con resoluciones bastante altas, por lo que las imágenes de baja resolución se visualizarían bastante borrosas en ellos. Para evitar este problema y no perder visibilidad, tenemos que asegurarnos de que todas las imágenes sean de alta definición.

3. Cuidado con el tamaño de la fuente y de los botones

La fuente debe ser lo suficientemente grande como para leerla sin tener que hacer zoom, pero tampoco excesivamente grande, ya que podría afectar a otros elementos visuales de la web. Por otro lado, los botones que se incluyan en la web deben tener un tamaño adecuado, con el fin de evitar que los usuarios hagan clics indeseados y puedan disfrutar de una navegación cómoda.

4. Evita el uso de flash y otras tecnologías que no funcionan en móvil

Para optimizar el posicionamiento SEO de nuestra web, no se recomienda que incluyamos programas que incluyan tecnologías como el Flash, ya que este no es compatible con el móvil y cambiaría la experiencia de estos usuarios, que no podrían disfrutar del contenido al 100%. Por ello, solo tendremos que utilizar programas y complementos que sean compatibles en todos los dispositivos, tanto PC como tablet y móvil.

5. Reducir el tamaño o peso, de todo el contenido de tu web

Si este es un factor al que ya debemos prestar bastante atención a la hora de diseñar una web para ordenador, en el campo de los teléfonos móviles es aún más importante, ya que la velocidad de carga de estos dispositivos se puede ver comprometida si no se hace de forma correcta. Además, esta velocidad de respuesta de la web también es un factor importante para el algoritmo de Google, por lo que necesitaremos optimizarla de cara a mejorar nuestro SEO.

6. Ten en cuenta el diseño responsive

Los diseños responsive, que mencionamos anteriormente, no solo hacen referencia a hacer la adaptación PC-tablet-móvil, sino que también debemos tener en cuenta todos los tipos de dispositivos que existen dentro de cada categoría. Hay modelos de móviles con distintas resoluciones, tanto en horizontal como en vertical, por lo que nuestra web debe ser apta y tener un correcto funcionamiento en cada uno de ellos para considerarse mobile friendly.

7. Evitar un mal uso de pop ups

No podemos descuidar, en ningún momento, el uso de pop ups en nuestro dispositivo móvil. Muchas veces, cuando navegamos en algunas páginas, nos aparecen algunos de ellos con un tamaño excesivamente grande y molesto, y no nos permiten ver los elementos de la página adecuadamente ni tener una navegación cómoda. Si este es el caso de nuestra web, Google nos penalizará.

8. Asegúrate de que tu contenido está disponible en todos los dispositivos y plataformas móviles

No solo tendremos que adaptarnos a las características y propiedades físicas del móvil, también hay que tener en cuenta las diferentes plataformas y dispositivos que operan en la actualidad, para que ninguno de ellos quede excluido a la hora de navegar por nuestra web. Ningún sistema operativo, navegador o aplicación debe experimentar problemas particulares mientras ven nuestro contenido.

9. No bloquear CSS o JavaScript

Este factor es uno de los que Google tiene en cuenta para determinar si nuestra web es mobile friendly y responsive o no, por lo que es imprescindible que ambos funcionen de forma adecuada en nuestra web. Actualmente, la gran mayoría de dispositivos ya están perfectamente preparados para trabajar con ambos, por lo que no sería correcto que estén bloqueados en nuestra página.

Herramienta para comprobar cómo está el Mobile friendly de tu web

Afortunadamente, Google cuenta con una herramienta gratuita que nos permite realizar una prueba de optimización a tiempo real de nuestra web en dispositivos móviles. Gracias a ella, podemos comprobar si hemos seguido los consejos anteriores de forma adecuada, y si cumplimos con los estándares básicos de la plataforma que nos permitirán obtener un buen posicionamiento SEO. Para utilizar esta plataforma, debemos dirigirnos a este enlace e introducir la URL completa de nuestra web para que se ponga en marcha. Es una prueba bastante rápida, la cual se completará en poco menos de un minuto, y que nos mostrará una captura de pantalla del aspecto de nuestra web en móvil, junto a un listado de los problemas de compatibilidad y optimización que se hayan encontrado. Los errores de usabilidad habituales detectados por la aplicación son:

La propiedad viewport está definida con un ancho fijo, lo cual no permite adaptar la web a la escala de cada dispositivo.
Algunos de los complementos utilizados son incompatibles con los dispositivos móviles (generalmente, lo que comentamos anteriormente con respecto a Flash).
El contenido tiene una anchura mayor a la pantalla y obliga al lector a girar la pantalla del móvil y ponerla de forma horizontal para poder ver todas las palabras e imágenes.
Los botones y elementos están ubicados en posiciones muy cercanas, lo que provoca clics erróneos por parte de los usuarios.
El texto incluido tiene una fuente con un tamaño muy pequeño, obligando a utilizar el zoom para leerlo de forma cómoda.

Como conclusión, podemos afirmar que, si buscamos las mejores posiciones en el las páginas de resultados de Google, es obligatorio que realicemos un diseño mobile first o responsive de nuestra web. Actualmente, el porcentaje de usuarios de navegación en teléfonos móviles es demasiado grande como para ignorarlo, por lo que el mobile friendly será un concepto fundamental en el SEO durante mucho tiempo.