El responsive design es un método de diseño web que hace que un sitio se adapte automáticamente a cualquier tamaño de pantalla (escritorio, tableta, móvil).
El responsive design usa media queries CSS para adaptar el diseño de la página según el ancho de pantalla. Ejemplo: en escritorio una página tiene 3 columnas; en tableta 2 columnas; en móvil 1 columna. El CSS lo determina automáticamente. El HTML sigue igual — solo cambia el CSS. La alternativa (mala): un sitio móvil separado (m.site.com) — doble gestión, problemas de sincronización. Google recomienda el responsive design como buena práctica. Responsive mobile-first: diseñar primero para móvil, luego escalar a escritorio con media queries para pantallas más grandes.
El responsive design = una sola versión del sitio, fácil de mantener. Mobile-first = bien posicionado en móvil. Los sitios no responsive = frustran a los usuarios en móvil = tasa de rebote alta = mal posicionamiento.
Fuente: Google — Mobile-Friendly DesignLa optimización móvil consiste en adaptar un sitio para el móvil. Google posiciona en «mobile-first» — las páginas no optimizadas para móvil posicionan mal.
El SEO técnico abarca las optimizaciones de la infraestructura de tu sitio — rastreabilidad, indexación, velocidad de carga, HTTPS y estructura de datos — que permiten a Google encontrar y entender tus páginas.
Los Core Web Vitals son 3 métricas técnicas de Google — LCP, INP y CLS — que miden la experiencia de usuario de las páginas y son factores de posicionamiento oficiales desde 2021.
El schema markup son datos estructurados en formato JSON-LD añadidos al HTML de la página que ayudan a Google y a los LLM a entender el contexto y el tipo del contenido.
Explora cómo aplicar este concepto a tu sector y tu ciudad.