Diseño web SEO: lista de comprobación
Una lista de control para revisar en la fase de diseño la estructura de URL, la jerarquía de encabezados, la velocidad y los datos estructurados, y evitar desde el principio errores difíciles de corregir tras la publicación.
Aurora YazılımEquipo editorial
6 min de lectura
El diseño web optimizado para SEO consiste en construir el sitio desde el principio de modo que los buscadores puedan rastrearlo y entenderlo con facilidad. URL con sentido, un único H1 por página y una jerarquía de encabezados lógica, una estructura adaptada a móviles y rápida, etiquetas de título y descripción únicas, enlaces internos, mapa del sitio y datos estructurados son las piezas básicas de este diseño.
¿Por qué un sitio optimizado para SEO se construye desde el principio?
A menudo se piensa en el SEO como un servicio que se añade cuando el sitio ya está en línea. Sin embargo, buena parte de las decisiones que determinan la visibilidad en buscadores se toman durante el diseño y el desarrollo: la estructura de las páginas, el esquema de URL, cómo se codifican los encabezados, cómo se cargan las imágenes y con qué tecnología se generan las páginas.
Si esas decisiones se toman mal, el trabajo de SEO posterior se parece a remendar desde fuera los cimientos de un edificio. Cambiar la estructura de URL exige redirecciones y aligerar una interfaz pesada obliga a reprogramar. Hacerlo bien desde el principio es más barato y más duradero.
La siguiente lista de control reúne los puntos técnicos y estructurales que conviene revisar durante la planificación y el desarrollo de un proyecto web.
Estructura del sitio y URL
Los buscadores descubren el sitio a través de los enlaces. Una jerarquía lógica permite que tanto el usuario como el rastreador encuentren fácilmente lo que buscan. Por eso la relación entre estructura del sitio y SEO es directa: las páginas importantes deben estar a pocos clics de la página de inicio.
- Planifique una página propia y permanente para cada servicio o grupo de productos.
- Escriba las URL cortas, legibles y sin caracteres turcos, por ejemplo: /web-tasarimi/kurumsal-web-sitesi/.
- No utilice fechas, números de identificación ni parámetros innecesarios en las URL.
- Fije un único criterio para mayúsculas y minúsculas, la barra final y el uso de www.
- Muestre la posición de la página dentro del sitio con migas de pan (breadcrumb).
- No deje páginas huérfanas, es decir, sin ningún enlace que apunte a ellas.
Jerarquía de encabezados y metaetiquetas
En el diseño visual los títulos se distinguen por tamaño y color; en el código, por las etiquetas de H1 a H6. Si un diseñador usa H1 solo porque quiere un texto grande, o si un desarrollador codifica todos los títulos con la misma etiqueta, el buscador entenderá mal la estructura de la página.
- Cada página debe tener un solo H1 que describa su tema principal.
- Use H2 y H3 en orden, reflejando las secciones del contenido.
- Para el tamaño visual, use una clase CSS y no una etiqueta de encabezado.
- Cada página debe tener una etiqueta title única, con la palabra clave principal cerca del inicio.
- La metadescripción debe explicar el beneficio de la página; no repita el mismo texto en todas.
- Defina las etiquetas Open Graph para que se vea bien al compartir.
<title>Diseño de sitios web corporativos | Nombre de la empresa</title>
<meta name="description" content="Descripción breve que explique el beneficio de la página.">
<link rel="canonical" href="https://www.ornek.com/web-tasarimi/kurumsal-web-sitesi/">
<meta property="og:title" content="Diseño de sitios web corporativos">
<meta property="og:image" content="https://www.ornek.com/img/paylasim.jpg">Velocidad y Core Web Vitals
La velocidad de la página está directamente ligada a las decisiones de diseño. Un vídeo de portada pesado, muchos grosores de tipografía o librerías de animación pesadas ralentizan la página por bien programada que esté.
Los umbrales de Core Web Vitals de Google pueden servir como objetivo de diseño: 2,5 segundos para LCP, 200 milisegundos para INP y 0,1 para CLS. Explicamos las métricas en detalle en nuestro artículo qué son los Core Web Vitals y los métodos aplicables en la guía cómo aumentar la velocidad del sitio.
- Imágenes en formato WebP o AVIF, con el tamaño correcto y con ancho y alto indicados.
- Las imágenes fuera de pantalla se cargan de forma diferida; la imagen principal tiene prioridad.
- Tipografías en WOFF2, solo con los grosores y el juego de caracteres necesarios.
- Sin CSS ni JavaScript sin usar; los scripts no críticos se cargan de forma diferida.
- Caché, compresión y, si hace falta, CDN configurados.
Diseño móvil y accesibilidad
Google utiliza de forma prioritaria la versión móvil para indexar los sitios. El contenido que se oculta o se recorta en el móvil puede considerarse incompleto también a ojos del buscador. Por eso, en el diseño móvil hay que reorganizar la maquetación en lugar de recortar contenido; más detalles en nuestra página de diseño responsive.
La accesibilidad y el SEO también coinciden en muchos puntos. Un texto alternativo con sentido en las imágenes, textos de enlace descriptivos, un orden correcto de encabezados y un contraste de color suficiente facilitan que tanto los usuarios con discapacidad como los buscadores comprendan el contenido.
Ajustes de SEO técnico en el diseño
Los ajustes técnicos invisibles pero críticos determinan si el sitio se rastrea y se indexa. En la fase de diseño de SEO técnico deben comprobarse los siguientes puntos:
- Todo el sitio se abre por https y las direcciones http redirigen de forma permanente.
- El mapa del sitio XML se actualiza automáticamente y se envía a Search Console.
- El archivo robots.txt bloquea únicamente las zonas que realmente no deben rastrearse.
- Cada página tiene definida su dirección canonical correcta; las páginas de filtros y ordenación no generan contenido duplicado.
- Existe una página 404 personalizada y útil; no hay enlaces rotos.
- En los sitios multilingües se usan etiquetas hreflang y una URL distinta para cada idioma.
- El contenido es visible en el HTML incluso sin ejecutar JavaScript.
User-agent: *
Disallow: /panel/
Sitemap: https://www.ornek.com/sitemap.xmlDatos estructurados
Los datos estructurados explican al buscador, en un lenguaje estándar, qué significa la información de la página: esto es un negocio y esta es su dirección, esto es un producto y este es su precio, esto es una pregunta frecuente. El vocabulario Schema.org y el formato JSON-LD son el método más extendido.
Los datos estructurados no mejoran el posicionamiento de forma directa, pero ayudan a que la página pueda mostrarse con resultados enriquecidos y a que el contenido se interprete correctamente. El marcado debe coincidir exactamente con la información que realmente se ve en la página.
- Organization o LocalBusiness en los sitios corporativos
- Service o Product en las páginas de servicios y productos
- Article en los artículos del blog y BreadcrumbList en las migas de pan
- FAQPage en las secciones de preguntas frecuentes
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Organization",
"name": "Nombre de la empresa",
"url": "https://www.ornek.com/",
"logo": "https://www.ornek.com/img/logo.png",
"telephone": "+90-000-000-00-00"
}
</script>Plan de contenidos y enlaces internos
Por sólida que sea la base técnica, lo que lleva al visitante desde el buscador es el contenido. Definir en la fase de diseño qué intención de búsqueda cubrirá cada página permite planificar en consecuencia las zonas de texto y las secciones. La investigación de palabras clave debe hacerse junto con el mapa del sitio.
Los enlaces internos transmiten entre páginas tanto al usuario como la fuerza de posicionamiento. Enlace desde las páginas de servicios a los artículos del blog relacionados, y desde los artículos a las páginas de servicios, con textos naturales y descriptivos. En lugar de «haga clic aquí», utilice expresiones con sentido como «diseño de web corporativa».
Al renovar un sitio existente, comparar este plan con el contenido antiguo evita perder páginas valiosas. Reunimos lo que hay que tener en cuenta durante la renovación en nuestra guía de renovación de sitios web; puede encontrar el resto de nuestros artículos de diseño en la categoría de diseño web.
Medición tras la publicación
Un sitio optimizado para SEO debe medirse desde el mismo día de la publicación. Añada el sitio a Search Console, envíe el mapa del sitio y siga los informes de indexación y de Core Web Vitals. En la herramienta de analítica, haga un seguimiento por separado del tráfico orgánico, las páginas de destino y las conversiones.
Durante los primeros meses, analice qué páginas ganan visibilidad, en qué consultas aparece y cuáles son sus tasas de clics, y actualice contenidos y títulos en consecuencia. Es un trabajo continuo; para contar con informes y mejoras periódicas puede apoyarse en nuestro servicio de SEO y analítica. En cuanto a la velocidad, el trabajo de velocidad y rendimiento para un seguimiento continuo también debe incluirse en este calendario.
Preguntas frecuentes
01¿Un sitio optimizado para SEO garantiza el primer puesto?
Ningún diseño puede prometer una posición concreta. Una estructura optimizada para SEO prepara el terreno para que el sitio se rastree y se entienda correctamente y ofrezca una buena experiencia; el posicionamiento lo determinan en conjunto la calidad del contenido, la competencia y las señales de confianza.
02¿Mi sitio actual está optimizado para SEO? ¿Cómo lo sé?
Los informes de indexación y de experiencia de Search Console, los resultados de PageSpeed Insights y la estructura de encabezados en el código fuente de la página son un buen punto de partida. Un rastreo técnico completo también saca a la luz problemas ocultos como enlaces rotos y contenido duplicado.
03¿Son aptos para SEO los sitios hechos con JavaScript?
Pueden serlo, pero el contenido debe entregarse al buscador como HTML ya preparado. Las estructuras que usan renderizado en el servidor o generación estática resuelven este problema desde el principio.
04¿Cuándo da resultados el trabajo de SEO?
El plazo varía según la antigüedad del sitio, la competencia y la cantidad de contenido. El efecto de las correcciones técnicas empieza a notarse tras el rastreo, mientras que ganar contenido y autoridad suele ser un proceso que se extiende durante meses.
El diseño web optimizado para SEO deja de ser una capa que se añade después y pasa a formar parte de los cimientos del sitio. Para aplicar esta lista desde el principio en su proyecto, conozca nuestro servicio de diseño web optimizado para SEO; y si planea un sitio nuevo, descubra nuestro enfoque general de diseño web.
