Sitios web móviles y la influencia en el ranking
El teléfono inteligente está conquistando el mundo digital: cada vez más usuarios de Internet navegan con dispositivos móviles. Alrededor del 77 por ciento de las búsquedas se realizan en dispositivos móviles. Es por eso que Google implementó el Mobile First Index. A partir de marzo de 2021, las cosas se pondrán serias para los sitios web que no están optimizados para dispositivos móviles, porque Google rastreará todos los sitios web con el bot del teléfono inteligente. Esto significa que solo se tiene en cuenta la versión móvil en el ranking.
Por lo tanto, para lograr un buen ranking en Google, es importante optimizar los sitios web para dispositivos móviles y adaptar sus diversos componentes a las propiedades específicas del dispositivo. La siguiente publicación de blog explica qué factores de clasificación son importantes para los sitios web móviles y cómo puedes optimizar mejor un sitio web de acuerdo con Mobile First.
Contenidos
¿Qué es Mobile First?
Hasta ahora, la versión de escritorio de un sitio web ha sido el punto de partida para la concepción. Luego, esto se optimizó en su mayoría sucesivamente para uso móvil en el sentido del diseño receptivo clásico. Con el principio mobile First, por otro lado, la versión móvil es el punto de partida conceptual, es decir, el enfoque mobile First se basa inicialmente en la usabilidad móvil al diseñar la presentación y la usabilidad. Primero se crea el sitio web optimizado para dispositivos móviles, luego se realizan ajustes para la versión de escritorio.
Mobile First, como concepto de diseño web, es un cambio de paradigma del escritorio al sitio web móvil y se diferencia del diseño receptivo principalmente en su enfoque: ambos persiguen el mismo objetivo de optimización móvil, pero toman diferentes caminos en la implementación.
¿Qué es el índice Mobile First?
Al clasificar e indexar Google, el rastreador siempre ha utilizado la versión de escritorio del sitio web para la evaluación. En abril de 2018, Google anunció el lanzamiento del Mobile First Index, pero las cosas se pondrán serias en marzo. A partir de marzo de 2021, Google sólo utilizará el primer índice de móvil a evaluar el contenido y la información que está disponible en la versión móvil de la página web. Como resultado, tu clasificación de Google está influenciada principalmente por la versión móvil.
El índice Mobile First no es un índice de Google nuevo o separado, sino un índice de Google existente. Desde julio de 2019, Google ha estado rastreando todos los sitios web no indexados con el bot del teléfono inteligente. Si un sitio web que no ha sido optimizado para dispositivos móviles ya ha sido indexado, Google aún usa el bot de escritorio y otorga un período de gracia.
- Si el propio sitio web ya se ha convertido, puedes hacerlo en Google Search Console. La prueba de compatibilidad con dispositivos móviles de Google (prueba la compatibilidad con dispositivos móviles) te muestra si tu sitio está optimizado para dispositivos móviles.
¿Qué es un sitio web móvil?
Un sitio web móvil está especialmente optimizado para su uso en dispositivos móviles. En principio, el desarrollo web inicialmente se centró exclusivamente en la concepción de sitios web para escritorios fijos. Como resultado, todas las funciones y elementos de diseño visual se diseñaron para pantallas grandes y una conexión de datos rápida.
Dado que la mayoría de los usuarios navegan con dispositivos móviles, es necesaria una optimización móvil del sitio web para una buena clasificación. En el transcurso de esto, se toman medidas que tienen como objetivo mostrar de manera ideal el contenido web en teléfonos inteligentes, tabletas y netbooks. Los diferentes tamaños de pantalla, menor ancho de banda de Internet y la claridad de la navegación deben tenerse en cuenta durante la implementación.
Los diferentes tipos de sitios web móviles
Hay 3 opciones diferentes para optimizar sitios web para dispositivos móviles:
- Diseño receptivo: el sitio web se adapta dinámicamente al medio de origen respectivo con la ayuda de cuadrículas flexibles, consultas de medios HTML5 y CSS3. El diseño receptivo es la solución más popular para la optimización móvil, pero puede causar errores en sitios complejos.
- Diseño adaptativo: se guardan y muestran 2 o más versiones del sitio web según el dispositivo de consulta. Sin embargo, la identificación del dispositivo final es propensa a errores.
- Sitio web independiente: el sitio web independiente para dispositivos móviles es ideal para sitios web grandes y es aconsejable si la versión móvil y de escritorio persiguen objetivos diferentes.
Diseño receptivo
Con un diseño receptivo, el sitio web se adapta dinámicamente a los diferentes tamaños de pantalla, por lo que el contenido web sigue siendo idéntico. La estructura y el diseño, por otro lado, se ajusta dinámicamente a los respectivos tamaños de pantalla mediante consultas de medios HTML5 y CSS3.
Las especificaciones de diseño (estilos CSS) están determinadas por el navegador del dispositivo final (teléfono inteligente, tableta, netbook) para que el contenido del sitio web se pueda mostrar de manera óptima en el dispositivo.
Beneficios
- No se requiere una segunda versión del sitio web; el contenido solo debe ingresarse una vez y luego actualizarse. Es una solución económica.
Contras
- La carga de todos los archivos JavaScript y CSS puede aumentar los tiempos de carga. Además, la navegación adaptada es difícil de implementar.
- El diseño receptivo improvisó la mala experiencia del usuario debido a las imágenes recortadas, los largos tiempos de carga y el zoom constante del contenido, pero el “modo sin fin” de algunos sitios web es un problema.
- El desplazamiento sin fin, los textos abreviados y las imágenes ocultas conducen en última instancia a una mala usabilidad móvil(idoneidad móvil). La solución al problema es el principio ” Mobile First “, que en su concepción se centra directamente en una pantalla fácil de usar en dispositivos móviles.
Sitios web separados
Cabe señalar que Google prefiere el diseño receptivo. Sin embargo, un sitio web móvil independiente hace más justicia a la estrategia de los dispositivos mobile First, ya que sus elementos se diseñan directamente sobre la base de las condiciones del dispositivo móvil. Se crea un sitio web para móviles independiente en un subdominio como ” m.facebook.com “.
La pantalla del dispositivo móvil es la superficie en la que aparece el diseño por primera vez. El contenido web está optimizado para el uso de tabletas o teléfonos inteligentes desde el principio. En este punto, el concepto de dispositivos mobile First difiere del diseño receptivo clásico, que toma la versión de escritorio como punto de partida.
Si no se puede implementar un diseño receptivo, se debe crear una versión móvil independiente. Un sitio web móvil también es útil si la versión de escritorio y la versión móvil tienen objetivos completamente diferentes.
Beneficios
- Un diseño elegante significamejores velocidades de carga, menores tasas de rebote y más ventas; los ajustes de contenido y diseño se pueden realizar con precisión y no tienen ningún efecto en la página del escritorio.
Contras
- Deben actualizarse dos versiones web y el contenido debe ingresarse dos veces.
¿Por qué debería optimizar los sitios web de acuerdo con el principio de los dispositivos mobile First?
¿Por qué Mobile First? Aunque el lanzamiento final del Índice de dispositivos móviles de Google tendrá lugar en marzo de 2021, la usabilidad móvil (idoneidad para dispositivos móviles) no solo se ha debatido desde 2018. Google introdujo la actualización para dispositivos móviles en 2015, lo que convirtió la idoneidad móvil en un factor de clasificación.
En vista del creciente número de usuarios móviles durante años y del 77% de las consultas de búsqueda que se realizan actualmente a través de dispositivos móviles, rápidamente quedó claro hacia dónde debería ir el desarrollo desde 2015.
El 52,2% de todo el tráfico de sitios web en todo el mundo proviene de teléfonos inteligentes. Según otra estadística, alrededor del 97,1% de los jóvenes de 14 a 19 años utilizó un teléfono inteligente en 2019 e incluso en el grupo de edad de 60 a 69 años, alrededor del 73% utilizó un teléfono inteligente; entre los de 70 años o más, todavía es del 43%.
Al realizar una búsqueda en un teléfono inteligente, el 51% de los usuarios se encontró con una nueva empresa o producto. En promedio, obtiene el 27,7% de los clics cuando ocupa el puesto 1 en dispositivos móviles, pero solo el 19,3% de los clics cuando ocupa el puesto 1 en el escritorio.
¿Por qué debería optimizar los sitios web para dispositivos móviles?
La optimización móvil es necesaria por un lado debido a las necesidades del usuario y por otro lado es crucial para el ranking de Google. Definitivamente, los sitios web deben optimizarse para el uso móvil a fin de seguir clasificando bien y no experimentar pérdidas de transferencia.
En el curso de la nueva indexación de Google, los medios de comunicación hablaron de un “geddon móvil”, ya que algunos sitios web perdieron hasta el 10% de su transferencia de datos.
Pero existen otras razones por las que la optimización de dispositivos móviles es importante. A través de una mejor implementación visual (facilidad de uso) y técnica (menor tiempo de carga) del sitio web, el tiempo de visita de los clientes potenciales aumenta, la tasa de rebote disminuye y más usuarios realizan compras (tasa de conversión).
Opciones de optimización móvil: ¿cómo se optimizan para Mobile First?
Si deseas optimizar un sitio web para uso móvil, debes prestar atención a varios factores. El contexto de uso es importante a la hora de decidir qué diseño elegir, es decir, las funciones del sitio web deben adaptarse a las necesidades del usuario.
No encojas la pantalla, concéntrate en las funciones
Los usuarios móviles suelen tener menos tiempo que los usuarios de escritorio, por lo que se debe evitar la sobrecarga de información y reducir el contenido web a lo esencial. Al diseñar el concepto, debes concentrarte en la funcionalidad del sitio web y, si es necesario, evitar el contenido problemático (por ejemplo, imágenes grandes, Flash, videos). La operación debe diseñarse de la manera más fluida posible para el usuario a fin de lograr una mayor duración de la visita, menores tasas de rebote y una mejor clasificación.
Google incluso ofrece su propia guía para la optimización móvil y una guía de SEO como soporte. También echa un vistazo a las mejores prácticas de Google para móviles primera indexación. Hay muchas soluciones de resolución de este tipo de problemas. En las siguientes secciones, nos gustaría dedicarnos a los puntos de optimización individuales y explicar cómo se puede optimizar en Mobile First.
Diseño y construcción del sitio web móvil
Con respecto al diseño, es importante que el usuario tenga una interfaz amigable. El diseño debe adaptarse de manera óptima a la superficie de la pantalla y todo el contenido debe mostrarse sin que el usuario tenga que hacer zoom o desplazarse demasiado. Nada es más agotador que desplazarse horizontalmente en un sitio web móvil para leer las secciones de texto e imagen recortadas. En este caso, el área de visualización no se configuró correctamente. Por tanto, Google recomienda:
- Diseños web responsive que ajustan automáticamente el contenido al tamaño de la pantalla. Ni la URL ni el código HTML cambian aquí.
- Incluso los elementos de navegacióndemasiado pequeños, como botones, enlaces o categorías de menú, pueden frustrar a los usuarios. Los elementos deben poder hacer clic con el pulgar.
Cuanto más extenuante y propenso a errores sea el funcionamiento del sitio web móvil para el usuario, mayor será la tasa de rebote. Si la tasa de rebote es demasiado alta, Google evalúa el contenido web del sitio web como no relevante. En consecuencia, el diseño es un factor de clasificación importante para extender la duración de las visitas, disminuir la tasa de rebote y aumentar las tasas de conversión.
Para una mejor visión general, se deben optimizar los siguientes puntos:
- La estructura del menú debe ser simple y clara para que se pueda acceder a la información rápidamente.
- La navegación se puede colocar al final de la página principal, por lo que el usuario tiene que mirar el resto de la información.
- Alineación vertical: la estructura del menú horizontal de la página del escritorio se muestra como botones uno debajo del otro en la versión móvil. Para que puedas acceder a las subpáginas importantes más rápido.
- Menú desplegable: los menús desplegables también pueden comprimir el contenido y dar al usuario la opción de obtener la información que desea que se muestre. Además, puede cambiar rápidamente entre los elementos del menú y tenerlos todos a la vista al mismo tiempo.
¿Cuándo son útiles las imágenes?
Las imágenes son agradables a la vista en los sitios web, ofrecen un cierto atractivo estético y despiertan emociones. Sin embargo, con la versión móvil tienes que decidir si son útiles y necesarios. Lo que se ve bien en el escritorio no necesariamente tiene que ser apropiado para el teléfono inteligente. Si el usuario tiene que desplazarse o si un título es ilegible, se frustra rápidamente, lo que aumenta el riesgo de volver a salir de la página.
Por lo tanto, como operador de un sitio web, siempre debe preguntarse si las imágenes son necesarias. ¿Necesito las imágenes o simplemente empeoran el rendimiento de mi sitio? Si no tienen ningún significado para el usuario, deben eliminarse.
Usabilidad
Además, el usuario debe tener acceso rápido a la información e iniciar fácilmente un proceso de compra o acceder a la información de contacto con un botón de clic para llamar. Una función de búsqueda interna es una buena opción para acceder rápidamente a la información necesaria que no está disponible en la navegación.
Los formularios u otros campos de entrada deben ser fáciles de usar y rápidos de completar; Aquí se recomienda una función de autocompletar.
La implementación técnica del sitio web móvil
Además de los aspectos de diseño, las áreas técnicas también son de vital importancia, porque el rendimiento es decisivo para la tasa de rebote y la duración de la visita. Según Speed Update de Google, el tiempo de carga de la página es un factor de clasificación importante.
Para garantizar tiempos de carga rápidos, el sitio web debe mantenerse lo más simple posible y evitar imágenes grandes, ya que tardan mucho en cargarse.
Cuanto más largos sean los tiempos de carga, mayor será la tasa de rebote. Según el estado actual, un sitio web no debería cargarse más de 3 segundos. El 53% de los visitantes del sitio tienden a abandonar el sitio nuevamente si se carga durante más de 3 segundos.
El almacenamiento en caché del navegador
Bien configurado y el contenido comprimido (imágenes, HTML, CSS y scripts) garantizan que la versión móvil se cargue más rápido. También hay herramientas para diferentes lenguajes de programación que pueden minimizar el código fuente o buscar errores.
Puedes utilizar PageSpeed Insight de Google para comprobar el rendimiento de tu sitio web móvil. Si es necesario, también puedes hacer clic en el análisis del escritorio en la parte superior izquierda. Las alternativas serían Pingdom, GTmetrix, WebPageTest o Chrome DevTools. Pingdom ofrece un análisis muy detallado.
Aspectos técnicos y de diseño
Además del tiempo de carga de la página, otros aspectos técnicos y de diseño también juegan un papel importante en una optimización móvil ideal. Si la página móvil está en un subdominio ” m.ejemplo.com “, debes verificar si todo el contenido se reenvía correctamente. Por lo tanto, deben evitarse las URL incorrectas. Los enlaces entre la versión de escritorio y el sitio web móvil deben ser idénticos para tener una estructura clara.
Lo mejor que puede hacer es proporcionar a los usuarios la versión de escritorio adecuada de la página móvil proporcionando un enlace a la versión de escritorio. Si hay una página en la página de escritorio que no está disponible en la página móvil, no debe tener un error 404 en la página móvil, sino iniciar una redirección a la página de escritorio o crear una subpágina móvil.
Preguntas comunes del diseño web
¿Qué es el diseño web?
El diseño web es un área enfocada a planificar, diseñar, mantener y crear interfaces digitales. En pocas palabras, como su nombre lo indica, el diseño web se refiere al proceso del diseño de sitios y páginas web.
Y por muy simple que se escuche, es uno de los elementos más importantes para la atracción de leads y posibles cierres de ventas.
¿Qué es Mobile First?
Mobile first es el cambio de paradigma de la versión de escritorio a sitios web optimizados para uso móvil en el sentido del principio de mobile First. El principio first mobile se basa el diseño de presentación y facilidad de uso principal en la usabilidad móvil (capacidad móvil). Primero se crea el sitio web optimizado para dispositivos móviles, luego se realizan ajustes para la versión de escritorio. Este concepto se diferencia del diseño receptivo principalmente en su enfoque: ambos persiguen el mismo objetivo, pero eligen diferentes formas de implementación.
¿Por qué Mobile First?
El número de usuarios móviles ha aumentado en los últimos años y especialmente en los últimos 5 años. Alrededor del 77% de las consultas de búsqueda se realizan ahora a través de dispositivos móviles, lo que significa que la optimización móvil del sitio web tiene más demanda que nunca.
La tendencia del uso de Internet móvil está aumentando, por lo que Google califica principalmente las versiones web móviles. Con la indexación de dispositivos mobile First a partir de marzo de 2021, Google solo rastreará sitios web con el bot de teléfono inteligente y tendrá en cuenta la versión móvil al clasificar. La optimización móvil es fundamental para evitar efectos negativos en el ranking.
¿Cómo se optimiza para Mobile First?
Hay diferentes formas de optimizar un sitio web para uso móvil. La variante más común y popular es el diseño receptivo, en el que existe un sitio web cuyo contenido se adapta automáticamente al tamaño de la pantalla del teléfono inteligente o tableta.
Ni la URL ni el código HTML cambian aquí. La situación es diferente con los sitios web móviles independientes, porque hay una versión móvil separada para la versión de escritorio en un subdominio “m.ejemplo.com“.
Si quieres más información, te recomendamos estos artículos: