Diferencial

Capa de IA real

Antigravity Score, GEO y flujos n8n integrados con tu estrategia.

Solicitar auditoría
Extensión

SEOwer para Chrome

Audita SEO, GEO e IA en cualquier URL desde el navegador.

Ver la extensión
Complemento

SEOwer para Google Docs

Audita y optimiza tus documentos mientras los escribes.

Ver el complemento
Web · Guía completa

Desarrollo web que convierte y posiciona

Conceptos, dudas reales y servicios.

Conceptos técnicos de web, las dudas reales y los servicios que construyen y mantienen sitios que venden.

13 grupos de términos 56 términos 16 preguntas ES español
/00
Punto de partida

Qué es Desarrollo web.

El desarrollo web como servicio cubre el ciclo completo: arquitectura de información, diseño de interfaz, implementación, rendimiento, seguridad y mantenimiento. El objetivo no es solo que la web funcione, sino que posicione, convierta y se pueda crecer.

  • Si buscas la definición exacta de un término, empieza por los conceptos clave.
  • Si buscas el coste o el plazo, la respuesta está en las preguntas frecuentes.
  • Si quieres aplicarlo a tu caso, mira los servicios de esta disciplina.
/C
Glosario · 56 términos

Conceptos clave de Desarrollo web.

Definiciones en claro de los términos que aparecen en este documento, con enlace a la ficha completa y al servicio que los aplica.

Términos que empiezan por B

Breadcrumb

Ruta de migas de pan. La jerarquía de la página dentro del sitio. Ayuda a entender dónde estás y a posicionar la categoría. Ver Breadcrumb.

Banner de cookies

Aviso que pide el consentimiento y bloquea las cookies no esenciales hasta que se acepta o se rechaza. Ver Banner de cookies.

Backups

Copias de los datos y del código con periodicidad y retención. No son un respaldo hasta que alguien las ha restaurado. Ver Backups.

Backups y recuperación

Política de copias, réplica externa, verificación de integridad y prueba de restauración cronometrada. Ver Backups y recuperación.

Términos que empiezan por C

CMS

Sistema de gestión de contenidos. La capa que permite publicar sin tocar código. WordPress, Craft, Sanity o un panel propio. Ver CMS.

Code splitting

División del JavaScript en paquetes que se cargan por separado. Reduce el peso inicial de la página. Ver Code splitting.

Cache

Guardado de respuestas para no recalcularlas. En navegador, en CDN o en servidor es cada capa tiene su propia invalidación. Ver Cache.

CDN

Red de servidores que guarda copias del contenido cerca del visitante. Reduce el tiempo de respuesta en la distancia. Ver CDN.

CLS

Cumulative Layout Shift es el cuánto se mueve el contenido mientras carga. Una de las causas más comunes de rebote. Ver CLS.

Canonical

URL que declara cuál es la versión original de un contenido. Resuelve la duplicación, pero se está declarando mal en muchas webs. Ver Canonical.

Consentimiento

Permiso previa y expresa para tratar datos. Debe ser libre, informado, específico y demostrable. Ver Consentimiento.

Cookie

Fragmento que la web guarda en el navegador. Solo las estrictamente necesarias se pueden cargar sin consentimiento. Ver Cookie.

Carrito abandonado

Compra que se inició y no se completó. Es el flujo con mejor retorno de todo el canal. Ver Carrito abandonado.

Churn

Porcentaje de clientes que dejan de pagar o de comprar en un periodo. Es la métrica más dura de un modelo de recurrencia. Ver Churn.

Checkout y conversión

Rediseño del tramo final de la compra. Menos pasos, pagos claros, envío visible y control de errores. Ver Checkout y conversión.

Catálogo, filtros y búsqueda interna

Estructura de catálogo, modelo de atributos, facetas y buscador con sinónimos y tolerancia a errores. Ver Catálogo, filtros y búsqueda interna.

Cookies y consentimiento

Banner granular que no bloquea la web, con bloqueo real y registro auditable de cada decisión. Ver Cookies y consentimiento.

Términos que empiezan por D

Dominio

Nombre único de una web en internet. Se renombra, se transfiere y caduca. Por eso es el activo que hay que proteger y nunca dejar en manos de terceros sin control. Ver Dominio.

Datos estructurados

Código en JSON-LD que describe el contenido de una página para el buscador. Producto, artículo, faq o negocio local. Ver Datos estructurados.

Diseño web a medida

Diseño desarrollado desde cero para un cliente concreto, en lugar de adaptar una plantilla. Ver Diseño web a medida.

Diseño de interfaz y prototipo

Diseño de pantallas y flujos con prototipo navegable, validado con usuarios antes de programar. Ver Diseño de interfaz y prototipo.

Diseño de landing y campañas

Páginas de campaña con un único objetivo, un mensaje específico y variantes para testear. Ver Diseño de landing y campañas.

Desarrollo web a medida

Software escrito para un caso concreto, con arquitectura, tests, despliegue y documentación. Ver Desarrollo web a medida.

Desarrollo headless

Frontend desacoplado del CMS, con el contenido servido por API y renderizado híbrido. Ver Desarrollo headless.

Términos que empiezan por H

Hosting

Servidor donde vive una web. El compartido es más barato; el dedicado o el cloud dan más control y más coste. Ver Hosting.

Hidratación

Proceso por el que el navegador toma el control de una página ya renderizada. Si está mal hecho, la web responde con retraso. Ver Hidratación.

Términos que empiezan por I

INP

Interaction to Next Paint es el cuánto tarda la página en responder a una interacción. Sustituyó a FID en 2024. Ver INP.

Integración con marketplaces

Conexión de Amazon, eBay o Wallapop con sincronización de catálogo, stock y precios por canal. Ver Integración con marketplaces.

Términos que empiezan por L

Lazy loading

Carga de imágenes y scripts solo cuando van a entrar en pantalla. Es de las palancas de rendimiento más baratas que existen. Ver Lazy loading.

LCP

Largest Contentful Paint es el cuándo aparece el elemento principal de la pantalla. Es el indicador más asociado a la percepción de velocidad. Ver LCP.

LTV

Valor de vida del cliente. Lo que deja mientras está activo. Se compara siempre con el coste de captarlo. Ver LTV.

Lector de pantalla

Software que lee en voz alta el contenido de una pantalla. Es la forma más rápida de detectar un problema grave de accesibilidad. Ver Lector de pantalla.

Términos que empiezan por R

Rollback

Vuelta atrás a la versión anterior cuando un despliegue sale mal. Sin ella, cada publicación es una apuesta. Ver Rollback.

Rediseño web

Reforma de diseño, arquitectura y contenido con medición de conversión antes y después. Ver Rediseño web.

Replatforming

Cambio de gestor o de plataforma con evaluación comparada y plan de transición por fases. Ver Replatforming.

RGPD y privacidad web

Auditoría de datos, textos legales, registro de consentimiento y procedimiento de derechos. Ver RGPD y privacidad web.

Rendimiento web y Core Web Vitals

LCP, INP y CLS medidos con datos de campo y las correcciones que los bajan. Ver Rendimiento web y Core Web Vitals.

Términos que empiezan por S

SSR

Renderizado en servidor. La página se genera antes de llegar al navegador. Mejora el primer pintado y el posicionamiento. Ver SSR.

Sitemap

Fichero XML con la lista de URLs de un sitio. Ayuda al rastreo, pero no sustituye a una buena arquitectura interna. Ver Sitemap.

Superficie de ataque

Conjunto de puntos por los que se puede entrar en un sistema. Reducirla es la forma más directa de mejorar la seguridad. Ver Superficie de ataque.

SLA

Acuerdo de nivel de servicio. Qué se garantiza, en qué plazo y con qué penalización. Sin niveles ni responsable no es un acuerdo. Ver SLA.

Sistema de diseño

Tokens, componentes y reglas que unifican el aspecto y el comportamiento de todas las pantallas. Ver Sistema de diseño.

Suscripciones y pagos recurrentes

Planes, motor de cobros, reintentos, tarjetas fallidas y experiencia de baja. Ver Suscripciones y pagos recurrentes.

Seguridad web y hardening

Reducción de la superficie expuesta, cabeceras, secretos fuera del código y respuesta a incidentes. Ver Seguridad web y hardening.

Soporte y SLA web

Canales, horarios, escala de prioridades con sus tiempos y reporte de cumplimiento. Ver Soporte y SLA web.

Términos que empiezan por T

Test A/B

Comparación entre dos versiones de una página con grupos de usuarios y un cálculo de muestra previo. Ver Test A/B.

Términos que empiezan por W

Wireframe

Esquema de baja fidelidad de una pantalla es la estructura y jerarquía sin color ni tipografía. Ver Wireframe.

WCAG

Web Content Accessibility Guidelines. La referencia técnica de accesibilidad web. La versión 2.2 es la actual. Ver WCAG.

WordPress a medida

Desarrollo sobre WordPress con tema y bloques propios, sin plugins de más y con rendimiento medido. Ver WordPress a medida.

WooCommerce a medida

Tienda sobre WooCommerce con catálogo, fichas, checkout, envíos e integración con ERP. Ver WooCommerce a medida.
/01
Lo más preguntado · 4 preguntas

Alcance & precios.

¿Cuánto cuesta una web?

Un sitio corporativo de 8 a 15 páginas suele moverse entre 6.000 y 18.000 euros; una tienda online, entre 15.000 y 45.000; y una plataforma con lógica propia, desde 40.000. El precio lo determina el número de pantallas, las integraciones y el nivel de desarrollo, no la cantidad de texto.

Desglosamos el presupuesto por fases y entregamos un calendario con lo que se puede hacer en cada una, para que se pueda empezar por la parte que más revenue aporta.

¿Cuánto tarda un proyecto?

De 6 a 12 semanas para un sitio corporativo, de 10 a 16 para una tienda y de 14 a 24 para una plataforma con integraciones. Las entregas son quincenales y en cada una hay algo funcionando. No esperamos al final para enseñar.

Lo que suele alargar los proyectos no es el desarrollo, son las aprobaciones internas y el contenido que no estaba listo cuando se fallout.

¿WordPress o desarrollo a medida?

Depende de quién va a mantenerlo. Si el equipo va a publicar a diario y no tiene perfil técnico, WordPress bien desarrollado es más barato y más cómodo. Si la web tiene lógica propia, muchas referencias o reglas de negocio singulares, el desarrollo a medida sale más rentable a medio plazo.

En la auditoría inicial te decimos cuál de las dos te conviene y por qué, aunque no trabajemos contigo después.

¿Qué pasa si no me gusta el resultado?

El trabajo se entrega por fases y cada una se aprueba antes de empezar la siguiente. No hay un momento final en el que se descubre que el resultado no era el esperado: eso se corrige en la segunda semana, no en el mes cuarto.

El diseño se presenta como prototipo navegable antes de programarlo, para que lo que se ve en la pantalla final sea lo que se aprobó en el wireframe.

/02
Lo más preguntado · 4 preguntas

Tecnología & plataforma.

¿Qué es el desarrollo headless?

Es separar la web del gestor de contenidos. El frontend se construye aparte y el contenido llega por API. Se usa cuando el mismo contenido vive en varios sitios (web, app, newsletter) o cuando la web es más una aplicación que un documento.

Si tu web es un catálogo con cinco páginas, headless multiplica el coste de mantenimiento sin aportar nada. La recomendación depende del caso, no de la moda.

¿Qué pasa con mi contenido actual?

Se migra. El plan incluye el inventario de URLs, el mapa de destinos y las redirecciones 301, que es lo que protege el posicionamiento. Lo que no se puede migrar (aplicaciones internas, contenido de terceros sin licencia) se documenta para decidir.

En una migración bien hecha no se pierde tráfico orgánico. Cuando se pierde, casi siempre es porque el mapa de URLs se hizo después del corte y no antes.

¿Necesito un hosting propio?

Depende del tipo de web y del nivel de control. Para un sitio corporativo, un hosting compartido bien elegido es suficiente y barato. Para una tienda con mucho tráfico o una plataforma, hace falta cloud o servidor dedicado, con caché y escalado.

En cualquier caso, el dominio y el acceso a los datos deben quedar a nombre de la empresa, no del proveedor ni de la agencia. Esa es la parte que no se negocia.

¿Trabajáis con nuestro hosting?

Sí, y es lo habitual. Si ya tenéis un hosting fiable, trabajamos encima; si no, lo revisamos en la auditoría y os damos una recomendación con su coste. Lo que no hacemos es dejar la web en un servidor que no podemos monitorizar.

En todos los casos, el dominio, los certificados y las cuentas de los servicios quedan a nombre de la empresa, con acceso documentado.

/03
Lo más preguntado · 4 preguntas

Medición & mantenimiento.

¿Cómo se mide el resultado de una web?

Con las métricas de negocio. Conversión, solicitudes, añadir al carrito y, cuando hay venta, el ingreso. Las métricas técnicas (LCP, INP, CLS) y las de uso (scroll, páginas por sesión) sirven para explicar por qué cambia lo anterior.

Antes de tocar nada medimos la web actual. Sin esa línea base no hay forma de saber si el rediseño ha servido de algo.

¿Qué pasa con el SEO al rediseñar?

Se trabaja antes de publicar. El mapa de URLs, los títulos, las etiquetas y los enlaces se planifican con el diseño, no se arreglan después. Cuando el rediseño es incremental, se hace por secciones para que el tráfico entre a medida que se publica la nueva versión.

Una migración sin mapa de URLs previo es una apuesta, y el buscador lo nota en semanas.

¿Qué incluye el mantenimiento?

Actualizaciones de dependencias, cambios menores con un cupo acordado, gestión de contenidos, control de rendimiento y seguridad, monitorización con avisos y un informe mensual con lo hecho y lo pendiente. El alcance queda escrito, con lo que entra y lo que no.

Un mantenimiento sin informe no se puede evaluar, y un mantenimiento sin límite de cambios se convierte en soporte ilimitado.

¿Cada cuánto hay que renovar el mantenimiento?

El servicio es continuo porque el ecosistema no se detiene. Una actualización de PHP o un certificado que caduca pueden tumbar la web en cualquier momento. Lo que se revisa de forma periódica es el alcance, para ajustar el plan de mejoras al uso real.

Si la web apenas se toca y no tiene comercio, un plan de mantenimiento ligero con revisión trimestral suele ser suficiente.

/04
Lo más preguntado · 4 preguntas

Cumplimiento & soporte.

¿La web tiene que cumplir accesibilidad?

En España, las entidades públicas y las empresas sujetas a la Ley de Accesibilidad sí. Para el resto es una recomendación legal, pero hay dos razones de negocio para cumplir: algunas empresas lo necesitan para trabajar con el sector público, y una web accesible convierte mejor en móvil.

En cualquier caso, la declaración de accesibilidad con sus evidencias es la forma de demostrar el cumplimiento.

¿El banner de cookies es obligatorio?

Sí, en cuanto la web utiliza cookies analíticas o publicitarias. El banner debe permitir aceptar y rechazar con la misma facilidad, y las cookies no esenciales no deben cargarse hasta que haya consentimiento. El registro de cada decisión es lo que permite demostrarlo.

El RGPD va mucho más allá del banner. También afecta a los formularios, a los textos legales y a los datos que se=share con terceros.

¿Qué pasa si nos hackean?

Hay un plan. Quién avisa, a quién, en qué plazo y con qué copia se restaura. El tiempo de recuperación se cronometra con restauraciones reales, no con una estimación. La prevention principal es reducir la superficie expuesta y mantener las dependencias al día.

Las copias de seguridad que no se han restaurado alguna vez no son un plan de recuperación, son una suposición.

¿Cómo se trabaja con el equipo?

Con una persona de referencia en el cliente que valida y decide, y revisiones quincenales con el equipo. Cada entrega viene con su documentación y con los cambios explicados, para que el traspaso no dependa de una llamada.

Al final entregamos la guía de mantenimiento, el manual de arquitectura y las credenciales ordenadas, para que el sitio no quede atado a nosotros.

Del concepto a la ejecución

Servicios de Desarrollo web.

Cada servicio enlaza con los conceptos de esta página: así puedes leer la theory y ver quién lo aplica en tu caso.

Diseño web a medida

Diseño web a medida. Arquitectura de información, wireframes, diseño de interfaz, sistema visual, prototipo navegable y guía de estilo para desarrollo.

Diseño de interfaz y prototipo

Diseño de interfaz y prototipo. Flujos de usuario, prototipo navegable, pruebas de usabilidad, sistema de componentes y entrega de assets para desarrollo.

Sistema de diseño

Sistema de diseño web. Auditoría de interfaz, tokens de color y tipografía, librería de componentes, documentación viva y control de consistencia.

Diseño de landing y campañas

Diseño de landing pages de campaña. Estructura de conversión, mensaje principal, bloque de prueba, formulario, variantes y entrega a desarrollo.

Desarrollo web a medida

Desarrollo web a medida. Arquitectura de software, front-end y back-end, integración con APIs, tests automatizados, CI/CD y documentación del código.

WordPress a medida

Desarrollo WordPress a medida. Temas y bloques propios, campos personalizados, rendimiento, seguridad, migración y formación del equipo en el editor.

WooCommerce a medida

Desarrollo WooCommerce a medida. Catálogo con variantes, fichas de producto, checkout y pagos, envíos, integración con ERP y optimización de rendimiento.

Desarrollo headless

Desarrollo headless. Arquitectura frontend con API y CMS desacoplados, renderizado híbrido, seguridad, rendimiento y despliegue de aplicaciones web modernas.

Checkout y conversión

Diseño de checkout y optimización de conversión. Mapa del flujo, reducción de pasos, pagos y medios de envío, errores técnicos y tests de conversión.

Catálogo, filtros y búsqueda interna

Catálogo, filtros y búsqueda interna para ecommerce. Estructura de categorías, atributos y facetas, buscador con sinónimos y relevancia, y fichas indexadas.

Integración con marketplaces

Integración con marketplaces. Conexión de Amazon, eBay, Wallapop o Temu, sincronización de catálogo, stock y precios, fichas y control de incidencias.

Suscripciones y pagos recurrentes

Suscripciones y pagos recurrentes. Diseño de planes, motor de cobros, gestión de tarjetas y fallidos, cambios de plan y recuperación de bajas.

Migración de webs

Migración de webs. Inventario de URLs, plan de redirecciones, construcción en entorno espejo, corte con rollback y seguimiento de tráfico y 404.

Rediseño web

Rediseño web. Auditoría de contenido y rendimiento, nueva arquitectura y diseño, migración de URLs, plan de tests A/B y medición de conversión.

Replatforming

Replatforming web. Análisis de requisitos, evaluación de plataformas y CMS, plan de transición, migración de datos e integración y formación del equipo.

Los 9 servicios restantes de esta disciplina están en el catálogo completo.

Sigue avanzando

Del glosario a tu proyecto.

Reservar

¿Sigues con dudas?

Reserva una videollamada gratuita de 30 minutos con un estratega senior de IA. Te respondemos cualquier pregunta sobre tu caso.

Reserva tu videollamada gratuita

30 minutos con Jorge Sánchez Mosquete, consultor estratégico de IA y CEO de Netbulb. Sin compromiso, en español.

  • 30 minutos
  • Videollamada
  • Diagnóstico gratuito
  • En español
•
LMXJVSD
Selecciona un día
• Empieza eligiendo un día disponible en el calendario
Datos de contacto •

Reserva confirmada

•

Enlace de videollamada:
•

Powered by Netbulb

Resolvemos tus dudas

Hablemos de tu proyecto.

Sin compromiso. Una videollamada de 30 minutos para entender tu caso y decirte si la IA encaja.

¿Tienes más preguntas?

Reservar cita →