H1 ausente
Silktide comprueba que cada página tenga un encabezado principal, conocido como H1, y que contenga texto legible. El H1 indica de qué trata la página para los visitantes, las y los motores de búsqueda por igual.
En , el encabezado principal se marca con la etiqueta <h1>. Un texto grande con estilo no es un sustituto: la propia etiqueta es la que aporta el significado:
<h1>Contacto</h1>
Por qué es importante
El H1 es lo primero que sirve de referencia a muchos visitantes. Quienes usan suelen ir directamente al H1 para confirmar que están en la página correcta y para saltar la navegación e ir al contenido principal. Sin él, tienen que escuchar la parte superior de la página para averiguar dónde están. Los motores de búsqueda también otorgan al H1 un peso especial al juzgar de qué trata una página, por lo que la ausencia o un H1 vacío perjudica tanto la accesibilidad como el posicionamiento.
Cómo solucionarlo
- Añade un único
<h1>cerca de la parte superior del contenido principal, describiendo la página en pocas palabras. La mayoría de las plantillas de páginas del muestran automáticamente el título de la página como H1; si la tuya no lo hace, ajusta la plantilla. - Asegúrate de que el H1 contenga texto real. Un H1 que solo incluya una imagen se considera vacío a menos que la imagen tenga :
<!-- Problema: no hay texto legible -->
<h1><img src="company-logo.png"></h1>
<!-- Corregido: el texto alternativo se convierte en el texto del encabezado -->
<h1><img src="company-logo.png" alt="Acerca de Company Inc."></h1>
El texto sin formato es lo mejor: lo lee todo y es fácil de mantener.
Cómo lo comprueba Silktide
- Omitir las páginas que devuelven un error "404 No encontrado", donde la ausencia de H1 no es significativa.
- Buscar elementos
<h1>en cada página restante. - Si la página no tiene ninguno, informar de que falta su H1.
- Si la página tiene H1, informar de cada uno cuyo contenido —incluido el texto alternativo de cualquier imagen dentro— no contenga letras ni números.
Solución de problemas
Mi página tiene un título grande en la parte superior
Un título que solo está estilizado para parecer un encabezado no cuenta: el texto debe estar dentro de una etiqueta <h1>. Consulta Encabezados potenciales para ver cómo los detecta Silktide.