Glosario web
Glosario web
Un diccionario claro y sin jerga innecesaria con los términos que usamos cuando hablamos de desarrollo web, posicionamiento, seguridad y alojamiento.
Desarrollo y tecnología
Las herramientas con las que construimos
- CMS (Content Management System)
- Un sistema de gestión de contenidos. Es el panel desde el que se pueden añadir, editar o eliminar textos, imágenes y páginas de una web sin tocar código. WordPress y Joomla son los más conocidos. Nosotros configuramos el CMS que mejor encaje con cada proyecto y formamos al cliente para que lo use con autonomía. Más sobre esto en nuestra comparativa de CMS.
- Jamstack
- Una arquitectura web en la que las páginas se construyen de antemano — durante el despliegue, no en cada visita — y se sirven como archivos estáticos desde una CDN. El resultado: sin servidor de aplicaciones expuesto, sin base de datos que atacar, sin esperas mientras se genera la página. Es más rápido, más seguro y más barato de mantener que una web dinámica tradicional. Es la arquitectura con la que construimos la mayoría de nuestros proyectos y la que usa esta misma web. Más contexto en Jamstack explicado sin tecnicismos y en nuestra página de desarrollo Jamstack.
- SSG (Generador de sitios estáticos)
- Una herramienta que toma el contenido — normalmente archivos de texto en Markdown — y lo combina con plantillas para generar todas las páginas HTML de una web de una sola vez, antes de publicarla. A partir de ahí, esos archivos se sirven directamente sin ningún procesamiento. Es el motor detrás de la arquitectura Jamstack. Los generadores más conocidos son Eleventy, Astro, Hugo y Jekyll. Nosotros trabajamos principalmente con Eleventy. Más en qué es Eleventy y por qué lo usamos.
- CMS headless
- Un sistema de gestión de contenidos en el que el panel de edición está desacoplado del frontend. El editor escribe y guarda desde una interfaz cómoda, y ese contenido llega al sitio web a través de una API durante el proceso de construcción — no en tiempo real. La ventaja: puedes tener una web estática ultrarrápida y que el cliente edite contenido sin tocar código. Las opciones van desde soluciones en la nube como Sanity o Contentful hasta sistemas propios construidos a medida. Para algunos proyectos hemos desarrollado un backend en PHP que almacena los datos en archivos JSON: el editor acumula todos los cambios que quiere y solicita una única publicación al final, en lugar de lanzar un proceso de construcción por cada modificación. Más en qué es un CMS headless.
- Eleventy (11ty)
- El generador de sitios estáticos con el que construimos la mayoría de nuestros proyectos. No impone ningún framework JavaScript: el HTML que genera es HTML limpio, sin librerías que el visitante no pidió. Permite usar distintos lenguajes de plantillas (Nunjucks, Liquid, Markdown) y mezclarlos en el mismo proyecto. Es extremadamente ligero, flexible y pensado para proyectos donde el rendimiento y la longevidad importan. Esta web está construida con Eleventy. Más en qué es Eleventy y por qué lo usamos.
- Edge functions
- Pequeñas funciones de servidor que se ejecutan no en un servidor central sino en los nodos de la CDN más cercanos al usuario. Eso significa que una lógica que antes requería un servidor propio — autenticación, redirecciones condicionadas, personalización por país o idioma — ahora se puede resolver en décimas de segundo sin salir de la red de distribución. Es una de las piezas que permite añadir comportamiento dinámico a sitios Jamstack sin sacrificar velocidad ni seguridad.
- Frontend y backend
- El frontend es todo lo que el visitante ve e interactúa: diseño, botones, animaciones, textos. El backend es lo que ocurre detrás: bases de datos, lógica de negocio, procesamiento de formularios. En un proyecto web completo, ambas partes tienen que funcionar bien y comunicarse correctamente.
- API
- Una interfaz que permite que dos sistemas se comuniquen entre sí. Por ejemplo, cuando una web muestra un mapa de Google o procesa un pago con tarjeta, lo hace a través de una API. Trabajamos con APIs de terceros para integrar pasarelas de pago, CRMs, servicios de envío y cualquier sistema externo que el proyecto necesite.
- Diseño responsive
- Un enfoque de diseño que hace que la web se adapte automáticamente al tamaño de cada pantalla: móvil, tableta o escritorio. No se trata de tener "una versión para móvil", sino de que el mismo sitio funcione bien en cualquier dispositivo. Todos nuestros proyectos son responsive por defecto. Más sobre este enfoque en nuestro artículo sobre mobile first.
- Framework
- Un conjunto de herramientas y convenciones que facilitan el desarrollo de software. En vez de construir todo desde cero, un framework proporciona una estructura base sobre la que trabajar. Ejemplos habituales: Eleventy para sitios estáticos, Bootstrap para interfaces, Node.js para aplicaciones del lado del servidor.
- Plugin o extensión
- Un módulo adicional que amplía las funciones de una plataforma. En WordPress, por ejemplo, un plugin puede añadir un formulario de contacto, una tienda online o un sistema de reservas. La clave está en elegir bien: pocos, de calidad y bien mantenidos. Un exceso de plugins es una de las causas más habituales de webs lentas e inseguras.
Rendimiento web
Lo que hace que una web sea rápida
- Core Web Vitals
- Un conjunto de métricas de Google que miden la experiencia real del usuario: velocidad de carga visible (LCP), estabilidad visual (CLS) y capacidad de respuesta ante interacciones (INP). Son un factor de posicionamiento y un buen indicador de la calidad técnica de una web. Las optimizamos en cada proyecto. Hablamos de ellas en rendimiento web y experiencia de usuario.
- CDN (Content Delivery Network)
- Una red de servidores distribuidos por todo el mundo que sirve los archivos de tu web desde el nodo más cercano al visitante. Si alguien en Tokio visita tu web y el servidor principal está en Madrid, sin CDN tiene que esperar a que los datos crucen medio planeta. Con CDN, recibe los archivos desde un nodo en Asia en milisegundos. En webs Jamstack, la CDN no es un complemento — es la infraestructura principal. No hay servidor de origen al que llamar: todo ya está distribuido. Providers como Netlify, Cloudflare Pages o Bunny.net construyen su servicio sobre este modelo.
- Caché
- Un sistema que almacena temporalmente copias de los recursos de una web (imágenes, estilos, scripts) para no tener que descargarlos de nuevo en cada visita. Una buena estrategia de caché reduce drásticamente los tiempos de carga a partir de la segunda visita.
- Lazy loading
- Una técnica que consiste en cargar las imágenes y otros recursos pesados solo cuando el usuario se desplaza hasta ellos, en lugar de descargar todo de golpe al abrir la página. Mejora el tiempo de carga inicial y reduce el consumo de datos, especialmente en móviles.
- Minificación
- El proceso de eliminar espacios, comentarios y caracteres innecesarios del código fuente (CSS, JavaScript, HTML) para reducir su tamaño. El resultado es el mismo para el navegador, pero el archivo pesa menos y se descarga más rápido. Es una optimización básica que aplicamos en todos los proyectos.
SEO y posicionamiento
Cómo consigue Google encontrar tu web
- SEO (Search Engine Optimization)
- El conjunto de técnicas que ayudan a que una web aparezca en los primeros resultados de los buscadores. Incluye aspectos técnicos (velocidad, estructura, metadatos), de contenido (textos relevantes y bien escritos) y de autoridad (enlaces desde otros sitios). No es magia: es trabajo constante y bien hecho. Más en cómo mejorar tu sitio para SEO.
- Metadatos (title y description)
- Fragmentos de texto que describen cada página de tu web. El title es el título que aparece en la pestaña del navegador y en los resultados de Google. La description es el resumen que se muestra debajo. Bien escritos, son la primera oportunidad de convencer a alguien de que haga clic en tu resultado.
- Sitemap
- Un archivo XML que lista todas las páginas de un sitio web y le dice a los buscadores cuáles existen y con qué frecuencia se actualizan. Es como un índice que facilita la indexación. Todos nuestros proyectos incluyen un sitemap generado automáticamente.
- Datos estructurados (Schema)
- Un formato de marcado que ayuda a los buscadores a entender mejor el contenido de una página. Por ejemplo, le dice a Google que un texto es una pregunta frecuente, una receta, un producto o un evento. Cuando Google interpreta estos datos, puede mostrar rich snippets: resultados enriquecidos con estrellas, precios, imágenes o desplegables que destacan sobre el resto.
- Indexación
- El proceso por el que un buscador descubre, analiza y almacena una página web en su base de datos. Si una página no está indexada, no aparecerá en los resultados de búsqueda. La velocidad de carga, la estructura del sitio y el sitemap influyen directamente en la velocidad y calidad de la indexación.
- Contenido textual y posicionamiento
- El texto de una web es, junto con la estructura técnica, el factor más importante para el posicionamiento. Google necesita texto para entender de qué trata cada página. Un sitio con poco contenido textual o con textos genéricos tiene muy pocas posibilidades de posicionar bien. Lo explicamos en contenido textual y posicionamiento web.
Seguridad
Lo que protege tu web y a tus visitantes
- SSL / TLS y HTTPS
- Un certificado SSL (o su versión más moderna, TLS) cifra la comunicación entre el navegador del visitante y el servidor. Cuando un sitio lo tiene activo, la URL empieza por https:// y el navegador muestra un candado. Es imprescindible para la confianza del usuario, para el SEO y, en muchos casos, obligatorio por ley. Lo incluimos en todos nuestros proyectos.
- Copia de seguridad (backup)
- Una copia completa de los archivos y la base de datos de tu web, almacenada de forma segura fuera del servidor principal. Si algo sale mal — un error humano, un ataque o un fallo técnico — la copia de seguridad permite restaurar el sitio a un estado anterior. Nuestros planes de mantenimiento incluyen copias periódicas y automatizadas.
- Malware
- Software malicioso que puede infectar una web para robar datos, redirigir visitantes a sitios fraudulentos o enviar spam. Las webs con CMS desactualizados o contraseñas débiles son las más vulnerables. Las webs estáticas basadas en Jamstack eliminan muchos de estos vectores de ataque al no tener base de datos ni panel de administración expuesto.
- Firewall de aplicación web (WAF)
- Un sistema que filtra el tráfico web y bloquea peticiones maliciosas antes de que lleguen al servidor. Protege contra ataques comunes como inyección SQL, cross-site scripting (XSS) o intentos de fuerza bruta. Es una capa de defensa especialmente importante en sitios con CMS o formularios.
Dominio y alojamiento
Dónde vive tu web
- Dominio
- La dirección que los usuarios escriben en el navegador para llegar a tu web (por ejemplo, idenautas.es). Se registra anualmente y es propiedad del titular. Elegir un buen dominio es importante: corto, fácil de recordar y relacionado con tu marca. Lo contamos en cómo elegir un nombre de dominio.
- DNS (Domain Name System)
- El sistema que traduce los nombres de dominio en direcciones IP. Cuando alguien escribe tu dominio en el navegador, el DNS le dice a qué servidor debe conectarse para cargar la web. Una configuración DNS correcta es fundamental para que todo funcione: web, correo electrónico y subdominios.
- Hosting o alojamiento web
- El servicio que almacena los archivos de tu web y los sirve a los visitantes. La calidad del hosting influye directamente en la velocidad, la disponibilidad y la seguridad del sitio. No todos los alojamientos son iguales: un hosting barato puede salir caro en rendimiento y soporte. Lo explicamos en no todos los alojamientos son iguales. Nosotros ofrecemos un servicio de alojamiento adaptado a cada tipo de proyecto.
- Netlify
- Una plataforma de despliegue pensada para sitios estáticos y Jamstack. El flujo es simple: conectas tu repositorio Git, y cada vez que haces un commit, Netlify construye el sitio automáticamente y lo despliega sobre su CDN global en cuestión de segundos. Incluye previews automáticas de cada rama — puedes enviar al cliente una URL de previsualización antes de publicar —, rollback instantáneo a cualquier versión anterior y HTTPS automático. Tiene un plan gratuito generoso que cubre la mayoría de proyectos pequeños. Más sobre cómo funciona en cómo funciona un despliegue web moderno.
- Vercel
- Una plataforma de despliegue similar a Netlify, creada por el equipo detrás de Next.js. Está muy orientada al ecosistema React y a proyectos con componentes JavaScript complejos, aunque funciona perfectamente con cualquier generador de sitios estáticos. Ofrece las mismas ventajas del modelo moderno — despliegue automático desde Git, CDN global, previews por rama, HTTPS automático — con un rendimiento destacado para aplicaciones con mucho JavaScript. Para proyectos más sencillos o con requisitos de privacidad europeos, Netlify o alternativas como Bunny.net pueden ser más adecuados.
- Migración web
- El proceso de trasladar una web de un servidor a otro, de una tecnología a otra o de un dominio a otro. Una migración mal ejecutada puede provocar pérdida de posicionamiento, errores 404 y caída del tráfico. Lo hacemos con un protocolo que incluye redirecciones, verificación de contenido y monitorización posterior.
¿Echas algo en falta?
Cuéntanos qué término necesitas que expliquemos
Si no está aquí, pregúntanos
Este glosario crece con las dudas reales de nuestros clientes. Si hay algún término que no entiendes o que no encuentras aquí, escríbenos y lo añadimos.
Sin jerga innecesaria
Nuestro compromiso es explicar las cosas de forma clara. Si en algún momento usamos un término que no queda claro, queremos saberlo.
Más allá del glosario
Si lo que necesitas es entender cómo aplicar todo esto a tu proyecto concreto, hablemos. Sin compromiso.
Escríbenos

