5.3SEO y accesibilidad
Lo esencial en 30 segundos
- SEO: estructura de títulos correcta (un solo H1, jerarquía), contenido de calidad, páginas rápidas.
- Accesibilidad: alt de las imágenes, jerarquía de títulos, contrastes suficientes, navegación clara.
- SEO y accesibilidad se encuentran: una estructura clara sirve a ambos.
Hilo conductor — Nadia cuida el fondo
El sitio del carpintero es bonito y rápido; queda hacerlo encontrable y accesible para todos. Nadia comprueba un solo H1 por página, alts en las fotos, contrastes legibles al sol, una navegación clara. Constata que estas buenas prácticas sirven a la vez a Google y a los visitantes.
Continúa 5.2 — hacer el sitio encontrable e inclusivo.
1. SEO: estructura y calidad
El SEO (posicionamiento natural) optimiza el sitio para que esté bien clasificado en los motores. Las buenas prácticas del lado Elementor/WordPress: una estructura de títulos correcta (un solo H1, luego H2/H3 en jerarquía), un contenido de calidad y pertinente, páginas rápidas (nivel 5.1), etiquetas y URL limpias (a menudo mediante una extensión SEO).
Nadia comprueba cada página: un H1 único, una jerarquía lógica, títulos descriptivos.
2. Accesibilidad (y se encuentra con el SEO)
La accesibilidad hace el sitio usable por todos, incluidas las personas con discapacidad. Las bases: texto alternativo (alt) de las imágenes, estructura de títulos clara, contrastes suficientes, navegación coherente (teclado).
Punto clave: SEO y accesibilidad se encuentran — una estructura de títulos clara, alts, buen contraste ayudan a la vez a los motores y a los visitantes. Cuidar uno es a menudo cuidar el otro.
🔎 Ejemplo concreto — Hacer el sitio encontrable e inclusivo (caso Nadia)
SEO: 1 H1/página, jerarquía H2/H3, títulos descriptivos, páginas rápidas.
Accesibilidad: alt en cada imagen, contrastes comprobados, navegación clara.
Terreno común: la estructura de títulos y los alts sirven a ambos.
→ Comprobar cada página antes de entregar.Resultado: un sitio mejor posicionado y accesible para todos.
Lección: SEO y accesibilidad van de la mano.
Vocabulario de la sección
- SEO (posicionamiento natural)
- Optimizar el sitio para una buena clasificación en los motores de búsqueda.
Ejemplo sencillo: títulos claros, contenido pertinente, páginas rápidas.
Lo que no es: atiborrar de palabras clave sin estructura.
Reflejo: estructura + calidad + velocidad.
- Estructura de títulos
- Un solo H1 por página, luego H2/H3 en jerarquía lógica.
Ejemplo sencillo: H1 título de página, H2 secciones, H3 subpartes.
Lo que no es: varios H1 o niveles al azar.
Reflejo: un H1, una jerarquía descendente.
- Texto alternativo (alt)
- Describir una imagen para motores y lectores de pantalla.
Ejemplo sencillo: alt "Mesa de roble macizo, acabado al aceite".
Lo que no es: alt vacío o nombre de archivo.
Reflejo: cada imagen útil tiene un alt descriptivo.
- Contraste
- Diferencia texto/fondo suficiente para la legibilidad (accesibilidad).
Ejemplo sencillo: texto oscuro sobre fondo claro, legible al sol.
Lo que no es: gris claro sobre blanco.
Reflejo: comprobar el contraste de cada texto.
- SEO ↔ accesibilidad
- Ambos se encuentran: títulos, alt, estructura clara sirven a ambos.
Ejemplo sencillo: una buena jerarquía ayuda a Google Y a los lectores de pantalla.
Lo que no es: tratarlos como obras separadas opcionales.
Reflejo: cuidar uno es a menudo cuidar el otro.
En la práctica — Comprobar SEO y accesibilidad
- Comprueba que hay un solo H1 por página y una jerarquía H2/H3 lógica.
- Comprueba un alt descriptivo en cada imagen útil.
- Comprueba los contrastes texto/fondo (legibilidad).
- Prueba la navegación (menú claro, usable con el teclado).
Guion listo para decir — valorar SEO + accesibilidad (20 s)
"He cuidado la estructura del sitio por dos razones ligadas: ser mejor encontrado en Google, y seguir siendo usable por todos — incluidas las personas con baja visión. Títulos bien jerarquizados, descripciones de imágenes, buenos contrastes: estas buenas prácticas sirven a su visibilidad y a sus visitantes."
Ligar posicionamiento e inclusión: misma base, doble beneficio.
Plantilla para copiar y pegar — comprobación SEO/accesibilidad
UN SOLO H1 POR PÁGINA + JERARQUÍA H2/H3: sí / no
ALT DESCRIPTIVO EN CADA IMAGEN ÚTIL: sí / no
CONTRASTES TEXTO/FONDO SUFICIENTES: sí / no
NAVEGACIÓN CLARA (teclado): sí / no
PÁGINAS RÁPIDAS (ver 5.1): sí / noEscaparate local
Títulos descriptivos + info de contacto clara para el posicionamiento local.
Blog
Jerarquía de títulos cuidada por artículo, beneficiosa para SEO y lectura.
Imágenes
Alts descriptivos: accesibilidad + posicionamiento de las imágenes.
Contrastes
Comprobar la legibilidad al sol y para todos los ojos.
✓ Buenas prácticas
- Un solo H1 por página, jerarquía lógica.
- Alt descriptivo en cada imagen útil.
- Comprobar contrastes y navegación.
✗ Errores frecuentes
- Varios H1 o títulos al azar.
- Alts vacíos o nombres de archivos.
- Contrastes insuficientes (texto poco legible).
Puntos clave
- SEO: títulos, contenido, velocidad, URL limpias.
- Accesibilidad: alt, títulos, contraste, teclado.
- Ambos se encuentran (base común).
- Esencial, no opcional.
Reto 48h — aplica mañana
Audita una página: comprueba un solo H1 + jerarquía, los alts de las imágenes, los contrastes y la navegación por teclado. Corrige un fallo de cada categoría. 30 minutos.
- Respeto la jerarquía de títulos.
- Relleno los alts y compruebo los contrastes.
- Cuido SEO y accesibilidad juntos.
Preguntas frecuentes
¿Cuántos H1 por página para el SEO?
Uno solo, el título principal, luego una jerarquía H2/H3. Es bueno para el posicionamiento y para la accesibilidad (lectores de pantalla).
¿El texto alternativo sirve al SEO o a la accesibilidad?
A ambos: describe la imagen para los lectores de pantalla (accesibilidad) y ayuda a los motores a entender la imagen (SEO). Un ejemplo perfecto de terreno común.
¿SEO y accesibilidad están realmente ligados?
Ampliamente: una estructura de títulos clara, alts, buen contraste y una navegación coherente sirven a la vez al posicionamiento y a la accesibilidad. Cuidar uno ayuda al otro.
Antes de entregar, Nadia quiere un sitio a la vez bien posicionado y accesible. ¿Qué base sirve a ambos?