Durante mucho tiempo, diseño web y SEO se han tratado como dos disciplinas diferentes.
Por un lado estaba el diseño: estructura, colores, tipografías, imágenes, animaciones y experiencia del usuario.
Por otro, el SEO: palabras clave, contenidos, enlaces y posicionamiento en buscadores.
Pero una web actual no funciona realmente así.
El diseño y el SEO están relacionados desde el momento en que se empieza a construir una página. La forma en la que se organiza la información, se estructura el contenido o se desarrolla una interfaz puede facilitar —o dificultar— que los buscadores comprendan, rastreen y encuentren una web.
Una web no se diseña solamente para que sea bonita.
El aspecto visual es importante. Una web debe transmitir confianza, representar correctamente una marca y resultar cómoda para quien la visita.
Pero una página web tiene además otra función: comunicar información de forma comprensible tanto para las personas como para las tecnologías que tienen que interpretarla.
Un visitante puede entender rápidamente que una página habla de diseño web porque observa un titular, unas imágenes y diferentes bloques de contenido.
Un buscador necesita interpretar esa misma información a partir de elementos como el HTML, los encabezados, los textos, los enlaces, los metadatos y la estructura general de la página.
Por eso, diseño y arquitectura web deberían trabajar juntos desde el principio.
El SEO empieza antes de publicar la web.
Uno de los errores habituales consiste en terminar primero el diseño y pensar después en el posicionamiento.
En realidad, muchas decisiones relacionadas con SEO se toman mientras se diseña y desarrolla la página.
Por ejemplo:
- ¿Qué páginas necesita realmente el proyecto?
- ¿Cómo se organiza la navegación?
- ¿Qué información debe aparecer en cada URL?
- ¿Cuál es el encabezado principal?
- ¿Cómo se jerarquizan los contenidos?
- ¿Cómo se enlazan unas páginas con otras?
- ¿Las imágenes están optimizadas?
- ¿La web carga correctamente en dispositivos móviles?
- ¿El código permite que los buscadores comprendan la estructura?
Son decisiones de diseño, arquitectura y desarrollo que también tienen consecuencias para el SEO.
La arquitectura importa.
Imaginemos una empresa que ofrece varios servicios.
Podría presentar toda la información en una única página interminable.
También podría organizarla mediante una estructura lógica:
Inicio → Servicios → Diseño Web → Tiendas Online → SEO → Mantenimiento
La segunda opción puede resultar más clara tanto para los usuarios como para los sistemas que rastrean e interpretan el sitio.
Una buena arquitectura permite establecer relaciones entre los contenidos y facilita la navegación.
Además, una estructura bien organizada proporciona una base sobre la que desarrollar posteriormente nuevos contenidos.
Los encabezados también forman parte del diseño.
Los títulos y subtítulos no deberían utilizarse únicamente para conseguir determinados tamaños de letra.
Un H1, los H2 y los H3 forman parte de la estructura semántica del documento.
El H1 ayuda a identificar el tema principal de una página.
Los H2 permiten dividir ese contenido en grandes bloques.
Los H3 pueden organizar apartados dentro de esos bloques.
Esto no significa que colocar palabras clave en los encabezados garantice el posicionamiento.
Significa que una estructura clara ayuda a explicar de qué trata una página.
Y eso beneficia tanto a la persona que la lee como a las tecnologías que tienen que procesarla.
La velocidad también forma parte del diseño.
Una página visualmente espectacular puede convertirse en una mala experiencia si tarda demasiado en aparecer.
Imágenes demasiado pesadas, vídeos, animaciones, scripts, fuentes externas o determinados recursos pueden aumentar el peso y el tiempo de carga.
Por eso, diseñar una web también implica decidir qué recursos son realmente necesarios y cómo se van a servir.
No se trata de eliminar todo lo que haga atractiva una página.
Se trata de encontrar un equilibrio entre diseño, funcionalidad, rendimiento y experiencia de usuario.
Una web puede ser visualmente ambiciosa y, al mismo tiempo, estar técnicamente bien construida.
El móvil cambió las reglas.
Actualmente una web debe funcionar correctamente en pantallas de diferentes tamaños.
Pero el diseño responsive no consiste simplemente en hacer que los elementos «quepan» en un teléfono.
Hay que pensar cómo se comportan los contenidos, los menús, los botones, las imágenes, los formularios y la navegación cuando cambia el dispositivo.
También hay que tener en cuenta que una conexión móvil o un dispositivo menos potente pueden ofrecer una experiencia diferente a la de un ordenador de sobremesa.
Por eso, el diseño responsive y el rendimiento forman parte de una misma conversación.
SEO técnico y diseño se encuentran en muchos puntos.
Una web puede tener buenos contenidos y aun así presentar problemas técnicos.
Puede haber errores de rastreo, enlaces incorrectos, redirecciones innecesarias, problemas de indexación, recursos bloqueados o una arquitectura difícil de interpretar.
El diseño y el desarrollo deben tener en cuenta estas cuestiones desde el principio.
Cuanto más tarde se descubran determinados problemas, más costoso puede resultar solucionarlos.
Por eso es preferible que SEO, diseño y desarrollo no funcionen como departamentos aislados.
Y después está el contenido.
Una web necesita algo más que una buena estructura técnica.
Necesita información útil.
Una página de servicios debe explicar qué ofrece una empresa.
Una página de producto debe explicar correctamente el producto.
Una sección de preguntas frecuentes puede resolver dudas concretas.
Y un blog puede ampliar información sobre temas relacionados con la actividad de la empresa.
El diseño debe proporcionar el espacio y la jerarquía necesarios para que ese contenido pueda ser entendido.
No tiene mucho sentido crear una página visualmente perfecta si después no existe información suficiente para explicar qué hace realmente una empresa.
Del SEO al GEO.
El escenario también está cambiando.
Los buscadores tradicionales ya no son la única forma de descubrir información en Internet.
Los sistemas de inteligencia artificial pueden analizar páginas web, relacionar conceptos y generar respuestas a partir de diferentes fuentes.
Por eso empieza a cobrar importancia otro concepto: GEO (Generative Engine Optimisation).
El objetivo no consiste simplemente en aparecer en una lista de resultados.
También importa que una organización, un servicio o una marca puedan ser correctamente identificados y comprendidos dentro de un contexto.
Una web bien estructurada, con información clara, contenidos relevantes y señales coherentes de identidad puede proporcionar una base más sólida para esa interpretación.
Diseñar pensando en el futuro.
Una página web no debería construirse únicamente para el día de su publicación.
Debería estar preparada para evolucionar.
Nuevos contenidos, nuevos servicios, cambios tecnológicos, mejoras de rendimiento, SEO, GEO, nuevas necesidades de los usuarios…
Todo ello puede formar parte de la vida de una web.
Por eso, una buena arquitectura permite crecer sin tener que reconstruir constantemente el proyecto desde cero.
Diseño web y SEO no son dos caminos separados.
El diseño se ocupa de cómo se presenta y se utiliza una web.
El SEO ayuda a que esa información pueda ser encontrada e interpretada.
El desarrollo convierte todo ello en una infraestructura funcional.
Y el contenido proporciona la información que la web necesita comunicar.
Cuando estas piezas se plantean conjuntamente, el resultado deja de ser simplemente una página bonita.
Se convierte en una herramienta digital preparada para ser utilizada, encontrada, comprendida y evolucionar.
Porque una web no termina cuando se publica.
En realidad, ahí es cuando empieza su recorrido.
