Loading...
ARTICLE_START
El contenido adaptado para dispositivos móviles es aquel que se lee fácilmente en un teléfono, se carga rápido en una conexión promedio y muestra la misma información que recibe un usuario de ordenador. Esto implica párrafos cortos, encabezados claros, un diseño responsivo, imágenes con el tamaño adecuado y la ausencia de texto oculto o faltante. Hoy en día, Google evalúa tus páginas a través de los ojos de un smartphone, por lo que esto ya no es un detalle estético de diseño. Es el requisito básico para poder aparecer en el índice.
Esta guía cubre ambas partes de la tarea: cómo escribir para una pantalla pequeña y las decisiones técnicas que determinan si tus textos llegan realmente a los lectores y a los motores de búsqueda.
Google comenzó su transición hacia los dispositivos móviles en 2015 e inició el rastreo e indexación orientados a móviles en 2016, tal como explica la retrospectiva sobre la indexación móvil primero de la compañía. A mediados de 2024, el cambio se completó prácticamente por completo: Google anunció que rastrea e indexa casi todos los sitios web utilizando un rastreador para smartphones, y señaló que los sitios que aún no eran accesibles en dispositivos móviles constituían un grupo cada vez más reducido, según su anuncio de junio de 2024.
El significado práctico de esto es sencillo. Google utiliza la versión móvil de tu contenido para la indexación y el posicionamiento, tal como indica su documentación sobre la indexación móvil primero. Si un párrafo, tabla, imagen o enlace solo existe en tu diseño de escritorio, debes asumir que es posible que Google nunca lo vea.
También hay una razón humana. La gente lee en el tren, en las salas de espera y en la cama, con una sola mano y en una pantalla que muestra quizás entre seis y diez líneas de texto a la vez. Una página que se ve bien en un monitor de 27 pulgadas puede parecer un muro de texto en esa pantalla. El buen contenido móvil respeta primero la situación del lector y en segundo lugar al rastreador, y en la práctica ambos objetivos coinciden.
El primer grupo de consejos se centra en las palabras, y es donde la mayoría de los redactores pueden mejorar una página sin tocar una sola línea de código.
Un teléfono muestra muy poca información antes de que el lector decida si quedarse o irse. Pon la respuesta, la promesa o el hallazgo principal en las primeras dos frases. Sáltate el párrafo de introducción sobre cómo ha cambiado el mundo. Si el lector escribió una pregunta, las líneas iniciales deben responderla, y el resto de la página debe aportar profundidad.
Un párrafo de cinco líneas en el ordenador se convierte en un bloque de diez líneas en el teléfono. Procura escribir dos o tres frases por párrafo y una sola idea por cada uno. Los párrafos de una sola frase son aceptables cuando contienen un punto que merece un énfasis especial. El objetivo es dejar espacio en blanco: la pausa entre bloques es lo que permite al lector no perder el hilo mientras se desplaza por la página.
Los lectores en dispositivos móviles escanean el contenido antes de leerlo. Haz que cada H2 y H3 describa de forma clara y sencilla lo que viene a continuación, para que quien pase rápidamente la vista pueda encontrar su sección. Un encabezado como Cuánto cuesta arreglarlo es mucho mejor que Consideraciones. Procura que los títulos sean lo suficientemente cortos como para caber en una o dos líneas en la pantalla de un teléfono.
Los títulos largos se truncan en los resultados de búsqueda y se ajustan de manera extraña en la página. Pon las palabras importantes al principio, quédate por debajo de los 60 o 70 caracteres y evita saturar de palabras clave. Lo mismo se aplica al texto de los enlaces y a las etiquetas de los botones: breves, específicos y fáciles de pulsar.
Las listas con viñetas y numeradas funcionan muy bien en pantallas pequeñas porque cada elemento ocupa su propia línea. Las tablas anchas son más arriesgadas. Una tabla comparativa de cinco columnas se reducirá a un texto ilegible o bien obligará a desplazarse horizontalmente. En la medida de lo posible, limita las tablas a dos o tres columnas, o convierte los datos en una lista de entradas breves.
Cada frase aumenta la distancia de desplazamiento. Elimina los puntos repetidos, las introducciones flojas a las secciones y los adjetivos de relleno. No se trata de hacer que la página sea escueta. Una página para móviles puede ser larga y exhaustiva si cada parte se gana su lugar y es fácil de navegar gracias a una estructura clara.
Cualquier elemento que dependa de pasar el cursor por encima con el ratón, como los tooltips o los menús desplegables al pasar el ratón, no funciona en una pantalla táctil. Explica las definiciones directamente en el texto y deja suficiente espacio entre los enlaces para que el dedo no pulse el equivocado. Una frase repleta de cinco enlaces es difícil de usar en un teléfono, así que enlaza solo donde sea verdaderamente útil.
El mayor escollo técnico en la indexación móvil primero es la paridad de contenido. Las directrices de Google establecen que se utiliza la versión móvil para la indexación, por lo que cualquier contenido que elimines en la versión móvil para ahorrar espacio puede desaparecer silenciosamente de las búsquedas. Los culpables más habituales son:
Colapsar contenido en acordeones o pestañas por motivos de usabilidad es una práctica común y generalmente aceptada siempre que el contenido esté presente en el código HTML de la página. El peligro radica en el contenido que solo se carga tras una acción del usuario que el rastreador no va a realizar. Si tienes dudas, consulta el HTML renderizado en la herramienta de inspección de URLs de Search Console y confirma que el texto que te importa está ahí.
La manera más sencilla de garantizar la paridad es ofrecer exactamente la misma página a todo el mundo.
Google recomienda el diseño web responsivo porque sirve el mismo código HTML en la misma URL a todos los dispositivos y solo cambia la forma en que se muestra la página, tal como describe la documentación sobre indexación móvil primero. El servicio dinámico y las URLs móviles separadas son compatibles, pero resultan más difíciles de mantener y aumentan las posibilidades de cometer errores de paridad.
Una configuración responsiva se basa en unos pocos principios fundamentales, explicados al detalle en la guía de web.dev sobre los fundamentos del diseño web responsivo:
maximum-scale=1 impiden que los usuarios puedan ampliar la pantalla haciendo el gesto de pellizcar, lo cual crea una barrera de accesibilidad. El objetivo es diseñar de modo que el zoom nunca sea necesario, no prohibírselo a quienes puedan necesitarlo.Si utilizas un CMS como WordPress, HubSpot o Squarespace, la opción más rápida suele ser elegir un tema responsivo moderno y, a continuación, probar tus propios bloques personalizados, ya que los widgets incrustados, las tablas anchas y los anuncios de ancho fijo son las fuentes habituales de desbordamiento.
La W3C señala que muchas de las limitaciones de los dispositivos móviles —como las pantallas pequeñas, las velocidades de red variables y la dificultad para introducir datos— coinciden con las barreras a las que se enfrentan las personas con discapacidad. Su tabla de experiencias web compartidas expone esto de forma comparativa. Diseñar bien para un grupo suele beneficiar automáticamente al otro.
Un ejemplo concreto es la redistribución del espacio (reflow). WCAG 2.2 espera que el contenido se ajuste a un viewport estrecho sin necesidad de desplazamiento horizontal, y su página de Comprensión de la redistribución (Understanding Reflow) explica que las personas con baja visión que amplían el contenido dependen de ello. Por lo tanto, la norma que sigues para los teléfonos también protege a los lectores que amplían la pantalla al 400% en un ordenador portátil. Otros hábitos que benefician a ambos grupos son:
Una página redactada de forma impecable pero que tarda ocho segundos en aparecer hace que el usuario se marche antes de leer la primera frase. Google mide la experiencia de página en parte a través de las Core Web Vitals. Según la explicación de web.dev sobre cómo se definieron los umbrales, una página se considera buena cuando al menos el 75% de las visitas cumplen con estos valores:
| Métrica | Qué mide | Umbral óptimo |
|---|---|---|
| LCP (Largest Contentful Paint) | La rapidez con la que aparece el contenido principal | 2,5 segundos o menos |
| INP (Interaction to Next Paint) | La rapidez con la que la página responde a toques y clics | 200 ms o menos |
| CLS (Cumulative Layout Shift) | Cuánto se desplaza el diseño mientras se carga | 0,1 o menos |
Se aplican los mismos umbrales a los ordenadores de escritorio y a los móviles, pero es en los teléfonos —con procesadores y redes más lentos— donde la mayoría de los sitios web tienen dificultades para alcanzarlos. Para obtener una perspectiva más amplia sobre cómo el tiempo de carga se relaciona con el rendimiento en las búsquedas y las conversiones, vale la pena leer este artículo sobre cómo acelerar la velocidad del sitio web junto con la lista de comprobación a continuación.
srcset y sizes, comprime los archivos y emplea formatos modernos.Una comprobación de la realidad basada en la propia documentación de Google sobre experiencia de página: se recomiendan unas buenas Core Web Vitals para ofrecer una gran experiencia, pero las puntuaciones perfectas no garantizan los primeros puestos en los rankings. Son una señal más entre muchas otras. Busca que la página se sienta rápida para una persona real, no persigas una insignia verde por el simple hecho de tenerla.
Para comprobar cuál es tu situación, revisa el informe de Core Web Vitals en Search Console para ver los datos de campo de usuarios reales, y valora la posibilidad de añadir tu propio monitoreo de usuarios reales, tal como sugiere web.dev en su guía para medir las Web Vitals.
Los pop-ups que cubren el contenido justo después de hacer clic desde los resultados de búsqueda, las barras fijas que ocupan un tercio de la pantalla y los avisos de cookies con botones diminutos arruinan la experiencia de lectura en el teléfono. Si necesitas mostrar un formulario de suscripción a tu boletín, retásalo hasta que el usuario se haya desplazado por la página o haya pasado un tiempo en ella, y asegúrate de que el botón de cierre sea grande y fácil de pulsar. Mantén los elementos flotantes o fijos lo más discretos posible. En una pantalla pequeña, cada píxel que el lector no puede utilizar para leer supone un coste.
Utiliza esta lista antes de publicar:
La mayoría de las páginas que vemos hoy en día empiezan siendo un borrador generado por inteligencia artificial, y eso cambia por completo el problema del ámbito móvil. Los modelos de lenguaje prefieren párrafos largos y uniformes, acumulaciones de modificadores y encabezados genéricos. En un ordenador portátil eso resulta simplemente aburrido. En un teléfono es una auténtica pesadilla para la lectura, por lo que los usuarios acaban marchándose.
Por ello, consideramos que la legibilidad en móviles forma parte fundamental de lograr que un borrador suene humano. El trabajo principal consiste en reestructurar el texto: fragmentar los bloques densos, variar la longitud de las frases, ir directamente al grano y sustituir los encabezados vagos por otros específicos. Para eso hemos diseñado Semihuman, ayudando a reestructurar el texto generado por IA para que se lea de forma natural e integrando las palabras clave por las que realmente quieres posicionarte, todo ello sin alterar el significado original. No obstante, una herramienta es solo un punto de partida. La revisión final siempre debe realizarla una persona sosteniendo un teléfono y preguntándose si eso es lo que le apetecería leer mientras espera de pie en un andén.
Nuestra regla general: si no le enviarías ese párrafo a un amigo a través de un mensaje de texto, es demasiado largo para el móvil.
También consideramos que el listón de la calidad importa más que el origen del texto. Los lectores y los motores de búsqueda premian las páginas que son útiles, precisas y claras, algo que conviene tener muy presente al editar. Nuestras notas sobre el enfoque de contenido útil de Google y sobre cómo adaptar el contenido a la intención de búsqueda profundizan en este aspecto.
— Tilen
Si produces contenido a gran escala, la parte más lenta de adaptar el contenido a dispositivos móviles es la reescritura. Semihuman reestructura el texto generado por IA para transformarlo en una prosa más natural y legible, y te ayuda a integrar tus palabras clave objetivo. Puedes empezar con los planes Gratis, Básico y Pro. Los equipos que deseen integrar este mismo paso dentro de su canal de publicación pueden consultar los planes de API para desarrolladores y empresas. Elijas la ruta que elijas, termina siempre haciendo la comprobación en el teléfono.
El contenido optimizado para móviles nunca se da por terminado el día de su publicación. Analiza estas métricas todos los meses:
Si buscas ideas sobre qué cifras monitorizar y cómo se relacionan con los resultados, consulta nuestra visión general sobre métricas de contenido para especialistas en marketing. Si estás combinando la optimización móvil con tareas de SEO más amplias, nuestra guía sobre consejos de contenido de marketing digital cubre la parte de contenidos, y el artículo sobre tendencias de narrativa visual te ayudará con las imágenes y vídeos que realmente aportan valor por cada byte.
Imaginemos una entrada de blog típica que se lee perfectamente en un ordenador. En un teléfono, el párrafo inicial tiene nueve líneas, el primer encabezado dice Resumen, una tabla comparativa de cuatro columnas obliga a desplazarse lateralmente y la imagen principal es un archivo de 3000 píxeles de ancho con carga diferida.
Esto es exactamente lo que haría un editor, en orden:
Ninguno de estos pasos requiere un rediseño completo de la página. Se trata de tareas de edición y mantenimiento que, juntas, suelen transformar la experiencia de usuario de la página mucho más que cualquier ajuste técnico aislado.
Empieza con la respuesta, limita los párrafos a dos o tres frases, utiliza encabezados específicos y prioriza las listas frente a las tablas anchas. A continuación, lee la página en un teléfono real y elimina cualquier elemento que te obligue a hacer scroll sin aportarte nada nuevo. Una redacción clara y una estructura definida importan más que cualquier truco aislado.
Comienza utilizando un diseño responsivo y una etiqueta viewport correcta; después, asegúrate de que la página móvil contenga el mismo texto, imágenes y enlaces que la versión de escritorio. Comprime y adapta el tamaño de tus imágenes, reserva espacio para los elementos incrustados y evita los pop-ups intrusivos. Por último, comprueba las Core Web Vitals en Search Console y corrige los grupos de URLs marcados como deficientes.
Google utiliza la versión móvil de tu contenido para la indexación y el posicionamiento, por lo que tu página móvil es, en la práctica, la que se está evaluando. La experiencia de página, incluidas las Core Web Vitals, es una señal entre muchas otras, y Google afirma que las puntuaciones perfectas no garantizan ocupar los primeros puestos. Ofrecer contenido útil que funcione bien en un teléfono sigue siendo la postura más segura.
Mantén el contenido idéntico en todos los dispositivos, utiliza un diseño responsivo y cumple con los umbrales óptimos para LCP, INP y CLS. Escribe encabezados y líneas de apertura que coincidan exactamente con lo que buscan los usuarios, y redacta títulos concisos para que se muestren por completo. Revisa el rendimiento móvil por dispositivo en Search Console todos los meses.
Comenzar
Humanizar
¡gratis!
Humanizar