[{"data":1,"prerenderedAt":482},["ShallowReactive",2],{"layout-data-es":3,"blog-post-migrar-wordpress-a-headless":252},{"services":4,"blogPosts":90},[5,20,34,48,62,76],{"id":6,"documentId":7,"name":8,"slug":9,"excerpt":10,"description":11,"createdAt":12,"updatedAt":13,"publishedAt":14,"locale":15,"icon":16,"order":17,"projects_category_title":18,"projects_category_excerpt":19},78,"etjm8zp60efplimuo3b17rt7","Consultoría estratégica y tecnológica","consultoria-estrategica-tecnologica","Consultoría tecnológica orientada a negocio: mapeamos tus procesos, decidimos qué construir y entregamos una hoja de ruta con hitos y arquitectura.","Muchos proyectos de software fracasan antes de escribir la primera línea de código, y suele ser por una falta de alineación entre la tecnología y los objetivos de negocio. En BeDoers, nuestra consultoría no se limita a entregarte un informe técnico; nos convertimos en tu socio estratégico para entender dónde están los cuellos de botella que frenan tu operativa diaria.\n\nTrabajamos de forma colaborativa utilizando herramientas como Miro y Notion para mapear tus procesos actuales e identificar oportunidades de mejora. Nos enfocamos en resolver preguntas críticas: ¿Es esta la tecnología adecuada para escalar? ¿Cómo podemos automatizar esta tarea manual que consume horas de tu equipo? ¿Cuál es el camino más corto y rentable para lanzar este producto al mercado?\n\nEl resultado es un plan de acción detallado, con hitos claros y una arquitectura pensada para el futuro. Al finalizar nuestra fase de consultoría, no solo tendrás una solución técnica, sino la seguridad de que estás invirtiendo en activos digitales que aportan valor real a tu cuenta de resultados, evitando gastos innecesarios en funcionalidades que no necesitas.","2026-02-19T08:35:44.185Z","2026-09-29T16:34:52.605Z","2026-09-29T16:35:20.928Z","es","hugeicons-briefcase-01",1,"Casos de consultoría tecnológica","Proyectos de consultoría: cómo analizamos la viabilidad técnica, ordenamos procesos y diseñamos hojas de ruta por fases para construir sin sorpresas.",{"id":21,"documentId":22,"name":23,"slug":24,"excerpt":25,"description":26,"createdAt":27,"updatedAt":28,"publishedAt":29,"locale":15,"icon":30,"order":31,"projects_category_title":32,"projects_category_excerpt":33},83,"dm9pc4ywhv32bla1n2pfgv99","Desarrollo Salesforce y Agentforce con IA","desarrollo-salesforce-agentforce-ia","Desarrollo Salesforce con APEX, LWC y Flows, y agentes de IA con Agentforce y Einstein que ejecutan tareas reales sobre tus datos de negocio.","La verdadera transformación de Salesforce hoy pasa por la autonomía. Ya no basta con tener un CRM bien configurado; necesitas un sistema que actúe por ti. En BeDoers, integramos Agentforce y Salesforce Einstein para desplegar agentes inteligentes capaces de razonar, tomar decisiones y ejecutar flujos de trabajo completos sin intervención humana constante.\n\nDesde la creación de agentes de servicio que resuelven casos complejos de forma autónoma, hasta el uso de Einstein para predecir oportunidades de venta con precisión quirúrgica, unimos la IA generativa con tus datos reales de negocio.\n\nTodo esto lo sustentamos con una base técnica de alto nivel: desarrollamos lógica de servidor personalizada con APEX, creamos automatizaciones visuales con Flows y diseñamos interfaces modernas con Lightning Web Components (LWC). El resultado es un ecosistema Salesforce que no solo almacena información, sino que genera proactivamente rentabilidad y eficiencia para tu equipo.","2026-02-19T08:37:57.014Z","2026-10-28T13:32:59.420Z","2026-10-28T13:33:35.482Z","hugeicons-ai-cloud",5,"Casos de Salesforce, APEX y Agentforce","Proyectos Salesforce más allá de la configuración estándar: componentes LWC, lógica APEX, Flows y agentes de IA con Agentforce.",{"id":35,"documentId":36,"name":37,"slug":38,"excerpt":39,"description":40,"createdAt":41,"updatedAt":42,"publishedAt":43,"locale":15,"icon":44,"order":45,"projects_category_title":46,"projects_category_excerpt":47},82,"etl8vpz8j1wkj6zc6g0obvyj","Desarrollo de aplicaciones móviles","desarrollo-aplicaciones-moviles-ios-android","Apps móviles para iOS y Android con Ionic desde una sola base de código, integradas con tu CRM y tus sistemas. Nos ocupamos también de la publicación.","Hoy en día, la movilidad no es una opción, es el estándar. Si tus clientes o tus empleados no pueden interactuar con tu negocio desde su smartphone de forma ágil, estás perdiendo una oportunidad crítica de productividad y conexión. En BeDoers, entendemos que una aplicación móvil debe ser algo más que una versión pequeña de tu web; debe ser una herramienta diseñada para la acción inmediata.\n\nNos especializamos en el desarrollo multiplataforma utilizando tecnologías líderes como Ionic. Este enfoque nos permite construir aplicaciones de alto rendimiento que funcionan perfectamente tanto en dispositivos Apple como Android utilizando una única base de código. Para ti, esto se traduce en una ventaja competitiva directa: el tiempo de desarrollo se reduce drásticamente, los costes de lanzamiento se optimizan y, lo más importante, el mantenimiento futuro es mucho más sencillo y económico.\n\nNo nos limitamos a \"subir una app a la tienda\". Nos encargamos de que la experiencia de usuario sea fluida, intuitiva y que aproveche las capacidades del dispositivo cuando sea necesario. Además, integramos tu aplicación con el resto de tus sistemas (CRM, bases de datos o servicios de IA) para que la información fluya en tiempo real. Con nuestra metodología, obtienes una herramienta móvil robusta, escalable y preparada para evolucionar al mismo ritmo que las necesidades de tus usuarios.","2026-02-19T09:19:00.594Z","2026-09-29T16:35:05.071Z","2026-09-29T16:35:31.240Z","hugeicons-hold-phone",6,"Casos de apps móviles con Ionic","Proyectos de apps iOS y Android con Ionic: una base de código, integración con tus sistemas y acompañamiento en la publicación en las tiendas.",{"id":49,"documentId":50,"name":51,"slug":52,"excerpt":53,"description":54,"createdAt":55,"updatedAt":56,"publishedAt":57,"locale":15,"icon":58,"order":59,"projects_category_title":60,"projects_category_excerpt":61},79,"cd6tl7pr3bssrglvbhqoknao","Desarrollo web de alto rendimiento","desarrollo-web-alto-rendimiento","Desarrollo web con Nuxt, Vue y arquitectura headless con Strapi: webs rápidas, optimizadas para buscadores y editables por tu equipo sin desarrollo.","Hoy en día, una web lenta o difícil de usar es, sencillamente, una oportunidad perdida. Los usuarios (y Google) no perdonan las esperas. En Bedoers, no construimos páginas web estáticas; desarrollamos experiencias digitales de alto rendimiento utilizando los frameworks más avanzados como React, Vue.js y Nuxt.\n\nNuestro enfoque se basa en la velocidad y la usabilidad. Al separar el frontend del backend (arquitectura Headless con Strapi), logramos que tu sitio cargue de forma casi instantánea, mejorando tu posicionamiento SEO y reduciendo la tasa de rebote. Cada interfaz que creamos es totalmente responsiva, asegurando que la experiencia de usuario sea impecable tanto en un smartphone como en un monitor de escritorio.\n\nPero no solo nos importa lo que se ve. Bajo el capó, implementamos un código limpio y optimizado, preparado para integrarse con tus herramientas de marketing y analítica. El resultado es una plataforma web profesional, segura y fácil de gestionar por tu equipo, diseñada específicamente para convertir visitantes en clientes fidelizados.","2026-02-13T09:14:46.869Z","2026-09-29T16:34:55.345Z","2026-09-29T16:35:23.580Z","hugeicons-laptop-charging",2,"Proyectos web con Nuxt y Strapi","Proyectos con Nuxt y Strapi: webs rápidas, optimizadas para SEO y con un panel que tu equipo de contenido controla sin depender de desarrollo.",{"id":63,"documentId":64,"name":65,"slug":66,"excerpt":67,"description":68,"createdAt":69,"updatedAt":70,"publishedAt":71,"locale":15,"icon":72,"order":73,"projects_category_title":74,"projects_category_excerpt":75},77,"povunwai3w5poj3e2ynytzyu","Infraestructura e Integración de sistemas","infraestructura-integracion-sistemas","Infraestructuras robustas e integraciones seguras entre tus sistemas (ERP, CRM, APIs) con .NET, NestJS, Postgres y SQL Server. Sin tareas manuales.","En la era digital, una empresa es tan fuerte como su capacidad para gestionar datos. El mayor \"dolor\" de muchas organizaciones es la fragmentación: información aislada en diferentes programas que obliga al equipo a realizar exportaciones manuales o duplicar el trabajo. Esto no solo es ineficiente, es una fuente constante de errores.\n\nNos especializamos en construir el \"corazón digital\" de tu empresa. Utilizamos tecnologías líderes como .NET, NestJS y bases de datos de alto rendimiento (Postgres, SQL Server) para crear infraestructuras que no solo son rápidas, sino impenetrables. Nos encargamos de que tus sistemas se hablen entre sí mediante integraciones fluidas y seguras.\n\nYa sea que necesites migrar servidores críticos a la nube o conectar tu ERP con tu nueva plataforma de ventas, garantizamos una transición sin fricciones. Trabajamos bajo un estándar de máxima fiabilidad: copias de seguridad automáticas, monitorización constante y una arquitectura escalable que permite que tu sistema crezca al mismo ritmo que tus clientes, sin degradar el rendimiento ni comprometer la seguridad.","2026-02-19T08:37:25.148Z","2026-09-29T16:34:35.363Z","2026-09-29T16:35:18.240Z","hugeicons-dashboard-square-setting",3,"Casos de integración de sistemas","Proyectos donde unificamos herramientas, optimizamos bases de datos y conectamos ERP y CRM mediante integraciones seguras y APIs limpias.",{"id":77,"documentId":78,"name":79,"slug":80,"excerpt":81,"description":82,"createdAt":83,"updatedAt":84,"publishedAt":85,"locale":15,"icon":86,"order":87,"projects_category_title":88,"projects_category_excerpt":89},80,"p90rskuqojhn5x21uwxdnvt1","Inteligencia Artificial y Automatización","inteligencia-artificial-automatizacion-procesos","IA aplicada a problemas de negocio: agentes autónomos y automatización conectados a tus sistemas, con la privacidad de tus datos como condición de partida.","La Inteligencia Artificial solo es útil cuando resuelve un problema de negocio real y medible. En BeDoers, ayudamos a las empresas a cruzar el puente entre el entusiasmo por la IA y su implementación productiva y segura. No instalamos tecnología por moda; instalamos soluciones que ahorran tiempo y dinero.\n\n¿Imaginas un asistente inteligente que resuelva el 80% de las dudas de tus clientes con precisión humana? ¿O un sistema que analice tus bases de datos para predecir qué clientes tienen más riesgo de irse? Nos especializamos en conectar tus sistemas actuales con modelos de lenguaje y algoritmos de aprendizaje automático, garantizando siempre la privacidad y seguridad de tus datos corporativos.\n\nAnalizamos tus flujos de trabajo para detectar dónde la IA puede aportar un valor inmediato, ya sea automatizando la clasificación de documentos, generando contenido dinámico o extrayendo insights de grandes volúmenes de información. Con nuestra ayuda, la IA se convierte en un miembro más de tu equipo, permitiendo que las personas se centren en la creatividad y la estrategia mientras la tecnología se encarga del trabajo pesado.","2026-02-19T08:40:02.016Z","2026-09-29T16:34:57.707Z","2026-09-29T16:35:26.023Z","hugeicons-ai-programming",4,"Casos de IA y automatización","Proyectos de IA aplicada: agentes autónomos, modelos de lenguaje y automatizaciones conectadas a los sistemas de la empresa para ahorrar trabajo manual.",[91,155,203],{"id":92,"documentId":93,"title":94,"createdAt":95,"updatedAt":96,"publishedAt":97,"locale":15,"excerpt":98,"content":99,"slug":100,"cover":101},51,"zypznt50aa71yrqjv8sk5tgu","Migrar de WordPress a headless sin perder SEO","2026-10-28T15:42:06.203Z","2026-10-28T16:07:40.900Z","2026-10-28T16:07:40.922Z","Cómo pasar de WordPress a una arquitectura headless con Strapi y Nuxt paso a paso: inventario, migración de contenidos, redirecciones 301 y seguimiento en Search Console.","> **Respuesta corta:** para migrar de WordPress a una arquitectura headless sin perder posicionamiento hay que hacer cuatro cosas bien: inventariar todas las URL actuales, migrar los contenidos al nuevo gestor (por ejemplo, Strapi) a través de la API de WordPress, mantener las mismas URL o redirigir cada una con un 301 a su equivalente, y vigilar Search Console después del cambio. Google recomienda mantener las redirecciones al menos un año y avisa de que es normal ver fluctuaciones durante unas semanas ([Google Search Central](https:\u002F\u002Fdevelopers.google.com\u002Fsearch\u002Fdocs\u002Fcrawling-indexing\u002Fsite-move-with-url-changes)).\n\n\n## ¿Merece la pena migrar?\n\nAntes de hablar de cómo, conviene responder si. Migrar tiene sentido si tu web es una pieza importante del negocio y WordPress se ha convertido en un freno: lentitud que no se arregla con optimizaciones, dependencia de muchos plugins, problemas de seguridad o necesidad de integrar la web con tu CRM, tu ERP u otros canales. Si tu web funciona bien y apenas cambia, probablemente no compense. Lo desarrollamos en [qué es una arquitectura headless y cuándo conviene](https:\u002F\u002Fbedoers.com\u002Fblog\u002Fque-es-arquitectura-headless).\n\nUna alternativa intermedia: usar el propio WordPress como gestor headless a través de su API y construir solo el frontend nuevo. Mantiene el panel que tu equipo ya conoce, aunque conserva parte de la dependencia de plugins.\n\n\n## Paso 1: inventario de lo que tienes\n\nNo se puede migrar bien lo que no se conoce. Reúne:\n\n- **Todas las URL indexadas.** Del sitemap, de Search Console, de Google Analytics y, si es posible, de los registros del servidor.\n- **Las páginas que traen tráfico y enlaces.** Son las que no te puedes permitir perder.\n- **Los tipos de contenido.** Entradas, páginas, categorías, productos, campos personalizados.\n- **Los plugins y lo que hacen.** Formularios, SEO, caché, multilingüe, analítica. Cada función necesitará un sustituto.\n- **Los metadatos SEO.** Títulos, descripciones, etiquetas Open Graph y datos estructurados.\n\n\n## Paso 2: diseña el modelo de contenidos\n\nEn un CMS headless como Strapi defines tipos de contenido con campos concretos. Es la oportunidad de ordenar lo que en WordPress se había ido acumulando: por ejemplo, un tipo «servicio» con campos propios en lugar de páginas maquetadas a mano. Incluye desde el principio campos para el título SEO, la meta descripción y la imagen para redes.\n\n\n## Paso 3: migra los contenidos\n\nWordPress expone sus contenidos en JSON a través de su API REST, en rutas como `\u002Fwp-json\u002Fwp\u002Fv2\u002Fposts` y `\u002Fwp-json\u002Fwp\u002Fv2\u002Fmedia`. El proceso habitual, el mismo que describe [la propia Strapi](https:\u002F\u002Fstrapi.io\u002Fblog\u002Fmigrate-from-wordpress), es un script que:\n\n1. Lee los contenidos y medios de WordPress.\n2. Descarga las imágenes y las sube al gestor de medios del nuevo CMS.\n3. Crea cada entrada en Strapi a través de su API, con las imágenes ya enlazadas.\n4. Actualiza las referencias internas para que apunten a las nuevas URL de los medios.\n\nRevisa a mano una muestra de contenidos: el HTML generado por algunos constructores visuales de WordPress no siempre se traslada limpio.\n\n\n## Paso 4: construye el frontend\n\nCon un framework como Nuxt se construye la web nueva leyendo los contenidos del CMS. Aquí se decide si las páginas se generan de forma estática al publicar o en el servidor bajo demanda. Asegura que cada página incluye en el HTML su título, su meta descripción, su etiqueta canonical y sus datos estructurados.\n\n\n## Paso 5: redirecciones, la parte que decide el SEO\n\nEste es el paso donde más posicionamiento se pierde. Las recomendaciones de Google son claras:\n\n- **Mantén las mismas URL siempre que puedas.** Es la forma más segura de migrar.\n- **Si cambian, redirige cada URL antigua a su equivalente nueva** con una redirección permanente (301 o 308) en el servidor.\n- **Evita cadenas de redirecciones.** Cada URL antigua debe apuntar directamente al destino final.\n- **No redirijas todo a la portada.** Google puede tratarlo como una página inexistente.\n- **Mantén las redirecciones al menos un año.**\n- **Actualiza los enlaces internos** para que apunten a las URL nuevas.\n\n\n## Paso 6: publica y vigila\n\nEl día del cambio:\n\n1. Envía el nuevo sitemap a Search Console.\n2. Comprueba una muestra de URL antiguas para confirmar que redirigen bien.\n3. Revisa en Search Console los errores de rastreo y las páginas no indexadas durante las semanas siguientes.\n4. Compara tráfico y posiciones con el periodo anterior, teniendo en cuenta que Google avisa de fluctuaciones temporales.\n\n\n## Qué pierdes y cómo se sustituye\n\n| En WordPress | En una arquitectura headless |\n| :--- | :--- |\n| Plugin de SEO | Campos SEO en el CMS y etiquetas generadas por el frontend |\n| Plugin de formularios | Formulario propio conectado a una función serverless o a tu CRM |\n| Constructor visual de páginas | Componentes diseñados a medida que el equipo combina desde el CMS |\n| Vista previa inmediata | Se puede configurar, pero no viene por defecto |\n| Plugin de caché | No hace falta si las páginas se sirven ya generadas desde una CDN |\n\n\n## Errores habituales\n\n- Cambiar la estructura de URL sin necesidad.\n- Olvidar las URL de imágenes, categorías o etiquetas que también recibían tráfico.\n- Perder los títulos y meta descripciones trabajados durante años.\n- No migrar los datos estructurados.\n- Publicar sin probar las redirecciones en un entorno de pruebas.\n- Dar la migración por terminada el día del lanzamiento.\n\n\n## Cuánto cuesta y cuánto se tarda\n\nDepende del volumen de contenidos, de cuántos plugins hay que sustituir y de las integraciones. La migración de contenidos suele ser la parte más predecible; el frontend y las integraciones, la más variable. Tienes rangos de referencia en [cuánto cuesta una web a medida](https:\u002F\u002Fbedoers.com\u002Fblog\u002Fcuanto-cuesta-una-web-a-medida).\n\n\n## Cómo lo hacemos en BeDoers\n\nTrabajamos con Strapi y Nuxt, la misma arquitectura de nuestra web, y empezamos siempre por el inventario y el plan de redirecciones antes de escribir código. Si estás valorando migrar, puedes ver nuestro servicio de [desarrollo web de alto rendimiento](https:\u002F\u002Fbedoers.com\u002Fservicios\u002Fdesarrollo-web-alto-rendimiento) o [contarnos tu caso](https:\u002F\u002Fbedoers.com\u002Fcontacto).\n\n\n## Preguntas frecuentes\n\n### ¿Perderé posicionamiento al migrar de WordPress?\n\nEs normal ver fluctuaciones durante unas semanas. Si mantienes las URL o las rediriges una a una con 301 y conservas títulos y contenidos, el posicionamiento debería estabilizarse.\n\n### ¿Puedo seguir usando WordPress como gestor?\n\nSí. WordPress puede funcionar como CMS headless a través de su API REST, con un frontend independiente.\n\n### ¿Cuánto tiempo mantengo las redirecciones?\n\nGoogle recomienda al menos un año. En la práctica, lo más seguro es no retirarlas.\n\n### ¿Qué pasa con los plugins?\n\nCada función que cubría un plugin hay que resolverla de otra forma: con campos en el CMS, con desarrollo propio o con un servicio externo.\n\n### ¿Se pueden migrar los usuarios y comentarios?\n\nSe puede, pero requiere un trabajo específico. Decide antes si los necesitas en la web nueva.","migrar-wordpress-a-headless",{"id":102,"documentId":103,"name":104,"alternativeText":105,"caption":105,"focalPoint":105,"width":106,"height":107,"formats":108,"hash":148,"ext":112,"mime":113,"size":149,"url":150,"previewUrl":105,"provider":151,"provider_metadata":152,"createdAt":153,"updatedAt":153,"publishedAt":154},64,"qh959p826r049xfmqb7iz1uj","Migrar de WordPress a headless sin perder SEO.jpg",null,1200,896,{"thumbnail":109,"medium":121,"small":130,"large":139},{"name":110,"hash":111,"ext":112,"mime":113,"path":105,"width":114,"height":115,"size":116,"sizeInBytes":117,"url":118,"provider_metadata":119},"thumbnail_Migrar de WordPress a headless sin perder SEO.jpg","thumbnail_Migrar_de_Word_Press_a_headless_sin_perder_SEO_8ea70f5c0a",".jpg","image\u002Fjpeg",209,156,4.77,4768,"https:\u002F\u002Fres.cloudinary.com\u002Fdlixueeu6\u002Fimage\u002Fupload\u002Fv1793203657\u002Fthumbnail_Migrar_de_Word_Press_a_headless_sin_perder_SEO_8ea70f5c0a.jpg",{"public_id":111,"resource_type":120},"image",{"name":122,"hash":123,"ext":112,"mime":113,"path":105,"width":124,"height":125,"size":126,"sizeInBytes":127,"url":128,"provider_metadata":129},"medium_Migrar de WordPress a headless sin perder SEO.jpg","medium_Migrar_de_Word_Press_a_headless_sin_perder_SEO_8ea70f5c0a",750,560,38.62,38615,"https:\u002F\u002Fres.cloudinary.com\u002Fdlixueeu6\u002Fimage\u002Fupload\u002Fv1793203657\u002Fmedium_Migrar_de_Word_Press_a_headless_sin_perder_SEO_8ea70f5c0a.jpg",{"public_id":123,"resource_type":120},{"name":131,"hash":132,"ext":112,"mime":113,"path":105,"width":133,"height":134,"size":135,"sizeInBytes":136,"url":137,"provider_metadata":138},"small_Migrar de WordPress a headless sin perder SEO.jpg","small_Migrar_de_Word_Press_a_headless_sin_perder_SEO_8ea70f5c0a",500,373,19.25,19251,"https:\u002F\u002Fres.cloudinary.com\u002Fdlixueeu6\u002Fimage\u002Fupload\u002Fv1793203657\u002Fsmall_Migrar_de_Word_Press_a_headless_sin_perder_SEO_8ea70f5c0a.jpg",{"public_id":132,"resource_type":120},{"name":140,"hash":141,"ext":112,"mime":113,"path":105,"width":142,"height":143,"size":144,"sizeInBytes":145,"url":146,"provider_metadata":147},"large_Migrar de WordPress a headless sin perder SEO.jpg","large_Migrar_de_Word_Press_a_headless_sin_perder_SEO_8ea70f5c0a",1000,747,65.39,65394,"https:\u002F\u002Fres.cloudinary.com\u002Fdlixueeu6\u002Fimage\u002Fupload\u002Fv1793203657\u002Flarge_Migrar_de_Word_Press_a_headless_sin_perder_SEO_8ea70f5c0a.jpg",{"public_id":141,"resource_type":120},"Migrar_de_Word_Press_a_headless_sin_perder_SEO_8ea70f5c0a",90.03,"https:\u002F\u002Fres.cloudinary.com\u002Fdlixueeu6\u002Fimage\u002Fupload\u002Fv1793203657\u002FMigrar_de_Word_Press_a_headless_sin_perder_SEO_8ea70f5c0a.jpg","cloudinary",{"public_id":148,"resource_type":120},"2026-10-28T16:07:38.546Z","2026-10-28T16:07:38.547Z",{"id":156,"documentId":157,"title":158,"createdAt":159,"updatedAt":160,"publishedAt":161,"locale":15,"excerpt":162,"content":163,"slug":164,"cover":165},50,"ajttatnhtoo31cr77qj1r1t9","Cuánto cuesta una web a medida en 2026","2026-10-28T15:41:32.024Z","2026-10-28T16:07:29.974Z","2026-10-28T16:07:29.992Z","Rangos de precio reales de una web corporativa y de un desarrollo a medida en España, qué hace subir el presupuesto, los costes ocultos y cómo comparar ofertas.","> **Respuesta corta:** en España, una web corporativa hecha por una agencia cuesta entre unos 800 y 8.000 euros según su alcance, y un desarrollo a medida empieza habitualmente entre 10.000 y 15.000 euros. Son rangos orientativos publicados en 2026 por [Raiola Networks](https:\u002F\u002Fraiolanetworks.com\u002Fblog\u002Fprecio-pagina-web\u002F) y [Departamento Creativo](https:\u002F\u002Fdepartamentocreativo.com\u002Fblog-posts\u002Fcuanto-cuesta-una-pagina-web-en-espana-precios-reales-2026). La horquilla es tan amplia porque «a medida» significa cosas distintas para cada proveedor, y porque el precio depende sobre todo de cuántos tipos de página, integraciones y funcionalidades necesitas.\n\nEn este artículo te explicamos qué hay detrás de cada rango, qué hace subir el presupuesto y qué preguntar para comparar ofertas sin llevarte sorpresas.\n\n\n## Qué significa «a medida»\n\nLa misma palabra se usa para tres cosas muy diferentes:\n\n| Tipo de web | Qué es | Rango orientativo en 2026 |\n| :--- | :--- | :--- |\n| Plantilla personalizada | Un tema comercial (por ejemplo, de WordPress) adaptado con tus colores, textos e imágenes | 800 – 3.500 € |\n| Web corporativa completa | Diseño propio, de 5 a 15 páginas, con gestor de contenidos | 2.500 – 8.000 € |\n| Desarrollo a medida | Arquitectura y código hechos para tu caso, con integraciones o funcionalidades propias | Desde 10.000 – 15.000 € |\n\nLos rangos combinan las dos fuentes citadas arriba, que trabajan con cifras sin IVA y advierten de que varían según el proveedor. Si te ofrecen una web «a medida» por 1.000 euros, lo más probable es que sea una plantilla personalizada. No tiene por qué ser mala opción, pero conviene saber qué se compra.\n\n\n## Qué hace subir el precio\n\nEl número de páginas importa menos de lo que parece. Lo que realmente mueve el presupuesto es:\n\n1. **Tipos de página distintos.** No es lo mismo una web de 30 páginas con tres plantillas que una de 10 con diez diseños diferentes.\n2. **Integraciones.** Conectar la web con un CRM, un ERP, una pasarela de pago o un sistema de reservas es trabajo de ingeniería, no de diseño.\n3. **Funcionalidades propias.** Áreas de cliente, buscadores, configuradores, calculadoras o automatizaciones con IA.\n4. **Gestor de contenidos.** Un CMS bien modelado, como Strapi en una [arquitectura headless](https:\u002F\u002Fbedoers.com\u002Fblog\u002Fque-es-arquitectura-headless), permite a tu equipo editar sin romper nada, pero requiere diseñar ese modelo.\n5. **Idiomas.** Cada idioma añade traducción, revisión y configuración técnica.\n6. **Rendimiento y SEO técnico.** Cumplir los umbrales de velocidad de Google y preparar bien la indexación lleva tiempo, y se nota en resultados. Lo explicamos en [el coste de una web lenta](https:\u002F\u002Fbedoers.com\u002Fblog\u002Fcoste-lentitud-arquitectura-headless-nuxt-strapi).\n7. **Migración desde una web anterior.** Trasladar contenidos y conservar el posicionamiento exige un plan de redirecciones. Tienes los pasos en [cómo migrar de WordPress a headless sin perder SEO](https:\u002F\u002Fbedoers.com\u002Fblog\u002Fmigrar-wordpress-a-headless).\n\n\n## Costes que no salen en el presupuesto\n\nEl precio del desarrollo es solo una parte. Pregunta también por:\n\n- **Hosting y dominio.** Departamento Creativo los sitúa entre 100 y 350 euros al año el hosting y entre 12 y 40 euros el dominio.\n- **Mantenimiento.** Actualizaciones, copias de seguridad y seguridad. Según la complejidad, entre 100 y 2.500 euros al año en esa misma fuente.\n- **Contenidos.** Textos, fotografías y vídeos. Si no los aportas tú, alguien tiene que crearlos.\n- **Licencias.** Plugins de pago, temas premium o servicios externos con cuota mensual.\n- **Evolución.** Una web no se termina el día que se publica. Reserva presupuesto para mejoras.\n\n\n## Cómo comparar presupuestos\n\nDos presupuestos con el mismo precio pueden no tener nada que ver. Antes de decidir, pide que te aclaren:\n\n1. **Qué incluye exactamente:** páginas, plantillas, integraciones, idiomas, contenidos y número de revisiones.\n2. **Con qué tecnología se hace** y si otro equipo podría mantenerla.\n3. **De quién es el código** al terminar. Pagar no te convierte automáticamente en propietario: lo explicamos en [propiedad del código fuente](https:\u002F\u002Fbedoers.com\u002Fblog\u002Fsecuestro-tecnologico-propiedad-codigo-fuente-activo-empresa).\n4. **A nombre de quién están** el dominio, el hosting y los repositorios.\n5. **Qué cuesta el mantenimiento** y qué pasa si dejas de pagarlo.\n6. **Cómo se mide el resultado:** velocidad, posicionamiento, contactos o ventas.\n\n\n## ¿Necesitas de verdad una web a medida?\n\nNo siempre. Una web de pocas páginas, que cambia poco y no necesita integraciones, puede resolverse muy bien con una plantilla bien configurada. Un desarrollo a medida compensa cuando la web es una pieza importante del negocio: genera ventas o contactos de forma relevante, tiene que conectarse con tus sistemas o necesitas que sea rápida y tuya para crecer sin depender de nadie.\n\n\n## Cómo lo hacemos en BeDoers\n\nNo trabajamos con tarifas cerradas, porque cada proyecto es distinto. Si nos cuentas qué necesitas, te decimos qué tipo de web encaja con tu caso, aunque no sea la más cara, y te damos una horquilla orientativa antes de comprometerte a nada. Puedes ver nuestro servicio de [desarrollo web de alto rendimiento](https:\u002F\u002Fbedoers.com\u002Fservicios\u002Fdesarrollo-web-alto-rendimiento) o [contarnos tu proyecto](https:\u002F\u002Fbedoers.com\u002Fcontacto).\n\n\n## Preguntas frecuentes\n\n### ¿Cuánto cuesta una web corporativa en España?\n\nSegún fuentes del sector publicadas en 2026, entre unos 800 y 8.000 euros sin IVA, dependiendo de si es una plantilla personalizada o un diseño propio con más páginas y funcionalidades.\n\n### ¿Y un desarrollo web a medida?\n\nHabitualmente desde 10.000 o 15.000 euros. El precio final depende de las integraciones y funcionalidades que necesites.\n\n### ¿Por qué hay tanta diferencia entre presupuestos?\n\nPorque no incluyen lo mismo. Compara el alcance, la tecnología, la propiedad del código y el mantenimiento, no solo el precio.\n\n### ¿Cuánto cuesta mantener una web?\n\nEntre unos 100 y 2.500 euros al año según la complejidad, a lo que hay que sumar hosting y dominio.\n\n### ¿Cuánto se tarda en hacer una web a medida?\n\nDepende del alcance. Una web corporativa puede llevar unas semanas; un desarrollo con integraciones, varios meses. Pide siempre un calendario por fases.","cuanto-cuesta-una-web-a-medida",{"id":166,"documentId":167,"name":168,"alternativeText":105,"caption":105,"focalPoint":105,"width":106,"height":107,"formats":169,"hash":198,"ext":112,"mime":113,"size":199,"url":200,"previewUrl":105,"provider":151,"provider_metadata":201,"createdAt":202,"updatedAt":202,"publishedAt":202},63,"wiyahki5uo694hhz7rcx8cq6","Cuánto cuesta una web a medida.jpg",{"medium":170,"small":177,"large":184,"thumbnail":191},{"name":171,"hash":172,"ext":112,"mime":113,"path":105,"width":124,"height":125,"size":173,"sizeInBytes":174,"url":175,"provider_metadata":176},"medium_Cuánto cuesta una web a medida.jpg","medium_Cuanto_cuesta_una_web_a_medida_1c2006ba23",40.59,40585,"https:\u002F\u002Fres.cloudinary.com\u002Fdlixueeu6\u002Fimage\u002Fupload\u002Fv1793203645\u002Fmedium_Cuanto_cuesta_una_web_a_medida_1c2006ba23.jpg",{"public_id":172,"resource_type":120},{"name":178,"hash":179,"ext":112,"mime":113,"path":105,"width":133,"height":134,"size":180,"sizeInBytes":181,"url":182,"provider_metadata":183},"small_Cuánto cuesta una web a medida.jpg","small_Cuanto_cuesta_una_web_a_medida_1c2006ba23",18.66,18662,"https:\u002F\u002Fres.cloudinary.com\u002Fdlixueeu6\u002Fimage\u002Fupload\u002Fv1793203645\u002Fsmall_Cuanto_cuesta_una_web_a_medida_1c2006ba23.jpg",{"public_id":179,"resource_type":120},{"name":185,"hash":186,"ext":112,"mime":113,"path":105,"width":142,"height":143,"size":187,"sizeInBytes":188,"url":189,"provider_metadata":190},"large_Cuánto cuesta una web a medida.jpg","large_Cuanto_cuesta_una_web_a_medida_1c2006ba23",73.36,73357,"https:\u002F\u002Fres.cloudinary.com\u002Fdlixueeu6\u002Fimage\u002Fupload\u002Fv1793203646\u002Flarge_Cuanto_cuesta_una_web_a_medida_1c2006ba23.jpg",{"public_id":186,"resource_type":120},{"name":192,"hash":193,"ext":112,"mime":113,"path":105,"width":114,"height":115,"size":194,"sizeInBytes":195,"url":196,"provider_metadata":197},"thumbnail_Cuánto cuesta una web a medida.jpg","thumbnail_Cuanto_cuesta_una_web_a_medida_1c2006ba23",4.23,4234,"https:\u002F\u002Fres.cloudinary.com\u002Fdlixueeu6\u002Fimage\u002Fupload\u002Fv1793203646\u002Fthumbnail_Cuanto_cuesta_una_web_a_medida_1c2006ba23.jpg",{"public_id":193,"resource_type":120},"Cuanto_cuesta_una_web_a_medida_1c2006ba23",103.84,"https:\u002F\u002Fres.cloudinary.com\u002Fdlixueeu6\u002Fimage\u002Fupload\u002Fv1793203646\u002FCuanto_cuesta_una_web_a_medida_1c2006ba23.jpg",{"public_id":198,"resource_type":120},"2026-10-28T16:07:26.890Z",{"id":204,"documentId":205,"title":206,"createdAt":207,"updatedAt":208,"publishedAt":209,"locale":15,"excerpt":210,"content":211,"slug":212,"cover":213},47,"oextntq1ain3zn2rw6giy3rl","Propiedad del código fuente: por qué debe ser tuya","2026-05-25T10:25:41.320Z","2026-10-28T15:40:44.667Z","2026-10-28T15:40:52.134Z","Pagar un desarrollo no te convierte en dueño del código. Qué dice la ley española, qué debe incluir el contrato y cómo comprobar si tu software es realmente tuyo.","> **Respuesta corta:** pagar por un desarrollo de software no te convierte automáticamente en propietario del código. En España, la ley solo atribuye los derechos al empresario cuando el programa lo crea un trabajador asalariado en el ejercicio de sus funciones. Si lo desarrolla una agencia o un freelance, necesitas una cesión de derechos por escrito que diga qué se cede, para qué usos, por cuánto tiempo y en qué territorio. Sin ella, puedes tener el software funcionando pero no la libertad de modificarlo, venderlo o llevártelo a otro proveedor.\n\nEste artículo no sustituye al asesoramiento jurídico. Lo escribimos como ingenieros que han visto lo que pasa cuando esto no se revisa a tiempo.\n\n\n## Qué dice la ley española\n\nTres artículos de la Ley de Propiedad Intelectual ([texto consolidado en el BOE](https:\u002F\u002Fwww.boe.es\u002Fbuscar\u002Fact.php?id=BOE-A-1996-8930)) explican casi todo:\n\n- **Artículo 97.4.** Cuando un trabajador asalariado crea un programa en el ejercicio de sus funciones o siguiendo instrucciones de su empresa, los derechos de explotación, tanto del programa fuente como del programa objeto, corresponden al empresario, salvo pacto en contrario. Esta regla no se aplica a proveedores externos.\n- **Artículo 43.** La cesión de derechos queda limitada a los derechos y modalidades de explotación que se prevean expresamente. Si el contrato no dice el plazo, la cesión se limita a cinco años; si no dice el territorio, al país donde se firma.\n- **Artículo 45.** Toda cesión debe formalizarse por escrito.\n\nTraducido a la práctica: un contrato que solo dice «el cliente será propietario del desarrollo» puede quedarse corto. Conviene que especifique la cesión con detalle.\n\n\n## Qué debe incluir el contrato\n\nRevisa con tu asesor que el contrato de desarrollo recoja, como mínimo:\n\n1. **Cesión de los derechos de explotación** (reproducción, distribución, transformación y comunicación pública), con carácter exclusivo si lo necesitas.\n2. **Plazo y territorio explícitos.** Si no se indican, la ley los limita a cinco años y al país de firma.\n3. **Entrega del código fuente**, no solo de la aplicación funcionando, junto con la documentación técnica.\n4. **Repositorios y cuentas a tu nombre**: el repositorio de código, el hosting, los dominios y los servicios en la nube.\n5. **Componentes de terceros identificados.** Qué librerías y servicios externos usa el proyecto y con qué licencias. El código abierto tiene licencias con condiciones que conviene conocer.\n6. **Qué pasa al terminar la relación**: plazos de entrega de todo lo anterior y colaboración en la transición a otro proveedor.\n\n\n## Por qué importa para tu negocio\n\n- **Libertad para cambiar de proveedor.** Si el código es tuyo y está documentado, otro equipo puede continuar el trabajo. Si no, estás atado. Es lo que se conoce como [vendor lock-in](https:\u002F\u002Fbedoers.com\u002Fblog\u002Fque-es-vendor-lock-in).\n- **Valor de la empresa.** En una venta, una ronda de inversión o una auditoría, la titularidad del software es una de las cosas que se revisan.\n- **Activo contable.** Las aplicaciones informáticas pueden registrarse como inmovilizado intangible si cumplen los criterios contables. Es una decisión de tu asesor, pero solo es posible si los derechos son de la empresa.\n- **Capacidad de evolucionar.** Integrar un agente de IA, conectar un ERP o cambiar el diseño no debería depender del permiso de nadie.\n\n\n## Cómo comprobar si tu software es realmente tuyo\n\nResponde a estas preguntas. Si contestas «no» o «no lo sé» a dos o más, merece la pena revisar tu situación:\n\n- ¿Tienes un contrato firmado con una cláusula de cesión de derechos que indique plazo y territorio?\n- ¿Tienes acceso de administrador a los repositorios del código (GitHub, GitLab, Bitbucket)?\n- ¿El hosting, el dominio y las cuentas en la nube están a nombre de tu empresa?\n- ¿Existe documentación suficiente para que otro equipo pueda mantener el software?\n- ¿Sabes qué componentes de terceros usa y con qué licencias?\n- ¿Podrías cambiar de proveedor en semanas, no en meses?\n\n\n## Software a medida frente a plataformas cerradas\n\n| Aspecto | Plataforma cerrada (SaaS) | Desarrollo a medida con cesión de derechos |\n| :--- | :--- | :--- |\n| Quién es dueño del software | El proveedor; tú pagas por usarlo | Tu empresa, según el contrato |\n| Dónde funciona | En la infraestructura del proveedor | Donde tú decidas |\n| Integraciones | Las que ofrezca la plataforma | Las que necesites |\n| Si el proveedor sube precios o cierra | Poco margen de maniobra | Puedes cambiar de equipo o de hosting |\n| Coste inicial | Bajo | Mayor |\n\nUn SaaS puede ser la opción correcta: es rápido de poner en marcha y no exige mantenimiento. Lo importante es elegirlo sabiendo qué no es tuyo.\n\n\n## Cómo lo trabajamos en BeDoers\n\nDesarrollamos con tecnologías estándar y de código abierto, como Nuxt y Strapi, con los repositorios y las cuentas a nombre del cliente. El objetivo es que cualquier equipo cualificado pueda tomar el relevo si un día lo decides. Si quieres revisar la situación de tu software, puedes empezar por nuestra [consultoría estratégica y tecnológica](https:\u002F\u002Fbedoers.com\u002Fservicios\u002Fconsultoria-estrategica-tecnologica) o [escribirnos](https:\u002F\u002Fbedoers.com\u002Fcontacto).\n\n\n## Preguntas frecuentes\n\n### ¿Si pago un desarrollo, el código es mío?\n\nNo necesariamente. Si lo hace un proveedor externo, necesitas una cesión de derechos por escrito. Solo cuando lo crea un trabajador asalariado en el ejercicio de sus funciones la ley atribuye los derechos a la empresa, salvo pacto en contrario.\n\n### ¿Qué pasa si el contrato no indica plazo ni territorio?\n\nSegún el artículo 43 de la Ley de Propiedad Intelectual, la cesión se limita a cinco años y al país en el que se firma.\n\n### ¿Basta con tener acceso al código?\n\nNo. Tener una copia no equivale a tener los derechos para modificarlo o explotarlo. Necesitas ambas cosas: el código y la cesión.\n\n### ¿El código abierto es un riesgo?\n\nNo, pero cada componente tiene su licencia, y algunas imponen condiciones. Conviene que el proveedor te entregue una relación de componentes y licencias.\n\n### ¿Qué diferencia hay con el vendor lock-in?\n\nLa propiedad del código es una parte del problema. El vendor lock-in incluye también la dependencia de los datos, la plataforma, el contrato y el conocimiento. Lo explicamos en [qué es el vendor lock-in y cómo evitarlo](https:\u002F\u002Fbedoers.com\u002Fblog\u002Fque-es-vendor-lock-in).","secuestro-tecnologico-propiedad-codigo-fuente-activo-empresa",{"id":214,"documentId":215,"name":216,"alternativeText":105,"caption":105,"focalPoint":105,"width":106,"height":107,"formats":217,"hash":246,"ext":112,"mime":113,"size":247,"url":248,"previewUrl":105,"provider":151,"provider_metadata":249,"createdAt":250,"updatedAt":250,"publishedAt":251},44,"d1t1l173cf7xh8lfv4n8nwy7","secuestro-tecnologico-propiedad-codigo-fuente-activo-empresa.jpg",{"thumbnail":218,"medium":225,"large":232,"small":239},{"name":219,"hash":220,"ext":112,"mime":113,"path":105,"width":114,"height":115,"size":221,"sizeInBytes":222,"url":223,"provider_metadata":224},"thumbnail_secuestro-tecnologico-propiedad-codigo-fuente-activo-empresa.jpg","thumbnail_secuestro_tecnologico_propiedad_codigo_fuente_activo_empresa_9093496695",5.64,5637,"https:\u002F\u002Fres.cloudinary.com\u002Fdlixueeu6\u002Fimage\u002Fupload\u002Fv1781520002\u002Fthumbnail_secuestro_tecnologico_propiedad_codigo_fuente_activo_empresa_9093496695.jpg",{"public_id":220,"resource_type":120},{"name":226,"hash":227,"ext":112,"mime":113,"path":105,"width":124,"height":125,"size":228,"sizeInBytes":229,"url":230,"provider_metadata":231},"medium_secuestro-tecnologico-propiedad-codigo-fuente-activo-empresa.jpg","medium_secuestro_tecnologico_propiedad_codigo_fuente_activo_empresa_9093496695",46.29,46286,"https:\u002F\u002Fres.cloudinary.com\u002Fdlixueeu6\u002Fimage\u002Fupload\u002Fv1781520002\u002Fmedium_secuestro_tecnologico_propiedad_codigo_fuente_activo_empresa_9093496695.jpg",{"public_id":227,"resource_type":120},{"name":233,"hash":234,"ext":112,"mime":113,"path":105,"width":142,"height":143,"size":235,"sizeInBytes":236,"url":237,"provider_metadata":238},"large_secuestro-tecnologico-propiedad-codigo-fuente-activo-empresa.jpg","large_secuestro_tecnologico_propiedad_codigo_fuente_activo_empresa_9093496695",75.66,75659,"https:\u002F\u002Fres.cloudinary.com\u002Fdlixueeu6\u002Fimage\u002Fupload\u002Fv1781520002\u002Flarge_secuestro_tecnologico_propiedad_codigo_fuente_activo_empresa_9093496695.jpg",{"public_id":234,"resource_type":120},{"name":240,"hash":241,"ext":112,"mime":113,"path":105,"width":133,"height":134,"size":242,"sizeInBytes":243,"url":244,"provider_metadata":245},"small_secuestro-tecnologico-propiedad-codigo-fuente-activo-empresa.jpg","small_secuestro_tecnologico_propiedad_codigo_fuente_activo_empresa_9093496695",23.49,23492,"https:\u002F\u002Fres.cloudinary.com\u002Fdlixueeu6\u002Fimage\u002Fupload\u002Fv1781520002\u002Fsmall_secuestro_tecnologico_propiedad_codigo_fuente_activo_empresa_9093496695.jpg",{"public_id":241,"resource_type":120},"secuestro_tecnologico_propiedad_codigo_fuente_activo_empresa_9093496695",101.68,"https:\u002F\u002Fres.cloudinary.com\u002Fdlixueeu6\u002Fimage\u002Fupload\u002Fv1781520003\u002Fsecuestro_tecnologico_propiedad_codigo_fuente_activo_empresa_9093496695.jpg",{"public_id":246,"resource_type":120},"2026-06-15T10:40:11.644Z","2026-06-15T10:40:11.645Z",{"blogPost":253,"relatedPosts":333},{"id":92,"documentId":93,"title":94,"createdAt":95,"updatedAt":96,"publishedAt":97,"locale":15,"excerpt":98,"content":99,"slug":100,"cover":254,"blog_post_category":265,"author":275,"related_service":332},{"id":102,"documentId":103,"name":104,"alternativeText":105,"caption":105,"focalPoint":105,"width":106,"height":107,"formats":255,"hash":148,"ext":112,"mime":113,"size":149,"url":150,"previewUrl":105,"provider":151,"provider_metadata":264,"createdAt":153,"updatedAt":153,"publishedAt":154},{"thumbnail":256,"medium":258,"small":260,"large":262},{"name":110,"hash":111,"ext":112,"mime":113,"path":105,"width":114,"height":115,"size":116,"sizeInBytes":117,"url":118,"provider_metadata":257},{"public_id":111,"resource_type":120},{"name":122,"hash":123,"ext":112,"mime":113,"path":105,"width":124,"height":125,"size":126,"sizeInBytes":127,"url":128,"provider_metadata":259},{"public_id":123,"resource_type":120},{"name":131,"hash":132,"ext":112,"mime":113,"path":105,"width":133,"height":134,"size":135,"sizeInBytes":136,"url":137,"provider_metadata":261},{"public_id":132,"resource_type":120},{"name":140,"hash":141,"ext":112,"mime":113,"path":105,"width":142,"height":143,"size":144,"sizeInBytes":145,"url":146,"provider_metadata":263},{"public_id":141,"resource_type":120},{"public_id":148,"resource_type":120},{"id":266,"documentId":267,"name":268,"createdAt":269,"updatedAt":270,"publishedAt":271,"locale":15,"icon":272,"slug":273,"title":274},24,"tpty8g4ph6a673rvs7ihao5j","Ingeniería Web de Alto Rendimiento","2026-02-12T18:04:47.753Z","2026-09-29T15:57:40.411Z","2026-09-29T16:32:42.193Z","hugeicons-laptop-performance","ingenieria-web-de-alto-rendimiento","Ingeniería web de alto rendimiento: artículos sobre Nuxt, Strapi y arquitectura headless",{"id":17,"documentId":276,"fullname":277,"biography":278,"createdAt":279,"updatedAt":280,"publishedAt":281,"contact_methods":282,"avatar":287},"p23w121f6fs22hin2kxmhjri","Alfredo del Río","CEO & Desarrollador Frontend Senior en constante aprendizaje para crear software que resuelva las necesidades de las empresas de la forma que mejor se adapte al negocio.","2026-03-11T16:11:00.993Z","2026-06-03T10:26:45.302Z","2026-06-03T10:26:45.259Z",[283],{"id":59,"name":284,"link":285,"icon":286},"Linkedin","https:\u002F\u002Fwww.linkedin.com\u002Fin\u002Falfredodrv\u002F","cib-linkedin",{"id":288,"documentId":289,"name":290,"alternativeText":105,"caption":105,"focalPoint":105,"width":291,"height":292,"formats":293,"hash":326,"ext":112,"mime":113,"size":327,"url":328,"previewUrl":105,"provider":151,"provider_metadata":329,"createdAt":330,"updatedAt":330,"publishedAt":331},29,"p20m27wimzd2d9yyu7h49dqp","Alfredo_Linkedin_LOW.jpg",1335,2000,{"small":294,"thumbnail":302,"large":310,"medium":318},{"name":295,"hash":296,"ext":112,"mime":113,"path":105,"width":297,"height":133,"size":298,"sizeInBytes":299,"url":300,"provider_metadata":301},"small_Alfredo_Linkedin_LOW.jpg","small_Alfredo_Linkedin_LOW_600f600e2a",334,18.78,18784,"https:\u002F\u002Fres.cloudinary.com\u002Fdlixueeu6\u002Fimage\u002Fupload\u002Fv1780482293\u002Fsmall_Alfredo_Linkedin_LOW_600f600e2a.jpg",{"public_id":296,"resource_type":120},{"name":303,"hash":304,"ext":112,"mime":113,"path":105,"width":305,"height":115,"size":306,"sizeInBytes":307,"url":308,"provider_metadata":309},"thumbnail_Alfredo_Linkedin_LOW.jpg","thumbnail_Alfredo_Linkedin_LOW_600f600e2a",104,2.96,2955,"https:\u002F\u002Fres.cloudinary.com\u002Fdlixueeu6\u002Fimage\u002Fupload\u002Fv1780482292\u002Fthumbnail_Alfredo_Linkedin_LOW_600f600e2a.jpg",{"public_id":304,"resource_type":120},{"name":311,"hash":312,"ext":112,"mime":113,"path":105,"width":313,"height":142,"size":314,"sizeInBytes":315,"url":316,"provider_metadata":317},"large_Alfredo_Linkedin_LOW.jpg","large_Alfredo_Linkedin_LOW_600f600e2a",668,72.9,72895,"https:\u002F\u002Fres.cloudinary.com\u002Fdlixueeu6\u002Fimage\u002Fupload\u002Fv1780482293\u002Flarge_Alfredo_Linkedin_LOW_600f600e2a.jpg",{"public_id":312,"resource_type":120},{"name":319,"hash":320,"ext":112,"mime":113,"path":105,"width":321,"height":124,"size":322,"sizeInBytes":323,"url":324,"provider_metadata":325},"medium_Alfredo_Linkedin_LOW.jpg","medium_Alfredo_Linkedin_LOW_600f600e2a",501,41.43,41433,"https:\u002F\u002Fres.cloudinary.com\u002Fdlixueeu6\u002Fimage\u002Fupload\u002Fv1780482293\u002Fmedium_Alfredo_Linkedin_LOW_600f600e2a.jpg",{"public_id":320,"resource_type":120},"Alfredo_Linkedin_LOW_600f600e2a",231.01,"https:\u002F\u002Fres.cloudinary.com\u002Fdlixueeu6\u002Fimage\u002Fupload\u002Fv1780482293\u002FAlfredo_Linkedin_LOW_600f600e2a.jpg",{"public_id":326,"resource_type":120},"2026-06-03T10:24:57.103Z","2026-06-03T10:24:57.104Z",{"id":49,"documentId":50,"name":51,"slug":52,"excerpt":53,"description":54,"createdAt":55,"updatedAt":56,"publishedAt":57,"locale":15,"icon":58,"order":59,"projects_category_title":60,"projects_category_excerpt":61},[334,384,432],{"publishedAt":335,"id":336,"documentId":337,"title":338,"createdAt":339,"updatedAt":340,"locale":15,"excerpt":341,"content":342,"slug":343,"cover":344,"blog_post_category":383},"2026-10-28T15:40:10.932Z",46,"dln8epuoh8j20jla06vc71ho","Coste de una web lenta y arquitectura headless","2026-05-25T10:06:44.987Z","2026-10-28T15:40:04.332Z","Cuánto dinero pierde una empresa con una web lenta, cómo calcularlo con tus propios datos y cuándo una arquitectura headless con Nuxt y Strapi compensa la inversión.","> **Respuesta corta:** una web lenta cuesta dinero porque una parte de las visitas abandona antes de convertir. Un estudio encargado por Google y realizado por Deloitte encontró que mejorar 0,1 segundos la velocidad en móvil aumentaba un 8,4 % la conversión en retail y un 10,1 % en viajes ([web.dev](https:\u002F\u002Fweb.dev\u002Fcase-studies\u002Fmilliseconds-make-millions)). Puedes estimar tu propio coste con tres datos: visitas, tasa de conversión y valor medio de cada conversión. Una arquitectura headless con Nuxt y Strapi ayuda a reducir ese coste, pero solo compensa si la web es una pieza relevante del negocio.\n\n\n## Por qué la velocidad afecta a los ingresos\n\nLa velocidad influye en tres cosas que se traducen en dinero:\n\n1. **Conversión.** Cuanto más tarda una página, más usuarios se van antes de comprar, reservar o dejar sus datos.\n2. **Posicionamiento.** Google usa las Core Web Vitals como una de sus señales de experiencia de página. Una web rápida no posiciona sola, pero una lenta parte con desventaja.\n3. **Coste de adquisición.** Si pagas por cada clic en anuncios, cada visita que abandona por lentitud es dinero que pierdes dos veces.\n\nSobre la cifra del estudio de Deloitte, dos matices: los datos son de finales de 2019, con 37 marcas y más de 30 millones de sesiones, y la mejora solo aparecía cuando todas las páginas del recorrido ganaban velocidad. Es una referencia, no una promesa para tu web.\n\n\n## Cómo calcular cuánto te cuesta tu web lenta\n\nNo hace falta un estudio. Con datos de Google Analytics y algo de prudencia puedes hacer una estimación:\n\n1. **Mide tu velocidad real.** Entra en [PageSpeed Insights](https:\u002F\u002Fpagespeed.web.dev\u002F) y mira el apartado de datos de usuarios reales. Si tu LCP supera los 2,5 segundos o tu INP los 200 milisegundos, estás por debajo de lo que Google considera bueno ([web.dev](https:\u002F\u002Fweb.dev\u002Farticles\u002Fvitals)).\n2. **Reúne tres datos de los últimos 12 meses:** visitas, tasa de conversión y valor medio de cada conversión (un pedido, o lo que vale para ti un contacto comercial).\n3. **Aplica una mejora conservadora.** Usa una fracción de la cifra del estudio, no la cifra completa.\n\n**Ejemplo ilustrativo** (números inventados para mostrar el cálculo): una web con 100.000 visitas al año, una conversión del 1 % y un valor medio de 150 € genera 150.000 €. Si una mejora de velocidad aumentara la conversión un 4 % relativo (la mitad de lo que mide el estudio para retail), pasaría del 1 % al 1,04 %: 6.000 € más al año. Con esa cifra puedes comparar el coste de la mejora con lo que te devuelve.\n\n\n## De dónde viene la lentitud\n\nEn webs construidas sobre un CMS tradicional con tema y plugins, la lentitud suele tener las mismas causas:\n\n- **Cada página se construye al pedirla.** El servidor consulta la base de datos y monta el HTML en cada visita. Con más tráfico, más carga.\n- **Plugins que suman peso.** Cada funcionalidad añadida trae sus propios scripts y estilos, que se cargan aunque no se usen.\n- **Temas genéricos.** Están pensados para servir a cualquiera, así que incluyen mucho código que tu web no necesita.\n\nNo todo es culpa de la tecnología: imágenes sin optimizar, un hosting justo o demasiadas etiquetas de marketing ralentizan cualquier web.\n\n\n## Qué cambia con una arquitectura headless\n\nEn una arquitectura headless, la web que ve el usuario y el gestor de contenidos son dos sistemas separados que se comunican por API. Lo explicamos en detalle en [qué es una arquitectura headless y cuándo conviene](https:\u002F\u002Fbedoers.com\u002Fblog\u002Fque-es-arquitectura-headless). En la práctica, con Nuxt en el frontend y Strapi como gestor:\n\n- **Las páginas se pueden generar antes de que nadie las pida** y servirse desde una red de distribución (CDN). El servidor no trabaja en cada visita.\n- **Solo se carga el código que la página necesita**, sin el lastre de un tema genérico.\n- **El equipo de contenidos edita en Strapi** sin tocar el código y sin riesgo de romper el diseño.\n\n| Aspecto | CMS tradicional con tema y plugins | Headless con Nuxt y Strapi |\n| :--- | :--- | :--- |\n| Cómo se sirve cada página | Se construye en el servidor en cada visita | Se puede generar antes y servir desde CDN |\n| Peso de la página | Incluye el código del tema y los plugins | Solo el código que la página usa |\n| Efecto de un pico de tráfico | Más carga en el servidor | Lo absorbe la CDN |\n| Coste inicial | Menor | Mayor: hay que desarrollar el frontend |\n| Cambios de diseño | Dentro de lo que permita el tema | Requieren desarrollo |\n\n\n## Cuándo compensa y cuándo no\n\n**Compensa si** la web genera una parte relevante de tus ventas o contactos, el cálculo anterior da una cifra que justifica la inversión, o necesitas integrar la web con tu CRM, tu ERP o servicios de IA.\n\n**No compensa si** la web tiene pocas visitas y apenas cambia, o si la lentitud se arregla optimizando imágenes y cambiando de hosting. En ese caso, empieza por ahí: es más barato.\n\nAntes de decidir, conviene saber qué cuesta el proyecto y qué te llevas: que el código sea tuyo forma parte del retorno. Lo explicamos en [propiedad del código fuente: por qué debe ser tuya](https:\u002F\u002Fbedoers.com\u002Fblog\u002Fsecuestro-tecnologico-propiedad-codigo-fuente-activo-empresa).\n\n\n## Cómo lo trabajamos en BeDoers\n\nNuestra web está hecha con Nuxt y Strapi, y es la arquitectura que proponemos cuando el caso lo justifica. Si quieres que revisemos la velocidad de tu web y te digamos si el problema se arregla con optimizaciones o necesita otra arquitectura, mira nuestro servicio de [desarrollo web de alto rendimiento](https:\u002F\u002Fbedoers.com\u002Fservicios\u002Fdesarrollo-web-alto-rendimiento) o [escríbenos](https:\u002F\u002Fbedoers.com\u002Fcontacto).\n\n\n## Preguntas frecuentes\n\n### ¿Cuánto afecta la velocidad a la conversión?\n\nDepende del sector y de la web. Como referencia, el estudio de Deloitte para Google midió un aumento del 8,4 % en la conversión de retail por cada 0,1 segundos de mejora en móvil, siempre que mejorara todo el recorrido de compra.\n\n### ¿Cómo sé si mi web es lenta?\n\nCon PageSpeed Insights. Si los datos de usuarios reales muestran un LCP superior a 2,5 segundos, un INP superior a 200 milisegundos o un CLS superior a 0,1, tu web está por debajo de lo que Google considera bueno.\n\n### ¿Una web headless es siempre más rápida?\n\nNo siempre. Facilita servir páginas rápidas, pero una web headless mal desarrollada también puede ser lenta.\n\n### ¿Puedo mejorar la velocidad sin cambiar de tecnología?\n\nA menudo sí: optimizar imágenes, quitar plugins que no usas, mejorar el hosting y reducir scripts de terceros. Cambiar de arquitectura tiene sentido cuando esas medidas ya no bastan.","coste-lentitud-arquitectura-headless-nuxt-strapi",{"id":345,"documentId":346,"name":347,"alternativeText":105,"caption":105,"focalPoint":105,"width":106,"height":107,"formats":348,"hash":377,"ext":112,"mime":113,"size":378,"url":379,"previewUrl":105,"provider":151,"provider_metadata":380,"createdAt":381,"updatedAt":381,"publishedAt":382},45,"umqpdemss4wzr8eks126daqh","coste-lentitud-arquitectura-headless-nuxt-strapi.jpg",{"thumbnail":349,"medium":356,"small":363,"large":370},{"name":350,"hash":351,"ext":112,"mime":113,"path":105,"width":114,"height":115,"size":352,"sizeInBytes":353,"url":354,"provider_metadata":355},"thumbnail_coste-lentitud-arquitectura-headless-nuxt-strapi.jpg","thumbnail_coste_lentitud_arquitectura_headless_nuxt_strapi_7a3fa21dc7",2.5,2502,"https:\u002F\u002Fres.cloudinary.com\u002Fdlixueeu6\u002Fimage\u002Fupload\u002Fv1781520042\u002Fthumbnail_coste_lentitud_arquitectura_headless_nuxt_strapi_7a3fa21dc7.jpg",{"public_id":351,"resource_type":120},{"name":357,"hash":358,"ext":112,"mime":113,"path":105,"width":124,"height":125,"size":359,"sizeInBytes":360,"url":361,"provider_metadata":362},"medium_coste-lentitud-arquitectura-headless-nuxt-strapi.jpg","medium_coste_lentitud_arquitectura_headless_nuxt_strapi_7a3fa21dc7",18.01,18010,"https:\u002F\u002Fres.cloudinary.com\u002Fdlixueeu6\u002Fimage\u002Fupload\u002Fv1781520042\u002Fmedium_coste_lentitud_arquitectura_headless_nuxt_strapi_7a3fa21dc7.jpg",{"public_id":358,"resource_type":120},{"name":364,"hash":365,"ext":112,"mime":113,"path":105,"width":133,"height":134,"size":366,"sizeInBytes":367,"url":368,"provider_metadata":369},"small_coste-lentitud-arquitectura-headless-nuxt-strapi.jpg","small_coste_lentitud_arquitectura_headless_nuxt_strapi_7a3fa21dc7",9.14,9135,"https:\u002F\u002Fres.cloudinary.com\u002Fdlixueeu6\u002Fimage\u002Fupload\u002Fv1781520042\u002Fsmall_coste_lentitud_arquitectura_headless_nuxt_strapi_7a3fa21dc7.jpg",{"public_id":365,"resource_type":120},{"name":371,"hash":372,"ext":112,"mime":113,"path":105,"width":142,"height":143,"size":373,"sizeInBytes":374,"url":375,"provider_metadata":376},"large_coste-lentitud-arquitectura-headless-nuxt-strapi.jpg","large_coste_lentitud_arquitectura_headless_nuxt_strapi_7a3fa21dc7",31.17,31167,"https:\u002F\u002Fres.cloudinary.com\u002Fdlixueeu6\u002Fimage\u002Fupload\u002Fv1781520042\u002Flarge_coste_lentitud_arquitectura_headless_nuxt_strapi_7a3fa21dc7.jpg",{"public_id":372,"resource_type":120},"coste_lentitud_arquitectura_headless_nuxt_strapi_7a3fa21dc7",43.58,"https:\u002F\u002Fres.cloudinary.com\u002Fdlixueeu6\u002Fimage\u002Fupload\u002Fv1781520042\u002Fcoste_lentitud_arquitectura_headless_nuxt_strapi_7a3fa21dc7.jpg",{"public_id":377,"resource_type":120},"2026-06-15T10:40:50.020Z","2026-06-15T10:40:50.021Z",{"id":266,"documentId":267,"name":268,"createdAt":269,"updatedAt":270,"publishedAt":271,"locale":15,"icon":272,"slug":273,"title":274},{"publishedAt":385,"id":214,"documentId":386,"title":387,"createdAt":388,"updatedAt":389,"locale":15,"excerpt":390,"content":391,"slug":392,"cover":393,"blog_post_category":431},"2026-10-28T15:38:55.031Z","cqadb66jb3jik6p4c4ou4542","Por qué On Running elige Nuxt para su web","2026-06-15T10:25:43.737Z","2026-10-28T15:38:50.060Z","On Running usa Nuxt en su tienda online. Qué aporta este framework en velocidad y SEO, qué dicen los datos sobre velocidad y ventas, y qué puede aprender una pyme.","> **Respuesta corta:** On Running construye su tienda online con Nuxt, el framework basado en Vue que genera las páginas en el servidor antes de enviarlas al navegador. Lo comprobamos el 28 de octubre de 2026: on.com carga sus recursos desde la ruta `\u002F_nuxt\u002F` e incluye el bloque de datos `__NUXT_DATA__` que genera el framework. Para una marca de retail con un catálogo grande y campañas estacionales, la elección tiene sentido por tres motivos: velocidad, SEO y separación entre contenido y presentación.\n\nUna aclaración antes de seguir: no conocemos la arquitectura interna de On. Sabemos qué framework usa su web porque se ve desde fuera, pero no qué gestor de contenidos, qué backend ni qué proveedores tiene detrás. Lo que sigue es por qué Nuxt encaja en un caso así y qué puede aprender de ello una empresa mucho más pequeña.\n\n\n## Por qué la velocidad es dinero en retail\n\nEn una tienda online, cada segundo de espera es una oportunidad de que el cliente se vaya. Hay datos que lo respaldan: un estudio encargado por Google y realizado por Deloitte sobre 37 marcas europeas y estadounidenses, con más de 30 millones de sesiones, encontró que mejorar 0,1 segundos la velocidad en móvil aumentaba un 8,4 % la conversión en webs de retail ([web.dev](https:\u002F\u002Fweb.dev\u002Fcase-studies\u002Fmilliseconds-make-millions)).\n\nDos matices para leer bien esa cifra: los datos son de finales de 2019, y la mejora solo aparecía cuando todas las páginas del recorrido de compra ganaban velocidad, no solo la portada. La conclusión práctica sigue siendo válida: la velocidad no es una métrica técnica, es una variable de la cuenta de resultados.\n\n\n## El problema de las plataformas rígidas\n\nMuchas tiendas crecen sobre plataformas pensadas para empezar rápido: un tema comercial, varios plugins y un servidor que construye cada página en el momento en que alguien la pide. Funciona bien con poco catálogo y poco tráfico. Los problemas aparecen al escalar:\n\n- **Cada plugin añade peso.** Scripts y estilos que se cargan en todas las páginas aunque solo se usen en una.\n- **Cada visita genera trabajo en el servidor.** Si el tráfico se multiplica por una campaña, también lo hace la carga.\n- **Diseño y contenido van atados.** Cambiar la experiencia de compra obliga a pelearse con la plantilla.\n\n\n## Qué aporta Nuxt\n\nNuxt es un framework de código abierto basado en Vue. Su principal ventaja para una web comercial es que puede entregar las páginas ya construidas:\n\n- **Renderizado en servidor o generación estática.** El HTML llega al navegador con el contenido dentro. Los buscadores y los asistentes de IA leen el texto sin depender de ejecutar JavaScript, y el usuario ve la página antes.\n- **Navegación de aplicación.** Tras la primera carga, moverse entre páginas es rápido porque solo se piden los datos que cambian.\n- **Facilidad para cumplir Core Web Vitals.** Google considera buena una web con LCP de 2,5 segundos o menos, INP de 200 milisegundos o menos y CLS de 0,1 o menos, medidos en el percentil 75 de las visitas ([web.dev](https:\u002F\u002Fweb.dev\u002Farticles\u002Fvitals)). Nuxt no lo garantiza, pero da las herramientas para conseguirlo.\n- **Separación del contenido.** Nuxt puede leer el contenido de cualquier gestor mediante API. Es lo que se conoce como [arquitectura headless](https:\u002F\u002Fbedoers.com\u002Fblog\u002Fque-es-arquitectura-headless): el equipo de negocio edita catálogos y campañas sin tocar el código de la web.\n\n\n## Qué puede aprender una pyme\n\nNo hace falta vender en 50 países para aplicar las mismas ideas:\n\n1. **Mide antes de decidir.** Con [PageSpeed Insights](https:\u002F\u002Fpagespeed.web.dev\u002F) puedes ver gratis los datos reales de velocidad de tu web, si tiene tráfico suficiente.\n2. **Prioriza el recorrido que genera ingresos.** La página de producto o de servicio y el formulario de contacto importan más que la portada.\n3. **No cambies de tecnología por moda.** Una arquitectura como la de On compensa cuando la web es una pieza importante del negocio. Si es una web de pocas páginas que casi no cambia, probablemente no. Lo explicamos en [cuándo conviene una arquitectura headless](https:\u002F\u002Fbedoers.com\u002Fblog\u002Fque-es-arquitectura-headless).\n4. **Calcula cuánto te cuesta la lentitud.** Tienes un método sencillo en nuestro artículo sobre [el coste de una web lenta](https:\u002F\u002Fbedoers.com\u002Fblog\u002Fcoste-lentitud-arquitectura-headless-nuxt-strapi).\n\n\n## Cómo lo aplicamos en BeDoers\n\nNuestra propia web está hecha con Nuxt y Strapi, y es la arquitectura que usamos en los proyectos donde la velocidad y la autonomía del equipo de contenidos importan. Si quieres saber si tiene sentido en tu caso, puedes ver nuestro servicio de [desarrollo web de alto rendimiento](https:\u002F\u002Fbedoers.com\u002Fservicios\u002Fdesarrollo-web-alto-rendimiento) o [contarnos qué necesitas](https:\u002F\u002Fbedoers.com\u002Fcontacto).\n\n\n## Preguntas frecuentes\n\n### ¿Qué es Nuxt?\n\nEs un framework de código abierto basado en Vue para construir webs y aplicaciones. Permite generar las páginas en el servidor o de forma estática, lo que mejora la velocidad de carga y facilita el SEO.\n\n### ¿Nuxt mejora el SEO?\n\nFacilita dos cosas que el SEO necesita: que el contenido llegue en el HTML y que la web sea rápida. Pero el posicionamiento también depende del contenido, la estructura y los enlaces. La tecnología no posiciona sola.\n\n### ¿Qué diferencia hay entre Nuxt y Next.js?\n\nResuelven el mismo problema con distinta base: Nuxt se apoya en Vue y Next.js en React. La elección suele depender de la experiencia del equipo y del ecosistema del proyecto.\n\n### ¿Cómo sé con qué tecnología está hecha una web?\n\nHay extensiones de navegador como Wappalyzer que lo detectan. También puedes mirar el código fuente: una web con Nuxt suele cargar archivos desde la ruta `\u002F_nuxt\u002F`.","por-que-on-running-elige-nuxt-para-su-infraestructura-digital",{"id":394,"documentId":395,"name":396,"alternativeText":105,"caption":105,"focalPoint":105,"width":106,"height":107,"formats":397,"hash":426,"ext":112,"mime":113,"size":427,"url":428,"previewUrl":105,"provider":151,"provider_metadata":429,"createdAt":430,"updatedAt":430,"publishedAt":430},42,"kezgm3av4x9gfx6836qwgpjg","por-que-on-running-elige-nuxt-para-su-infraestructura-digital.jpg",{"thumbnail":398,"small":405,"medium":412,"large":419},{"name":399,"hash":400,"ext":112,"mime":113,"path":105,"width":114,"height":115,"size":401,"sizeInBytes":402,"url":403,"provider_metadata":404},"thumbnail_por-que-on-running-elige-nuxt-para-su-infraestructura-digital.jpg","thumbnail_por_que_on_running_elige_nuxt_para_su_infraestructura_digital_32ea1e4e20",4.57,4565,"https:\u002F\u002Fres.cloudinary.com\u002Fdlixueeu6\u002Fimage\u002Fupload\u002Fv1781519826\u002Fthumbnail_por_que_on_running_elige_nuxt_para_su_infraestructura_digital_32ea1e4e20.jpg",{"public_id":400,"resource_type":120},{"name":406,"hash":407,"ext":112,"mime":113,"path":105,"width":133,"height":134,"size":408,"sizeInBytes":409,"url":410,"provider_metadata":411},"small_por-que-on-running-elige-nuxt-para-su-infraestructura-digital.jpg","small_por_que_on_running_elige_nuxt_para_su_infraestructura_digital_32ea1e4e20",17.58,17579,"https:\u002F\u002Fres.cloudinary.com\u002Fdlixueeu6\u002Fimage\u002Fupload\u002Fv1781519826\u002Fsmall_por_que_on_running_elige_nuxt_para_su_infraestructura_digital_32ea1e4e20.jpg",{"public_id":407,"resource_type":120},{"name":413,"hash":414,"ext":112,"mime":113,"path":105,"width":124,"height":125,"size":415,"sizeInBytes":416,"url":417,"provider_metadata":418},"medium_por-que-on-running-elige-nuxt-para-su-infraestructura-digital.jpg","medium_por_que_on_running_elige_nuxt_para_su_infraestructura_digital_32ea1e4e20",35.49,35490,"https:\u002F\u002Fres.cloudinary.com\u002Fdlixueeu6\u002Fimage\u002Fupload\u002Fv1781519826\u002Fmedium_por_que_on_running_elige_nuxt_para_su_infraestructura_digital_32ea1e4e20.jpg",{"public_id":414,"resource_type":120},{"name":420,"hash":421,"ext":112,"mime":113,"path":105,"width":142,"height":143,"size":422,"sizeInBytes":423,"url":424,"provider_metadata":425},"large_por-que-on-running-elige-nuxt-para-su-infraestructura-digital.jpg","large_por_que_on_running_elige_nuxt_para_su_infraestructura_digital_32ea1e4e20",61.21,61212,"https:\u002F\u002Fres.cloudinary.com\u002Fdlixueeu6\u002Fimage\u002Fupload\u002Fv1781519826\u002Flarge_por_que_on_running_elige_nuxt_para_su_infraestructura_digital_32ea1e4e20.jpg",{"public_id":421,"resource_type":120},"por_que_on_running_elige_nuxt_para_su_infraestructura_digital_32ea1e4e20",85.5,"https:\u002F\u002Fres.cloudinary.com\u002Fdlixueeu6\u002Fimage\u002Fupload\u002Fv1781519826\u002Fpor_que_on_running_elige_nuxt_para_su_infraestructura_digital_32ea1e4e20.jpg",{"public_id":426,"resource_type":120},"2026-06-15T10:37:14.315Z",{"id":266,"documentId":267,"name":268,"createdAt":269,"updatedAt":270,"publishedAt":271,"locale":15,"icon":272,"slug":273,"title":274},{"publishedAt":433,"id":434,"documentId":435,"title":436,"createdAt":437,"updatedAt":438,"locale":15,"excerpt":439,"content":440,"slug":441,"cover":442,"blog_post_category":481},"2026-10-07T07:15:08.441Z",38,"nw4e08isitvhkijbkr82ui2m","Qué es una arquitectura headless y cuándo conviene","2026-10-06T17:31:12.030Z","2026-10-07T07:15:08.372Z","Una arquitectura headless separa la web que ve el usuario del sistema donde gestionas el contenido. Qué es, cuándo compensa y cuándo no, sin jerga.","> **Respuesta corta:** una arquitectura headless es un modelo de desarrollo web en el que la parte visual (el *frontend*, lo que ve el usuario) y la gestión del contenido (el *backend*, donde tu equipo edita textos, imágenes y datos) son dos sistemas independientes que se comunican mediante una API. Puedes cambiar uno sin tocar el otro.\n\nEs la alternativa a los sistemas tradicionales, como WordPress en su uso habitual, donde la base de datos, el panel de administración y el diseño forman un único bloque. La palabra *headless* («sin cabeza») viene de ahí: al gestor de contenidos se le quita la «cabeza», que es la capa visual, y esa parte se construye aparte con la tecnología que más convenga.\n\n\n## Cómo funciona, paso a paso\n\n1. **Tu equipo edita el contenido en un CMS headless.** Por ejemplo Strapi: un panel donde se crean páginas, artículos o fichas de producto con campos definidos, sin tocar código.\n2. **El CMS expone ese contenido mediante una API.** Strapi ofrece REST y, con un plugin, GraphQL. El contenido se entrega como datos, no como páginas ya maquetadas.\n3. **Un frontend independiente consume esos datos y construye la web.** Con un framework como Nuxt (basado en Vue) se pueden generar las páginas de forma estática en el momento de publicar o en el servidor cuando alguien las pide.\n4. **El usuario recibe páginas ya construidas.** El navegador no tiene que esperar a que se consulte una base de datos para pintar el contenido.\n\nComo la API entrega datos y no diseño, el mismo contenido puede alimentar la web, una app móvil o cualquier otro sistema de tu empresa.\n\n\n## Headless frente a un CMS tradicional\n\n| Aspecto | CMS tradicional (acoplado) | Arquitectura headless |\n| :--- | :--- | :--- |\n| Diseño y contenido | Van juntos, dentro de plantillas | Separados: el diseño se desarrolla a medida |\n| Cambiar el diseño | Suele implicar adaptar o sustituir el tema | Se rehace el frontend sin migrar el contenido |\n| Reutilizar el contenido | Limitado a la propia web | La API lo sirve a web, app y otros sistemas |\n| Panel de edición | Incluido, con editor visual | Incluido, pero sin vista previa visual por defecto |\n| Coste inicial | Menor | Mayor: hay que desarrollar el frontend |\n| Quién hace los cambios de diseño | Marketing, dentro de lo que permita la plantilla | Desarrollo |\n\nUna precisión: WordPress también puede usarse como headless a través de su API. Lo que define el modelo es la separación, no el producto.\n\n\n## Qué ventajas tiene\n\n- **Rendimiento.** Servir páginas ya construidas facilita cumplir los umbrales de Core Web Vitals que Google considera buenos: LCP de 2,5 segundos o menos, INP de 200 milisegundos o menos y CLS de 0,1 o menos, medidos en el percentil 75 de las visitas ([web.dev](https:\u002F\u002Fweb.dev\u002Farticles\u002Fvitals)). Que sea más fácil no significa que esté garantizado: depende de cómo se desarrolle.\n- **Libertad de diseño.** El frontend no está limitado por una plantilla.\n- **Un contenido, varios canales.** Web, app móvil y otros sistemas pueden leer del mismo CMS.\n- **Seguridad.** El panel de administración y la base de datos no tienen por qué estar expuestos en el mismo servidor que la web pública.\n- **Sustitución por partes.** Si dentro de unos años quieres renovar el frontend, el contenido y las integraciones se quedan como están.\n\n\n## Qué inconvenientes tiene (y por qué los contamos)\n\n- **Cuesta más al principio.** Hay que desarrollar el frontend, no instalar un tema.\n- **Dos sistemas que mantener.** Frontend y CMS se actualizan y se alojan por separado.\n- **Los cambios de diseño pasan por desarrollo.** Marketing edita contenido con libertad, pero una sección nueva con un diseño nuevo requiere código.\n- **Si la web es estática, publicar implica regenerarla.** Es el precio de servir páginas ya construidas.\n- **No posiciona por sí sola.** La velocidad ayuda, pero el posicionamiento depende también del contenido, los enlaces y la intención de búsqueda.\n\n\n## ¿Cuándo conviene y cuándo no?\n\n**Compensa si:**\n\n1. Tu web es una pieza importante del negocio y la velocidad o el diseño a medida marcan diferencia.\n2. Necesitas servir el mismo contenido en la web, una app móvil u otros sistemas.\n3. Tu web debe integrarse con un CRM, un ERP o servicios de IA.\n4. Quieres que el software sea tuyo y poder cambiar de proveedor sin rehacerlo todo. Lo desarrollamos con más detalle en [qué es el vendor lock-in](https:\u002F\u002Fbedoers.com\u002Fblog\u002Fque-es-vendor-lock-in).\n\n**Probablemente no compensa si:**\n\n1. Es una web de pocas páginas que casi no cambia.\n2. No hay presupuesto para desarrollo ni nadie que la mantenga.\n3. Tu equipo necesita crear páginas con diseños nuevos cada semana sin intervención técnica.\n\nEn esos casos, un CMS tradicional bien configurado es una decisión razonable. No recomendamos headless por defecto.\n\n\n## Cómo lo aplicamos en BeDoers\n\nNuestra propia web usa Nuxt en el frontend y Strapi como CMS. Si quieres ver el impacto en costes y rendimiento con más detalle, lo analizamos en [cómo la arquitectura headless con Nuxt y Strapi impacta en tu cuenta de resultados](https:\u002F\u002Fbedoers.com\u002Fblog\u002Fcoste-lentitud-arquitectura-headless-nuxt-strapi). Si estás valorando si te conviene, puedes ver nuestro servicio de [desarrollo web de alto rendimiento](https:\u002F\u002Fbedoers.com\u002Fservicios\u002Fdesarrollo-web-alto-rendimiento) o [contarnos tu caso](https:\u002F\u002Fbedoers.com\u002Fcontacto).\n\n\n## Preguntas frecuentes\n\n### ¿Qué significa headless?\n\nSignifica «sin cabeza». Se refiere a un sistema de gestión de contenidos al que se le ha separado la capa visual: gestiona y entrega el contenido por API, y la web se construye aparte.\n\n### ¿Headless es lo mismo que un CMS headless?\n\nNo exactamente. Un CMS headless es el gestor de contenidos (por ejemplo, Strapi). La arquitectura headless es el modelo completo: CMS más un frontend independiente que consume su API.\n\n### ¿Es mejor para el SEO?\n\nPuede serlo, porque facilita servir páginas rápidas y ya construidas. Pero no es una ventaja automática: el SEO también depende del contenido, la estructura y los enlaces.\n\n### ¿Puede mi equipo de marketing editar el contenido?\n\nSí. El CMS incluye un panel de edición. Lo que cambia es que los diseños nuevos requieren desarrollo, no la edición del contenido.\n\n### ¿Qué tecnologías se usan?\n\nUn CMS headless (Strapi, Contentful, Sanity u otros) y un frontend con un framework como Nuxt, Next.js o Astro. Elegir uno u otro depende del equipo y del proyecto.","que-es-arquitectura-headless",{"id":443,"documentId":444,"name":445,"alternativeText":105,"caption":105,"focalPoint":105,"width":106,"height":107,"formats":446,"hash":475,"ext":112,"mime":113,"size":476,"url":477,"previewUrl":105,"provider":151,"provider_metadata":478,"createdAt":479,"updatedAt":479,"publishedAt":480},59,"h4yyi2p19f2qq9k74jgael95","que-es-arquitectura-headless 1.jpg",{"thumbnail":447,"medium":454,"large":461,"small":468},{"name":448,"hash":449,"ext":112,"mime":113,"path":105,"width":114,"height":115,"size":450,"sizeInBytes":451,"url":452,"provider_metadata":453},"thumbnail_que-es-arquitectura-headless 1.jpg","thumbnail_que_es_arquitectura_headless_1_9b15349e62",3.48,3482,"https:\u002F\u002Fres.cloudinary.com\u002Fdlixueeu6\u002Fimage\u002Fupload\u002Fv1791357300\u002Fthumbnail_que_es_arquitectura_headless_1_9b15349e62.jpg",{"public_id":449,"resource_type":120},{"name":455,"hash":456,"ext":112,"mime":113,"path":105,"width":124,"height":125,"size":457,"sizeInBytes":458,"url":459,"provider_metadata":460},"medium_que-es-arquitectura-headless 1.jpg","medium_que_es_arquitectura_headless_1_9b15349e62",22.64,22640,"https:\u002F\u002Fres.cloudinary.com\u002Fdlixueeu6\u002Fimage\u002Fupload\u002Fv1791357300\u002Fmedium_que_es_arquitectura_headless_1_9b15349e62.jpg",{"public_id":456,"resource_type":120},{"name":462,"hash":463,"ext":112,"mime":113,"path":105,"width":142,"height":143,"size":464,"sizeInBytes":465,"url":466,"provider_metadata":467},"large_que-es-arquitectura-headless 1.jpg","large_que_es_arquitectura_headless_1_9b15349e62",35.58,35575,"https:\u002F\u002Fres.cloudinary.com\u002Fdlixueeu6\u002Fimage\u002Fupload\u002Fv1791357300\u002Flarge_que_es_arquitectura_headless_1_9b15349e62.jpg",{"public_id":463,"resource_type":120},{"name":469,"hash":470,"ext":112,"mime":113,"path":105,"width":133,"height":134,"size":471,"sizeInBytes":472,"url":473,"provider_metadata":474},"small_que-es-arquitectura-headless 1.jpg","small_que_es_arquitectura_headless_1_9b15349e62",12.16,12155,"https:\u002F\u002Fres.cloudinary.com\u002Fdlixueeu6\u002Fimage\u002Fupload\u002Fv1791357300\u002Fsmall_que_es_arquitectura_headless_1_9b15349e62.jpg",{"public_id":470,"resource_type":120},"que_es_arquitectura_headless_1_9b15349e62",46.8,"https:\u002F\u002Fres.cloudinary.com\u002Fdlixueeu6\u002Fimage\u002Fupload\u002Fv1791357300\u002Fque_es_arquitectura_headless_1_9b15349e62.jpg",{"public_id":475,"resource_type":120},"2026-10-07T07:15:03.018Z","2026-10-07T07:15:03.019Z",{"id":266,"documentId":267,"name":268,"createdAt":269,"updatedAt":270,"publishedAt":271,"locale":15,"icon":272,"slug":273,"title":274},1793208805472]