Diseño web y SEO: cómo diseñar una página que posicione desde el primer día

Esta guía explica cómo unir diseño web y posicionamiento en un solo proceso, qué decisiones de diseño afectan al SEO (casi todas), cómo migrar una web sin perder posiciones y qué exigirle a quien te la construya. Es el método que aplicamos en nuestra agencia de diseño web y en nuestra agencia SEO, que son el mismo equipo por esta razón.

Por qué la mayoría de webs nuevas nacen sin posicionar

El flujo habitual es este: la empresa contrata un diseño, aprueba una propuesta visual, se escriben unos textos para llenar las secciones, se lanza, y meses después alguien pregunta por qué no aparece en Google. Entonces se contrata SEO, y la primera recomendación es cambiar la estructura de la web, reescribir las páginas y corregir la velocidad. Es decir, rehacer buena parte de lo que se acaba de pagar.

La causa es de orden, no de talento. El diseño se decidió mirando la marca y la estética; el SEO necesita que se decida mirando cómo busca el cliente. Las dos miradas son compatibles, pero la segunda tiene que entrar antes de abrir el programa de diseño.

Las decisiones de diseño que definen el posicionamiento

Decisión de diseño	Efecto en el SEO	Qué hacer
Cuántas páginas y cuáles	Cada intención de búsqueda necesita su página; una sola página de «servicios» no posiciona para nada	Definir el mapa de páginas a partir de las búsquedas, no del menú que la empresa imagina
Estructura de URLs	Google entiende la jerarquía por las rutas; cambiarlas después obliga a redirigir todo	Rutas cortas y descriptivas: /servicio/, /servicio/ciudad/, /blog/tema/
Textos de cada página	El título, el H1 y el primer párrafo deciden para qué consulta compite la página	Escribir cada página para su intención, con respuesta directa arriba
Plantilla y efectos	Animaciones, vídeos de fondo y constructores pesados hunden la velocidad	Diseño a la medida y ligero; cada efecto tiene que justificar su peso
Imágenes	Son la primera causa de lentitud	Formatos modernos, tamaños por pantalla, carga diferida
Menú y enlaces internos	Distribuyen la autoridad y le dicen a Google qué páginas importan	Menú simple; enlaces contextuales entre servicios, ciudades y artículos
Formularios y contacto	No afectan al ranking, pero deciden si la visita se convierte	WhatsApp y formulario corto, medidos como eventos
Hosting	El tiempo de respuesta del servidor afecta a las métricas de experiencia	Servidor con buena respuesta desde Colombia; ver la guía de cómo elegir hosting

El proceso en orden: cómo unimos diseño web y SEO

1. Investigación antes del diseño

Qué vende la empresa, a quién, en qué ciudades, y qué escribe ese cliente en Google en cada etapa. Search Console del sitio actual (si existe), las consultas de la competencia y la experiencia del equipo comercial. El resultado es una lista de intenciones de búsqueda priorizadas.

2. Arquitectura: una página por intención

Con la lista, se define el mapa del sitio: páginas de servicio, páginas por sector cuando el mensaje cambia, páginas por ciudad si se vende en varios mercados, artículos de apoyo. Cada página tiene asignada su consulta principal antes de existir. Es lo que hicimos en nuestro propio sitio con páginas como diseño web en Bogotá o SEO en Medellín.

3. Contenido antes que diseño visual

Se escriben los textos de cada página con su estructura (título, respuesta directa, secciones, preguntas frecuentes, llamada a la acción) y solo entonces se diseña sobre ellos. Diseñar sobre «lorem ipsum» produce páginas bonitas con textos que no caben y no posicionan.

4. Diseño y desarrollo con la velocidad como requisito

Diseño a la medida, sin constructores pesados ni efectos que no aporten, imágenes optimizadas, tipografía servida con criterio, y una prueba de velocidad con datos de usuarios reales antes de aprobar. El objetivo es que la página cargue rápido en un celular con datos móviles en Colombia, no en el portátil del diseñador.

5. Lanzamiento con SEO técnico completo

Datos estructurados de organización, servicio, negocio local, preguntas frecuentes; mapa del sitio enviado a Google y a Bing; etiquetas canónicas; redirecciones de todas las URLs antiguas; medición de contactos en Google Analytics 4; Perfil de Empresa en Google alineado con la web. Y una revisión de indexación en las dos semanas siguientes.

6. Los primeros noventa días

El SEO no termina con el lanzamiento. Se revisan las consultas que empiezan a mostrar impresiones, se ajustan títulos y descripciones, se refuerzan las páginas que están cerca del top 10 y se corrigen las que compiten entre sí. Medimos con el método de la guía de métricas SEO.

Cómo rediseñar una web sin perder posiciones

El caso más delicado. Una empresa con años de historial en Google rediseña, cambia las URLs, elimina páginas «que nadie visitaba» y a las dos semanas ha perdido la mitad del tráfico. Es evitable con un plan de migración:

1. Inventario completo de las URLs actuales con sus impresiones, clics y enlaces entrantes (Search Console y un rastreo del sitio).
2. Mapa de correspondencia: cada URL antigua apunta a una URL nueva equivalente. Ninguna se elimina sin redirección 301.
3. Conservar o mejorar el contenido de las páginas que posicionan; no resumirlas «porque el diseño nuevo tiene menos espacio».
4. Mantener títulos, encabezados y datos estructurados de las páginas que funcionan.
5. Lanzar en un momento de bajo tráfico, enviar el nuevo mapa del sitio y vigilar Search Console a diario durante dos semanas.
6. Comparar posiciones e impresiones a los treinta y sesenta días contra la línea base.

Si ya te pasó, se puede recuperar: se reconstruyen las redirecciones, se restaura el contenido perdido y se pide reindexación. Cuanto antes, mejor.

Qué exigirle a quien diseñe tu web

Antes de contratar, pide que te muestren el mapa de páginas con la consulta objetivo de cada una, la prueba de velocidad de un proyecto reciente con datos reales, el plan de redirecciones si hay web anterior y cómo van a medir los contactos. Si la respuesta es «el SEO se hace después» o «eso lo ve otro proveedor», el proyecto va a costar dos veces. Tenemos una guía sobre por qué contratar un diseñador web profesional y otra sobre cuánto tarda crear una página web cuando se hace con SEO desde el inicio.

Errores frecuentes que vemos en auditorías

• Una web de una sola página («one page») para una empresa con seis servicios en tres ciudades.
• Textos escritos después del diseño, recortados para caber en las cajas.
• Título de la página de inicio con el nombre de la empresa y nada más.
• Imágenes de varios megas y vídeo de fondo en la portada.
• Blog con cincuenta artículos de trescientas palabras que compiten con las páginas de servicio.
• Sin datos estructurados, sin mapa del sitio, sin Search Console.
• Rediseño sin redirecciones: la causa más común de pérdida de posiciones que atendemos.

Cómo lo hacemos en Cangrejo Digital

Diseño web y SEO los hace el mismo equipo, en el orden de esta guía. Empezamos por las búsquedas, construimos la arquitectura, escribimos, diseñamos y lanzamos con la parte técnica completa; después acompañamos los primeros meses. Si tienes una web que no posiciona o vas a rediseñar y no quieres perder lo que ya tienes, escríbenos por WhatsApp o cuéntanos el caso en la página de diseño web.

Preguntas frecuentes sobre diseño web y SEO

¿Es mejor hacer primero la web y después el SEO?

No. El SEO define cuántas páginas hacen falta, cómo se llaman, qué dice cada una y qué tan rápido debe cargar. Si se decide después, obliga a rehacer parte del diseño. Lo eficiente es un solo proceso con el SEO desde la investigación inicial.

¿Una web bonita posiciona peor?

No, si está construida con criterio. Lo que posiciona peor es una web pesada, con una sola página para todo y textos escritos para llenar espacios. La estética y el posicionamiento son compatibles cuando el diseño se hace sobre el contenido y con la velocidad como requisito.

¿Cuánto tarda en posicionar una web nueva?

Con SEO desde el inicio, las primeras consultas específicas suelen moverse entre el primer y el tercer mes tras el lanzamiento; las posiciones sólidas, entre el cuarto y el duodécimo según la competencia. Sin SEO en el diseño, el reloj empieza cuando se corrige, meses después.

¿Pierdo posiciones si rediseño mi web?

Solo si se hace sin plan de migración. Con inventario de URLs, redirecciones 301 completas, contenido conservado y vigilancia posterior, un rediseño puede incluso mejorar posiciones porque corrige la velocidad y la estructura.

¿Qué plataforma es mejor para SEO?

WordPress bien construido es la más flexible para sitios de servicios en Colombia; Shopify y WooCommerce funcionan para tiendas. La plataforma importa menos que la construcción: una web a la medida y ligera posiciona mejor que una plantilla pesada en cualquier plataforma. Lo comparamos en cómo elegir la plataforma de tu web.

¿Necesito páginas por ciudad?

Si vendes en varias ciudades, sí. Cada ciudad tiene su competencia y su forma de buscar, y una página nacional rara vez gana en todas. Es la estructura que usamos en nuestro propio sitio.