Diseño web SEO: no maquillamos una web,
la construimos para posicionar

Las decisiones que determinan si una web puede posicionar se toman antes de que exista una sola pantalla diseñada. En SEOinHouse partimos de esas decisiones. No añadimos SEO al final: es el criterio con el que se define la arquitectura desde el primer día.

Solicita una revisión gratuita de tu proyecto

Ya han confiado en nosotros:

Qué significa realmente «diseño web optimizado para SEO»

En la práctica del sector, la expresión suele reducirse a tres cosas: que la web sea responsive, que cargue rápido y que tenga los títulos rellenados. Es un mínimo, no una metodología.

Un diseño web orientado a posicionamiento trabaja sobre cuatro capas que se deciden en momentos distintos del proyecto:

Arquitectura de información. Qué páginas existen, cómo se agrupan, qué relación jerárquica tienen entre sí y cómo se distribuye la autoridad interna hacia las que generan negocio. Es la capa más difícil de modificar una vez publicada la web, porque cambiarla implica cambiar URLs.

Estructura técnica de renderizado. Qué contenido está disponible en el HTML inicial y qué depende de la ejecución de JavaScript. Esta decisión condiciona directamente qué puede rastrear e indexar Google y, cada vez más, qué pueden leer los rastreadores de los buscadores generativos.

Capa de contenido. Jerarquía de encabezados, respuesta directa al inicio de cada bloque, datos estructurados, y densidad informativa suficiente para competir con lo que ya está posicionado.

Capa de rendimiento y experiencia. Peso real de la página, estrategia de carga de recursos, estabilidad visual y tiempo de respuesta del servidor.

Las cuatro se abordan en el orden en el que aparecen. Invertir ese orden es lo que produce webs que se ven bien y no traen visitas.

Nuestro método: seis fases con entregables definidos

No trabajamos con briefings abiertos ni con «propuestas de diseño» que se validan por criterio estético. Cada fase tiene un entregable concreto que tú apruebas antes de pasar a la siguiente.

Fase 1 — Diagnóstico y estudio de demanda

Antes de diseñar nada, analizamos qué busca tu mercado y quién está capturando esa demanda hoy. Ejecutamos investigación de keywords con mapeado de intención, análisis de la SERP, revisión de los competidores orgánicos reales y, si ya tienes web, una auditoría técnica completa del estado actual.

Entregable: documento de demanda con volúmenes, intención y prioridad comercial, más el inventario de lo que ya funciona y no debe tocarse.

Fase 2 — Arquitectura de información y mapa de URLs

Definimos la estructura del sitio: qué páginas existen, cómo se agrupan en silos temáticos, qué keyword ancla cada una y cómo se enlazan entre sí. Aquí es donde se decide si tu web podrá crecer sin canibalizarse.

Entregable: mapa de URLs definitivo con keyword asignada, tipo de página, jerarquía y esquema de enlazado interno.

Fase 3 — Wireframes y estructura de contenido

Diseñamos la disposición de cada plantilla partiendo del contenido que tiene que caber, no al revés. Definimos la jerarquía de encabezados, dónde va la respuesta directa a la consulta principal y dónde se sitúan los puntos de conversión.

Entregable: wireframes por plantilla con estructura de contenido y jerarquía semántica definida.

Fase 4 — Diseño visual

Solo ahora entra el diseño gráfico: identidad, tipografía, sistema de color, componentes y adaptación a los distintos tamaños de pantalla. Trabajamos sobre una estructura ya validada, así que el diseño resuelve la comunicación sin comprometer lo anterior.

Entregable: diseño de las plantillas en versión escritorio y móvil, con sistema de componentes documentado.

Fase 5 — Desarrollo

Implementamos en el stack que corresponda: WordPress y WooCommerce cuando la prioridad es autonomía editorial, PrestaShop o Shopify para catálogos de e-commerce, y Ruby on Rails cuando el proyecto requiere lógica que un CMS no cubre. También abordamos aplicaciones móviles cuando forman parte del proyecto. En esta fase se controla explícitamente el renderizado: qué se sirve en el HTML inicial y qué depende de JavaScript.

Entregable: web funcional en entorno de pruebas, con checklist técnico verificado antes de publicación.

Fase 6 — Publicación, medición y ajuste

Publicación controlada, verificación de indexación, configuración de Google Search Console y Analytics 4, y seguimiento durante los primeros meses. Si venías de una web anterior, esta fase incluye el control de la migración: mapa de redirecciones, verificación de URLs con tráfico y monitorización de la recuperación de posiciones.

Entregable: web publicada, medición configurada e informe de seguimiento a 30, 60 y 90 días.

Rediseñar sin perder el tráfico que ya tienes

Si tu web actual ya recibe tráfico orgánico, el rediseño es la operación con más riesgo de todo tu marketing digital. Un cambio de URLs sin redirecciones, una plantilla que elimina contenido posicionado o una migración que rompe la estructura de enlaces internos puede costarte meses de recuperación.

Nuestro protocolo para rediseños sobre webs con tráfico consolidado:

  1. Inventario previo de lo que funciona. Antes de tocar nada, extraemos qué URLs generan tráfico y conversiones, qué keywords tienen posición y qué páginas concentran enlaces entrantes. Ese inventario es intocable salvo decisión explícita.
  2. Mapa de redirecciones uno a uno. Cada URL antigua con tráfico o enlaces tiene destino asignado antes de la publicación. Nada se redirige en bloque a la home.
  3. Conservación de contenido con rendimiento. Si una página posiciona con 1.800 palabras, la nueva plantilla tiene que poder alojar 1.800 palabras.
  4. Publicación con medición desde el minuto cero. Comparativa contra el periodo anterior en Search Console, revisión de cobertura de indexación y detección temprana de caídas.
  5. Ventana de vigilancia de 90 días. Las fluctuaciones tras una migración son normales; lo que no es normal es no estar mirando.

Si tu proyecto es un rediseño y no un lanzamiento desde cero, dínoslo desde el principio: el enfoque y las prioridades del proyecto cambian.

Rendimiento y renderizado: dos factores que se deciden en el diseño

Rendimiento: qué optimizamos y qué peso real tiene

Google ha confirmado que la experiencia de página —incluidas las Core Web Vitals— forma parte de sus sistemas de clasificación. También ha sido explícito en que la relevancia del contenido pesa considerablemente más: una página lenta con la mejor respuesta puede superar a una página rápida con una respuesta peor. El rendimiento sí importa por dos razones concretas: afecta a la conversión, y en catálogos grandes afecta a la eficiencia con la que Google rastrea el sitio.

Lo que controlamos en cada proyecto: tiempo de respuesta del servidor (TTFB), Largest Contentful Paint, Cumulative Layout Shift, Interaction to Next Paint y peso total de la página. No prometemos un 100 en PageSpeed Insights —es una métrica de laboratorio—; trabajamos sobre datos de campo reales.

Más contexto: 7 pasos para mejorar la velocidad de carga y guía de hosting para SEO.

JavaScript, renderizado e indexación

Este es el punto donde más proyectos se rompen y el que menos se discute en las conversaciones de diseño web. Google puede ejecutar JavaScript, pero lo hace en una segunda pasada, con retraso variable y sin garantías. Si el contenido que necesita posicionar depende de esa ejecución, entras en una cola cuyo tiempo no controlas.

El problema se agrava con los buscadores generativos. Los rastreadores que alimentan las respuestas de los modelos de lenguaje son, en general, menos capaces que Googlebot ejecutando JavaScript. Una web que depende del renderizado en cliente puede estar indexada en Google y ser invisible para las fuentes que citan ChatGPT o Perplexity.

Nuestra posición: el contenido crítico —textos, enlaces de navegación, datos estructurados, elementos de conversión— se sirve en el HTML inicial. JavaScript se usa para interacción, no para entregar contenido que tiene que rastrearse. Profundizamos en ello en SEO JavaScript: qué es y cómo afecta al posicionamiento.

Diseño de tiendas online: donde la arquitectura decide el resultado

En e-commerce, el diseño y la estructura pesan más que en una web corporativa, porque el volumen multiplica cualquier error. Los frentes que trabajamos de forma específica:

Arquitectura de categorías. La estructura de categorías es la que captura la demanda genérica, donde está el volumen. Definirla mal significa competir con tus propias fichas de producto por los mismos términos.

Navegación por facetas. Filtros de talla, color, precio o marca generan combinaciones de URL que pueden multiplicar por cientos el número de páginas rastreables sin aportar valor. Se controla con reglas de indexación decididas en la fase de arquitectura, no parcheadas después. Más en cómo optimizar la navegación por facetas.

Plantillas de ficha de producto. Estructura que permita contenido diferencial real, no la descripción del fabricante duplicada en 400 tiendas.

Presupuesto de rastreo. En catálogos amplios, la eficiencia con la que Googlebot recorre el sitio determina cuánto de tu catálogo llega a indexarse. Más en cómo optimizar el presupuesto de rastreo.

Trabajamos con WooCommerce, PrestaShop y Shopify. Si tu proyecto es principalmente de venta online, la información específica está en diseño de tiendas online y en nuestro servicio de SEO para e-commerce para mejorar su visibilidad en Google y buscadores de IA, mejorando las ventas.

Diseño para conversión y visibilidad en buscadores generativos

Diseño para conversión, no solo para tráfico

Una web que atrae visitas y no convierte es un problema distinto del SEO, pero se resuelve en las mismas fases. Trabajamos la conversión desde la estructura: jerarquía visual que dirige la atención hacia la acción principal, formularios con la fricción mínima necesaria, prueba social situada donde surge la duda, y rutas de navegación que acompañan al usuario en cada etapa de decisión. Cuando el proyecto lo justifica, incorporamos optimización de la tasa de conversión (CRO) con medición y ciclos de mejora continuada.

Visibilidad en buscadores generativos desde el diseño

Los AI Overviews de Google y los buscadores basados en modelos de lenguaje sintetizan respuestas a partir de fuentes que rastrean e interpretan. Que tu web sea una de esas fuentes depende de decisiones estructurales que se toman en el diseño, no después.

Lo que aplicamos por defecto: bloques autoconclusivos donde cada sección responde a una pregunta concreta y se entiende fuera de contexto; respuesta directa al inicio de cada bloque; jerarquía de encabezados coherente sin saltos de nivel; datos estructurados que declaran de forma explícita qué tipo de entidad es cada página; y contenido en HTML servido, por lo expuesto en la sección de renderizado. Es el mismo criterio que aplicamos en nuestro servicio de SEO para IA, trasladado a la fase de construcción.

Qué necesitas saber antes de contratar

No trabajamos con plantillas multipropósito de marketplace. Los themes de propósito general cargan funcionalidad que tu proyecto no usa y que penaliza el rendimiento. Partimos de bases ligeras y construimos lo que hace falta.

Podemos desarrolar todo tipo de páginas web y tiendas online. Desrrollamos webs en CMS como WordPress, Prestashop, Shopify,… podemos desarrollar webs basadas en JavaScript ( Next, React,…) o Ruby on Rails.

No entregamos webs que no puedas mantener. El proyecto incluye formación para que tu equipo publique y edite sin depender de nosotros.

No prometemos posiciones. Nadie puede garantizarlas. Lo que sí garantizamos es que la web no tendrá impedimentos técnicos para posicionar, que es lo que sí está bajo nuestro control.

Los plazos dependen del alcance. Una web corporativa de 15 páginas y un e-commerce de 3.000 referencias no son el mismo proyecto. Te damos plazo cerrado tras la fase de diagnóstico, no antes.

Diseño web en Barcelona, Girona, Madrid y Bilbao

Tenemos oficina en Barcelona y presencia en Girona, Madrid y Bilbao, y trabajamos con clientes de toda España en remoto. Para proyectos con intención local, la combinación de diseño, SEO local  o SEO B2B para empresas industriales es especialmente relevante: la estructura de landings por servicio y por zona se decide en la fase de arquitectura, no se improvisa después.

Preguntas frecuentes sobre diseño web y SEO

¿En qué se diferencia el diseño web SEO del diseño web convencional?

En el orden de las decisiones. El diseño web convencional parte de la propuesta visual y resuelve la estructura para acomodarla; el diseño orientado a SEO parte de la demanda de búsqueda y de la arquitectura de información, y el diseño visual resuelve la comunicación sobre esa estructura ya definida. La diferencia práctica aparece cuando hay que optimizar: en una web construida con criterio SEO, optimizar es ajustar; en una construida al revés, suele implicar rehacer.

¿Puedo perder posicionamiento al rediseñar mi web?

Sí, y es un riesgo real. Los factores habituales son el cambio de URLs sin redirecciones 301, la eliminación de contenido que estaba posicionando, la pérdida de enlaces internos y los bloqueos de indexación heredados del entorno de pruebas. Con inventario previo, mapa de redirecciones y seguimiento posterior, el riesgo se controla. Sin ellos, no.

¿Cuánto tarda una web nueva en posicionar?

Una web nueva sin historial de dominio necesita tiempo para que Google la rastree, la indexe y evalúe su relevancia. Las primeras posiciones para términos de baja competencia aparecen entre el segundo y el cuarto mes; las posiciones competitivas requieren un trabajo sostenido de contenido y autoridad durante bastante más tiempo. Un diseño bien construido evita que ese proceso se ralentice por impedimentos técnicos.

¿Con qué tecnologías trabajáis?

WordPress y WooCommerce para la mayoría de proyectos corporativos y de e-commerce medio, PrestaShop y Shopify para catálogos con requisitos específicos de venta, y Ruby on Rails para desarrollos a medida donde la lógica de negocio excede lo que un CMS resuelve razonablemente. La elección se toma en la fase de diagnóstico según el proyecto, no por preferencia previa.

¿Hace falta contratar también el servicio de SEO mensual?

No es obligatorio. Una web bien construida parte sin impedimentos técnicos y puede posicionar por sí sola en mercados poco competidos. En sectores con competencia real, el posicionamiento requiere trabajo continuado de contenido y autoridad que el diseño no sustituye. Te lo decimos con claridad en el diagnóstico inicial, no después de firmar.

¿Trabajáis con clientes fuera de Barcelona?

Sí. Tenemos oficinas en Barcelona, Girona, Madrid y Bilbao, y trabajamos con clientes de toda España en remoto. El proceso está diseñado para funcionar sin presencia física: las validaciones por fase se hacen sobre entregables documentados.

¿Qué pasa si ya tengo una web y solo necesito arreglarla?

Es un escenario habitual y a menudo la opción más rentable. En el diagnóstico evaluamos si tu web actual tiene una base aprovechable o si el coste de corregirla supera al de rehacerla. Si es lo primero, te lo decimos aunque suponga un proyecto más pequeño. Puedes empezar por una auditoría web puntual.

Empecemos por saber qué necesita tu proyecto

Antes de hablar de presupuesto, conviene saber qué hay. Si ya tienes web, hacemos una revisión gratuita de su estado técnico y de su situación en buscadores: qué está indexado, qué no, qué está limitando su rendimiento y qué se podría aprovechar en un rediseño. Si el proyecto es desde cero, la conversación empieza por la demanda: qué busca tu mercado, quién la está capturando y qué haría falta para competir.

En ambos casos, lo que recibes es un diagnóstico con datos, no una propuesta comercial disfrazada de auditoría.

Escríbenos o llámanos al 653 030 694

Diseño web con SEO en tu ciudad

Trabajamos con empresas de toda España. Si tu proyecto tiene intención local, la estructura de landings por zona se decide en la fase de arquitectura —no se improvisa después. Somos una agencia SEO en Barcelona con más de 13 años de experiencia construyendo webs que posicionan.