Diseño web y SEO: cómo hacer una web que posicione desde el primer día

Una web nueva puede ser bonita, rápida y moderna y aun así no aparecer en Google. Casi siempre es por decisiones que se tomaron al diseñarla: qué páginas existen, qué dice cada una y cómo está construida la plantilla. El SEO no es una capa que se añade al final; se decide en el diseño.

Para esta guía usamos datos propios de dos estudios de YAG: el de visibilidad en Google Maps de 10.741 negocios de Madrid, en el que leímos la página principal de 3.504 webs, y el de captación en 3.988 webs de negocios de Madrid. Sirven para ver qué falla de verdad en las webs de empresa, no en teoría.

Lo que falla en las webs de Madrid

En las 3.504 webs de negocios de Madrid que leímos:

Y en las 3.988 del estudio de captación, lo técnico básico sí está resuelto: el 97,6 % está preparada para móvil y el 98,7 % sirve HTTPS. Lo que falla es lo que se decide al diseñar: la estructura, los textos clave y, sobre todo, la conversión. El 16,7 % no ofrece en su portada ningún contacto que se pueda pulsar.

Fase 1. Arquitectura: una página por cada búsqueda que quieres captar

Es la decisión de SEO más importante y se toma antes de diseñar nada. Cada servicio y cada ubicación que quieres captar necesita su propia página, con su propia URL.

• Una página por intención. Si haces diseño web, SEO y tiendas online, necesitas tres páginas, no una de «servicios» con tres párrafos. Si trabajas en varias ciudades, una página por ciudad solo cuando tengas algo distinto que decir en cada una.
• URLs cortas y descriptivas: /diseno-web-madrid/, no /servicios/pagina-3/.
• Enlazado interno desde la portada y el menú a las páginas que más importan, con el texto que la gente busca («diseño web en Madrid», no «ver más»).
• Evita que dos páginas compitan por la misma búsqueda. Si la portada y la página de servicio dicen lo mismo, Google elige una y a veces no la que tú quieres.

Fase 2. Contenido: responder a la búsqueda mejor que los demás

• Un H1 por página, que diga lo que la página ofrece en las palabras del cliente. Un cuarto de las webs de Madrid no lo tiene.
• Un title propio, que empiece por la búsqueda principal. Google explica que los enlaces de título suelen ser lo que más pesa al decidir en qué resultado hacer clic.
• Una meta description que invite al clic: qué ofreces, para quién y por qué tú.
• Contenido suficiente para resolver la duda: precio o rango, plazos, qué incluye, zona, casos y preguntas frecuentes. Una página de servicio con 150 palabras rara vez compite.
• Respuesta directa arriba. Las respuestas claras y cortas son las que citan los buscadores con IA; lo desarrollamos en cómo aparecer en ChatGPT y Google IA.

Fase 3. La plantilla técnica

• Versión móvil completa. Google usa la versión móvil para indexar (lo llama indexación centrada en los móviles): lo que no esté en móvil, para Google no existe.
• Velocidad: imágenes en WebP o AVIF con su tamaño, fuentes y JavaScript ligeros. Mídelo con PageSpeed Insights en móvil.
• Datos estructurados coherentes con lo visible: organización o negocio local con la misma dirección y teléfono que tu ficha de Google, y FAQ solo si las preguntas se ven en la página.
• Canonical, sitemap y robots.txt correctos desde el primer día, sin páginas de prueba indexables.
• Encabezados en orden: un H1 y H2 para cada bloque. Casi una de cada cinco webs de Madrid tiene más de un H1 en la portada.

Fase 4. SEO local, si vendes en una zona

Si tus clientes buscan «servicio + ciudad», el mapa de Google aparece por encima de los resultados orgánicos. En nuestro estudio, el 82,2 % de los negocios de Madrid queda fuera de los primeros resultados de Maps.

• Ficha de Google completa y verificada, con la categoría correcta y reseñas regulares.
• La misma dirección y teléfono en la web, en los datos estructurados y en la ficha.
• Páginas de zona solo con contenido propio de esa zona.

Tienes la lista completa en la checklist de SEO local en Madrid.

Fase 5. Medición y contacto, antes de lanzar

Una web que posiciona pero no convierte no sirve de nada. Casi la mitad de las webs de Madrid (47,8 %) no tiene ninguna etiqueta de medición visible en su portada.

• Search Console y Google Analytics 4 instalados antes de publicar, con el aviso de cookies y el modo de consentimiento configurados.
• Contacto a un toque en móvil: teléfono con enlace, WhatsApp y un formulario corto. Solo el 12,0 % de las webs de Madrid ofrece los tres.
• Una prueba real de principio a fin: envía el formulario desde el móvil y comprueba que llega.

Fase 6. Lanzamiento y rediseño sin perder posiciones

Si la web sustituye a otra que ya recibía visitas, el riesgo está en perder lo que funcionaba:

1. Exporta las URLs con tráfico, enlaces o impresiones en Search Console.
2. Conserva esas URLs o redirígelas con 301 a su equivalente más cercano. Google indica que las redirecciones permanentes no afectan negativamente al PageRank.
3. Mantén el contenido que respondía a esas búsquedas, aunque cambie el diseño.
4. Envía el sitemap nuevo y compara posiciones y contactos a las 2 y a las 6 semanas.

Lo desarrollamos paso a paso en cómo rediseñar tu web sin perder posicionamiento ni contactos, y los errores más caros están en los errores que hunden el SEO de una web.

La checklist corta

• Una página por servicio y ubicación que quieres captar.
• Un H1 y un title por página, con la búsqueda principal.
• Meta description propia en cada página importante.
• Contenido que responde: precio o rango, plazos, qué incluye, casos y FAQ.
• Versión móvil completa y rápida.
• Datos estructurados coherentes con lo visible y con la ficha de Google.
• Canonical, sitemap y robots.txt revisados.
• Search Console, GA4 y consentimiento listos antes de publicar.
• Teléfono, WhatsApp y formulario a un toque, probados.
• Si es un rediseño: redirecciones 301 de todas las URLs con historial.

Si prefieres que lo hagamos nosotros, en diseño web en Madrid cada web sale con esta base de serie, y como agencia SEO en Madrid nos encargamos del posicionamiento continuo una vez publicada.